- beehiiv Blog 中文
- Posts
- 熟悉編輯工具 Editor
熟悉編輯工具 Editor
第三單元:發布你的電子報 — 第 15 課
到目前為止,你應該已經相當熟悉 beehiiv 編輯工具了。不過,由於使用編輯工具是經營電子報事業的關鍵部分,我想特別強調幾個重點。
如果你還記得第一課的內容,要使用所有可用的小工具,只需按下斜線鍵(/)就能顯示小工具選單(Widget Display)。
全新的選單列(menu bar)也可以使用方向鍵和快捷鍵來操作。
🔗 嵌入內容(Embeds)
超連結(Hyperlinks)
就在最近,beehiiv 推出了以下新功能:
將縮圖(thumbnail)自訂為四種不同風格
編輯縮圖中的元數據(metadata)
✍️ 行內編輯套件(Inline editing suite)
為了提供你最靈活的文字編輯工具,我們推出了完整的行內編輯套件(inline editing suite),讓你能以多種方式自訂內容。
只要反白任何文字、標題、內文等,就能開啟編輯工具。你可以輕鬆地進行以下操作:
粗體(bold)
斜體字
底線(underline)
刪除線(strikethrough)
重點標示
程式碼(code)
上標
下標
更改顏色(change color)
更改字型(change font)
將文字變超小
將文字變超大
某種組合
🏞 圖片(Images)
beehiiv 的圖片功能讓你能夠直接在編輯工具中簡單地新增和編輯視覺內容。
圖片來源:Unsplash
一如往常,你可以從媒體庫(Media Library)使用先前的素材(圖片、GIF 等),或是直接上傳新的素材。
在你新增素材後,你可以:
加上超連結
更改對齊方式
調整大小
新增說明文字
為說明文字加上超連結
更改說明文字的對齊方式
讓我們看看實際運作情況...
🤪 表情符號鍵盤(Emoji keyboard)
只要在編輯工具中按下 :
鍵,就能啟用表情符號鍵盤🙃。
🤝 推薦(Recommendations)
對於正在使用我們 推薦網路(Recommendation Network) 的朋友們,你可以直接將任何你積極推薦的電子報拖放到編輯工具中。
點擊註冊行動呼籲(CTA)的讀者將透過單一點擊自動訂閱推薦的電子報(也就是透過 魔法連結(Magic Link) ),而你將獲得推薦的酬勞。
🗳 投票(Polls)
你可以直接從主編輯工具選單中建立新的投票,或將現有的投票加入你的貼文中。
👾 HTML 程式碼片段(HTML Snippet)
全新的 HTML 程式碼片段(HTML Snippet)功能讓你能夠直接在文章中加入自訂的 HTML 程式碼, 而且 還能在編輯工具中即時預覽渲染效果。
雖然我們的編輯工具在製作內容方面非常靈活,但顯然無法涵蓋所有已知的收件匣設計元素。因此,HTML 片段(HTML Snippet)工具讓你能夠在電子報中加入任何自訂元素或樣式。
舉例來說,你知道可以在電子報的個別文章中加入分享圖示嗎?你可以點擊 這裡 進一步了解如何操作。
注意: 若要確認你的 beehiiv 方案是否包含 HTML 片段(HTML Snippet)工具,請前往我們的 定價頁面 查看。
🔐 付費牆(Paywall)
對於提供付費訂閱電子報的你們來說,能夠激勵並向免費讀者推銷升級方案,是建立一個可持續發展且不斷成長的訂閱制事業的關鍵。
你可以在電子報的任何位置添加付費牆分隔線(Paywall Break),這會產生兩個效果:
付費訂閱的讀者將能夠閱讀付費牆(paywall)以下的所有內容,就如同付費牆不存在一樣
免費讀者將無法查看付費牆以下的內容,而會看到一個提示升級的付費牆(paywall)
♻️ 複製區段(Duplicate Sections)
現在你可以創建這些完全客製化的區塊,並且編輯顏色、邊框、間距等等...你可能會認為製作電子報會變得繁瑣且耗時。
因此,我們推出了一項新功能,讓你可以直接從選單輕鬆複製內容。
Duplicate 會在被複製的區塊或區段下方新增一個相同的內容。
Copy 功能會將整個區段複製到你的剪貼簿,讓你能夠將內容貼到文章中的任何地方。
你很可能會重複使用許多相同的按鈕,因此我們簡化了流程,讓你只需點擊幾下就能輕鬆新增這些按鈕。
只要在編輯工具選單中點選「按鈕(Button)」選項,然後從預設的按鈕樣式中挑選一個即可。
📨 訂閱者分隔(Subscriber break)
去年八月,我們推出了 進階電子郵件收集(Advanced Email Capture) ,讓你可以在文章中選擇兩種方式來獲取新訂閱者:
彈出式表單(Popup forms) — 當網站訪客閱讀你的文章時,會出現一個自訂的彈出視窗
電子郵件門檻(Email-gate) — 防止非訂閱者在未輸入電子郵件地址的情況下閱讀你的任何文章
預設情況下,加入電子郵件門檻會隱藏整篇文章。但是透過「訂閱者分隔」功能,你可以在文章中的任何位置設置預覽段落,未訂閱的網站訪客會被提示輸入電子郵件以繼續閱讀全文。
這讓你可以先透露幾段精彩內容🔥,吸引讀者的注意,然後再適時地提醒他們輸入電子郵件地址。
注意: 訂閱者分隔的優先級始終最高。因此,如果你在一篇同時設有電子郵件門檻(email-gate)的文章中加入訂閱者分隔,則只會顯示訂閱者分隔。
在第一課中,你可能只是快速瀏覽了所有小工具(Widget)就進入下一步。因此,我想特別安排這段時間,讓你徹底點擊每一個小工具。沒錯,是每一個小工具。但我的意思不僅僅是一次點一個,而是要你組合使用這些小工具。跟我一起來操作:
建立區段
在區塊中加入標題
新增項目符號清單
新增水平線
嵌入連結
建立兩欄
試著調整區塊邊框
為邊框增加間距
諸如此類
要在區塊周圍建立邊框(步驟 7):
標記內容區塊並進行分組
點選「視覺設定(Visual Settings)」
調整 間距(Spacings) 和 邊框(Borders)
身為電子報的讀者,優秀的電子報設計往往容易被忽略。畢竟,我們訂閱電子報是為了閱讀內容,而非欣賞邊框。因此,身為電子報作者,了解如何設計電子報就變得格外重要。
你做到了嗎?你還在跟著我嗎?來吧,現在就動手做。
使用 beehiiv 編輯工具可以創造出無限多種組合。好吧,也許不是真的無限,但我鼓勵你今天花點時間熟悉一下 beehiiv 編輯工具。
事實上,許多電子報經營者正在尋找有才華的 beehiiv 設計師,協助他們在 beehiiv 編輯工具中創作電子報設計。#商機點子 👀
以下是 EJ 為你介紹編輯工具的使用方法:
好,繼續往下說。
個人化設定 / 自訂欄位(Custom Fields)
自訂欄位(Custom fields)讓你能夠個人化你的電子報。舉例來說,你可以不用籠統地說 「大家好!」 ,而是使用每位訂閱者的名字來稱呼他們。
聽起來很酷對吧?
好,以下是操作方式:
步驟一:前往「讀者群(Audience)」→「自訂欄位(Custom Fields)」→「建立自訂欄位(Create Custom Field)」
請依照以下方式填寫新的自訂欄位:
接著前往「讀者群(Audience)」查看你的自訂欄位。
每當新訂閱者在歡迎表單中填寫他們的名字時,它就會出現在自訂欄位(Custom Fields)區域中:
要撰寫實際的客製化文字,請先輸入兩個 中括號,接著輸入 first_name,再加上一個 | 符號,然後輸入你的替代文字。對於未提供名字的訂閱者以及你的網頁貼文,系統會顯示你的替代文字。最後再以兩個中括號結尾。
{{ name of custom field | fallback value }}
{{ first name | reader }}
你可以點擊「預覽(Preview)」按鈕來確認是否成功。
如果你沒有選擇訂閱者,你會看到替代文字:
如果你選擇一位訂閱者,你會看到他們的名字:
就是這樣!個人化(Personalization)是與讀者進行一對一溝通的絕佳方式,能夠培養忠誠度,並透過訂閱者的自訂資料來個人化你的電子報內容,進而留下最深刻的印象。
這裡有一段簡短的影片,帶你一步步了解操作流程: