返回支援 內容和媒體 區塊 分享按鈕區塊

分享按鈕區塊

使用分享按鈕區塊,讓讀者能將內容輕鬆分享至 Facebook、Tumblr、LinkedIn、WhatsApp 和眾多其他服務,將你的訊息傳遍網路。

教學課程影片

Adding and configuring the Sharing Buttons block

新增分享按鈕區塊

若要新增分享按鈕區塊,請按一下「+ 區塊插入工具」圖示,然後搜尋「分享按鈕」。按一下即可將該區塊新增至任何範本、文章或頁面。

此處有新增區塊的詳細說明。 

新增分享按鈕

新增分享按鈕區塊後,按一下該區塊內出現的「+ 區塊插入工具」,以選擇第一個按鈕:

箭頭指向分享按鈕區塊內的「+ 區塊插入工具」按鈕。

此時會出現按鈕清單。按一下要新增的按鈕,然後針對要顯示按鈕的每個社群分享服務重複此程序。

你可以為下列支援的服務新增按鈕:

  • Print
  • Facebook
  • LinkedIn
  • Mail
  • Mastodon
  • Pinterest
  • Pocket
  • Reddit
  • Telegram
  • Tumblr
  • WhatsApp
  • X/Twitter
  • Nextdoor
  • Bluesky

分享按鈕區塊工具列

按一下「分享按鈕區塊」時,系統會在其上方或下方顯示選項工具列:

分享按鈕區塊工具列。

分享按鈕區塊的工具列有以下幾個選項:

分享按鈕區塊設定

選取區塊時,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,請按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位:

編輯器中的「設定」圖示,下方顯示「設定」的工具提示。
按一下「設定」圖示即可開啟區塊設定

分享按鈕區塊包含下列設定:

版面配置設定

  • 對齊:將該區塊中的所有個別按鈕靠左、置中或靠右對齊。你也能夠選擇在每個按鈕之間預留相等間距。
  • 方向:如果該區塊中有多個分享按鈕,此選項會以水平 (彼此相鄰) 或垂直 (一個按鈕在另一個按鈕下方) 方式顯示這些分享按鈕。
  • 允許換行至多行:啟用此選項 (建議) 後,如果瀏覽器視窗太小,無法在同一行顯示每個按鈕,則會將多個按鈕移至新的一行。
顯示版面配置設定。

選擇按鈕外觀

你可以從社群分享按鈕的幾種不同外觀中選擇:

圖示與文字:

顯示按鈕圖示和文字的分享按鈕。

只顯示圖示:

只顯示按鈕圖示的分享按鈕。

只顯示文字:

只顯示按鈕文字的分享按鈕。

分享按鈕區塊也包含進階設定

分享按鈕區塊樣式

在區塊設定側邊欄按一下「樣式」圖示,即可存取區塊的設計設定。「樣式」圖示的形狀是圓形,其中有半圓已填滿:

箭頭指向「樣式」圖示,只要你按一下圖示即可開啟區塊樣式區段。

分享按鈕區塊包含下列樣式設定:

Copied to clipboard!