使用分享按鈕區塊,讓讀者能將內容輕鬆分享至 Facebook、Tumblr、LinkedIn、WhatsApp 和眾多其他服務,將你的訊息傳遍網路。
若要新增分享按鈕區塊,請按一下「+ 區塊插入工具」圖示,然後搜尋「分享按鈕」。按一下即可將該區塊新增至任何範本、文章或頁面。
此處有新增區塊的詳細說明。
新增分享按鈕區塊後,按一下該區塊內出現的「+ 區塊插入工具」,以選擇第一個按鈕:
此時會出現按鈕清單。按一下要新增的按鈕,然後針對要顯示按鈕的每個社群分享服務重複此程序。
你可以為下列支援的服務新增按鈕:
- Mastodon
- Telegram
- Tumblr
- X/Twitter
- Nextdoor
- Bluesky
按一下「分享按鈕區塊」時,系統會在其上方或下方顯示選項工具列:
分享按鈕區塊的工具列有以下幾個選項:
- 變更區塊類型。
- 拖曳區塊。
- 將區塊上移或下移。
- 你可以將分享按鈕區塊靠左、靠右,或置中對齊。
- 將該按鈕靠左、靠右或置中對齊,或在每個按鈕之間預留相等的間距。
- 使用小型、一般、大型或極大選項,調整按鈕大小。
- 更多選項。
選取區塊時,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,請按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位:
分享按鈕區塊包含下列設定:
- 對齊:將該區塊中的所有個別按鈕靠左、置中或靠右對齊。你也能夠選擇在每個按鈕之間預留相等間距。
- 方向:如果該區塊中有多個分享按鈕,此選項會以水平 (彼此相鄰) 或垂直 (一個按鈕在另一個按鈕下方) 方式顯示這些分享按鈕。
- 允許換行至多行:啟用此選項 (建議) 後,如果瀏覽器視窗太小,無法在同一行顯示每個按鈕,則會將多個按鈕移至新的一行。
你可以從社群分享按鈕的幾種不同外觀中選擇:
圖示與文字:
只顯示圖示:
只顯示文字:
分享按鈕區塊也包含進階設定。
在區塊設定側邊欄按一下「樣式」圖示,即可存取區塊的設計設定。「樣式」圖示的形狀是圓形,其中有半圓已填滿:
分享按鈕區塊包含下列樣式設定: