建立社群連結選單

社群連結選單可顯示 Facebook、Instagram、YouTube 等服務賞心悅目的圖示，供網站訪客更容易地在社群媒體找到你。此指引會說明如何建立社群連結選單。

Maywood 佈景主題中的社群連結選單範例。

在此指南中

1. Add a Social Menu
2. Supported Social Icons

新增社群選單

請依照以下步驟，將社群連結選單新增至網站。

📌

若要判斷應遵循本指南的哪一節內容，請前往儀表板查看左側的「外觀」區段。如果顯示「編輯器」，請參閱本指南的「網站編輯器」一節。否則，請參閱「WP 管理員」或「自訂工具」操作說明。

選取適合設計介面的分頁：

網站編輯器WP-管理員自訂工具

在網站編輯器中，插入社群圖示區塊，藉此顯示社群連結選單。請依照下列步驟新增新的社群連結選單：

1. 前往儀表板。
2. 前往「外觀」→「編輯器」。
3. 選取要編輯的「範本」或「範本組件」，或按一下網站預覽以開啟網站編輯器。
4. 開啟畫面左上角的「清單檢視」(圖示看起來像三條疊在一起的水平線)。
5. 選取位置並按一下「+ 區塊插入工具」圖示。
6. 搜尋「社群圖示區塊」，然後按一下即可新增該區塊。
7. 按一下「+」圖示，然後選取你想新增的第一個社群媒體個人檔案圖示。
   • 你可以搜尋特定的社群媒體網路，或按一下「瀏覽所有項目」連結，檢視所有可用的社群網路。
8. 按一下剛才新增的圖示，然後輸入社群媒體個人檔案的 URL。在鍵盤上按下 Enter/Return 鍵以送出，或按一下「套用」圖示 (以弧形箭頭表示)。
9. 依據想新增圖示的數量，重複這項操作。
10. 按一下「儲存」按鈕，即可儲存變更。

教學課程影片

按下「播放」後，可使用右下角的控制項放慢或加快影片的播放速度

你可在採用傳統佈景主題的網站上，透過以下步驟用 WP-管理員新增社群選單：

1. 前往「儀表板」。
2. 前往「外觀」→「選單」。
3. 確認在畫面上方選取正確的選單，或按一下「建立新選單」連結。
4. 在「新增選單項目」頁首下方，按一下「自訂連結」區段。
5. 在「URL」欄位中輸入第一個社群媒體個人檔案的連結。
6. 在「連結文字」欄位中輸入個人檔案的名稱 (此名稱不會顯示在網站上，但可幫助你記住新增的連結。)
7. 按一下「新增至選單」按鈕。
8. 針對每個要新增的社群媒體個人檔案，重複步驟 6 和 7。
9. 在「選單設定」頁首下方找到「顯示位置」選項，然後勾選「社群選單」方塊。
10. 按一下「儲存選單」按鈕。

你可以在採用傳統佈景主題的網站上，從以下兩種方法選擇，透過「自訂工具」新增社群連結選單：

• 插入社群圖示區塊。若想深入了解，請參閱此指引。
• 如果佈景主題支援社群連結選單，請依照下列步驟將社群連結新增至選單。

若要建立社群連結選單，請按照下列步驟操作：

1. 前往「儀表板」。
2. 前往「外觀」→「自訂」。
3. 按一下「選單」分頁。
4. 按一下「建立新選單」按鈕，或選取要編輯的現有選單。
5. 在「選單位置」下方，確認「社群連結/圖示」複選框是否已勾選：

按一下「社群選單」選項，即可顯示內含社群連結的新選單。

6. 若要將第一個社群媒體連結新增至選單，請按一下「+ 新增項目」按鈕。
7. 接著選取「自訂連結」選單項目類型：

按一下「自訂連結」頁首，即可顯示 URL 和「連結文字」輸入欄位。

8. 在此填寫兩個欄位：
   • URL：新增其中一個社群媒體個人檔案的連結 URL。例如，如果你的 Facebook 個人檔案連結是 https://www.facebook.com/WordPresscom，請將該位址貼上到 URL 欄位。
   • 連結文字：輸入社群媒體網站的名稱，例如 Facebook 或 Instagram。
9. 填寫完兩個欄位後，請按一下「新增至選單」按鈕。
10. 重複上述步驟，直到所有想用的社群媒體個人檔案都已新增至選單為止：

11. 按一下「儲存變更」按鈕，即可將變更推送至網站。

支援的社群圖示

連結至社群連結選單中的以下任一網站，即會自動在選單中顯示該網站圖示：

• 500px
• Amazon
• Apple
• Bandcamp
• Behance
• CodePen
• DeviantArt
• Digg
• Dribbble
• Dropbox
• Etsy
• Facebook
• Flickr
• Foursquare
• GitHub
• Goodreads
• Google+
• Instagram
• LinkedIn
• 電子郵件 (mailto: 連結)

• Meetup
• Medium
• Pinterest
• Pocket
• Reddit
• RSS 摘要 (含 /feed/ 的 URL)
• Skype
• SlideShare
• Snapchat
• SoundCloud
• Spotify
• StumbleUpon
• Tumblr
• Twitch
• Twitter
• Vimeo
• VK
• WordPress
• Yelp
• YouTube

舊版佈景主題可能支援不同組圖示，佈景主題的文件可能會列出支援的圖示。