區塊

區塊 »社交網路服務圖示區塊

「社交網路服務圖示區塊」可讓你將社交媒體圖示新增到任何頁面或文章,將訪客導向到你的社交媒體個人檔案。

範例如下:

插入社交網路服務圖示區塊

你可以在此處查看新增區塊的詳細說明。

你可以從「新增區塊」按鈕選取「社交網路服務圖示區塊」加以新增。或者你可以在新的一行輸入/social,然後按下 Enter:

Gif:在 WordPress 編輯器新的一行中,輸入 /social 並按下 Enter 以插入「社交連結區塊」。

新增你的社交個人檔案

區塊有一些預先新增的社交圖示,你可以視需要保留或移除。

若要將現有圖示連結到你的社交媒體帳號,請按一下該圖示。此時會出現地址欄位,讓你將連結插入你的社交個人檔案。按一下箭號按鈕儲存:

Gif:按一下圖示加以編輯。
編輯社交媒體圖示,將其變成連結。

新增圖示

按一下目前圖示右側的 +「新增圖示」按鈕,這會開啟所有可用圖示的清單,讓你選取所需的圖示。

Gif:按一下「新增圖示」按鈕,開啟可用社交圖示的清單。
新增圖示。

你也可以使用搜尋列尋找圖示:

圖片:醒目提示可用社交媒體圖示清單頂端的搜尋列。
尋找社交媒體圖示的搜尋列

如果你需要的圖示不存在,可以改用通用連結按鈕:

圖片:醒目提示通用連結選項。
通用連結圖示

支援圖示的清單

以下圖示可供使用:

  • 500px
  • Apple
  • Bandcamp
  • Behance
  • CodePen
  • DeviantArt
  • Dribbble
  • Dropbox
  • Etsy
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Goodreads
  • Google
  • Instagram
  • Last.fm
  • LinkedIn
  • Email (mailto:連結)
  • Mastodon
  • Meetup
  • Medium
  • Pinterest
  • Pocket
  • Reddit
  • RSS 摘要 (含 /feed/ 的 URL)
  • Skype
  • Snapchat
  • Soundcloud
  • Spotify
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • VK
  • WordPress
  • Yelp
  • YouTube

移除圖示

若要移除圖示,請按一下該圖示以顯示其個別的工具列。按一下該圖示的省略符號 (三個點) 按鈕,然後選取「移除區塊」:

Gif:按一下個別圖示上方的省略符號 (三個點) 按鈕,進入該圖示的「刪除區塊」選項。
移除社交媒體圖示

區塊設定

除了區塊工具列中的選項以外,編輯器側邊欄也會顯示每個區塊的特定選項。如果看不到側邊欄,請按一下「發佈」按鈕旁的「小齒輪」圖示。

在區塊設定中,可以為圖示選擇三種不同的樣式:

  • 預設
  • 只顯示標誌
  • 藥丸形狀
圖片:社交連結區塊的區塊設定。
區塊設定

進階

進階分頁可讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式。瞭解更多。

進階區段可讓你新增 CSS 類別到區塊。
進階區段可讓你新增 CSS 類別到區塊。

每個社交媒體圖示也可以有自己的類別。若要為圖示新增類別,請先選取一個圖示,然後為該圖示修改「其他 CSS 類別」欄位:

圖片:個別圖示的「其他 CSS 類別」欄位
個別圖示的「其他 CSS 類別」欄位

Not quite what you're looking for?

取得說明