• 首頁
  • 馬祖野鳥名錄(2017年版)
  • 關於本站
北方羽林
  • 首頁
  • 旅遊美食
  • 網路資源
  • 敗家日記
  • 攝影記事
  • 飛羽手札
  • 生活記事
  • 關於本站
No Result
View All Result
  • 首頁
  • 旅遊美食
  • 網路資源
  • 敗家日記
  • 攝影記事
  • 飛羽手札
  • 生活記事
  • 關於本站
No Result
View All Result
北方羽林
No Result
View All Result
Home 網路資源 架站工具 Weebly

如何在 Weebly 中加入社群媒體浮動分選單

北方羽林 作者: 北方羽林
2020-01-03
in Weebly, 架站工具, 網路資源
如何在 Weebly 中加入社群媒體浮動選單
分享到 Facebook分享到 Twitter分享到 Line

Weebly 是 Zeta 很推薦的一個免費架站平台,拖拉式的設計介面即使是完全不懂網頁設計的人也能自由摸索然後建立一個屬於自己的網站,雖然說 Weebly 功能強大,但是還是有一些功能是原本的是原本 Weebly 所沒有的,今天就要來跟大家分享一下如何在 Weebly 中建立側邊的社群媒體分享選單。

什麼是社群媒體分享選單?其實就是我們瀏覽各個網頁時,方便我們直接分享到其他社群平台,比如說 Facebook、Tweet……等網站的按鈕,所以在網頁中非常常見到,Weebly 的按鈕只有提供在部落格中,如果你是要分享特定頁面或是網站就沒那麼方便,何況 Weebly 的部落格其實並不好用,那如何在 Weebly 中加入媒體分享選單呢?

加入 Weebly 社群媒體分享選單教學

今天要使用的服務是 Sharethis ,其實除了 Weebly 外,同樣的方法也可以套用在其他的網站中。

打開 Sharethis 並註冊,只需要一個可以接收認證信的信箱就可以了,你也可以透過 Facebook 或是 Google 帳號直接註冊,十分方便。

如何在 Weebly 中加入社群媒體浮動選單

完成註冊后登入帳號,首先會問你要把選單放在哪一個網站內,子網域也可以用。

如何在 Weebly 中加入社群媒體浮動選單

輸入網域後,接者你會看到許多分享工具,有的是分享在部落格文章中,我們要選的是右上方的 Sticky Share Buttons。

如何在 Weebly 中加入社群媒體浮動選單

一開始網站會詢問是否要取得程式碼,其實這時候就可以先複製下來,反正之後的修改都可以在 Shraethis 中完成,就不用再調整網站代碼。
左邊看到的就是系統預設的浮動選單,上下順序還可以用滑鼠直接拉動調整。

如何在 Weebly 中加入社群媒體浮動選單

複製這段 Code,之後回到 Weebly 的時候會用到。

如何在 Weebly 中加入社群媒體浮動選單

網頁向下拉動,你可以看到各種相關設定,要連接哪幾個社群軟體還是說擺放位置,在手機中是否要顯示都可以做細部調整。

如何在 Weebly 中加入社群媒體浮動選單

台灣不像歐美有流行那麼多的社群網站,所以大部分都可以刪除掉。

如何在 Weebly 中加入社群媒體浮動選單

效果設定好之後,回到 Weebly 的網站編輯後台,找到 Setting>SEO>Header Code,然後貼上軒前複製的那一段代碼,發布之後就會在側邊出現分享選單了。

如何在 Weebly 中加入社群媒體浮動選單

完成的效果可以參考這裡,Weebly 雖然好用,但是很多時候有些功能略顯陽春,透過其他網頁的服務可以讓它朝心目中的理想網站更進一步,但是如果你想付費升級的話,建議還是先試試 WordPress,不但便宜而且功能更強大喔。

上一篇文章

Transcend 創見隨身碟原廠送修紀錄

下一篇文章

自然之聲 來自世界各地400多個森林的實況錄音

北方羽林

北方羽林

偶爾在網路上分享攝影、旅遊以及在網路世界學到的點點滴滴。

相關文章

如何修復 惱人的 525 SSL Handshake Failed
網路分享

如何修復惱人的 525 SSL Handshake Failed

2020-12-31
CreativeMarket | 每週給你6個優秀的高級設計素材
網路分享

CreativeMarket | 每週給你6個優秀的高級設計素材

2020-12-29
如何在 Microsoft Edge 截取整個網頁畫面
網路分享

如何在 Microsoft Edge 截取整個網頁畫面

2020-12-28
網站出現 503 Service Unavailable 警告,該如何處理?
WordPress

網站出現 503 Service Unavailable 警告,該如何處理?

2020-12-24
免費建立 WordPress 測試用網站
架站工具

TasteWP | 免費建立 WordPress 測試用網站

2020-12-23
Sfull.Net | 教你免費下載 Facwebook 影片,支援 4K 最高畫質下載
網路資源

Sfull.Net | 教你免費下載 Facwebook 影片,支援 4K 最高畫質下載

2020-12-15
下一篇文章
自然之聲地圖

自然之聲 來自世界各地400多個森林的實況錄音

MagicShield-神盾立體鞋架

鞋櫃收納好幫手 MagicShield 神盾立體鞋架

如何解決 Photoshop 在4K高解析度螢幕介面文字太小的問題

如何解決 Photoshop 在4K高解析度螢幕介面文字太小的問題(適用於其他 Adobe 軟體)

發表迴響 取消回覆

文章分類

  • 首頁
  • 旅遊美食
  • 網路資源
  • 敗家日記
  • 攝影記事
  • 生活資訊
  • 飛羽手札
  • 關於本站

標籤

Canon E-game攻略 FaceBook Plugin theme VPS Weebly Wix woocommerce Wordpress Youtube 主題 住宿 便宜虛擬主機 免費主機 免費圖庫 免費架站 外掛 多媒體 打寇島 打扣島攻略 拯救麗麗加 攝影 旅かえる 旅行青蛙 旅遊 燕鷗 精打細算 網站備份 網站應用 網站監測 網站還原 美食 自然 自然素材 藍眼淚 虛擬主機 遊戲攻略 鏡頭 開箱 電腦應用 頂級域名 飛羽 馬祖 馬祖美食




  • 首頁
  • 旅遊美食
  • 網路資源
  • 敗家日記
  • 攝影記事
  • 飛羽手札
  • 生活記事
  • 關於本站

Copyright© Zetaspace All rights reserved

No Result
View All Result
  • 首頁
  • 旅遊美食
  • 網路資源
  • 敗家日記
  • 攝影記事
  • 飛羽手札
  • 生活記事
  • 關於本站

Copyright© Zetaspace All rights reserved