Site Identity Site Icon 區塊佈景網站圖示

Site Identity Site Icon 區塊佈景網站圖示

Site Identity Site Icon 區塊佈景網站圖示,在全站編輯的區塊編輯模式下設定網站圖示,讓瀏覽器的小圖示展示網站品牌識別效果。

有越來越多的架站朋友因為喜歡區塊編輯的方式,進而使用區塊佈景主題。今天要跟大家分享的內容是如何在區塊佈景主題裡設定網站圖示,在以往的佈景主題設計,只需要到外觀的自訂就可以輕鬆的設定 Site Icon 網站圖示,不過到了區塊佈景主題時,就稍微複雜了一些,接下來會以兩種方法來建立網站圖示,有興趣的朋友請耐心閱讀。

Site Identity Site Icon 區塊佈景網站圖示

  • 網站圖示的設計,可以在瀏覽器顯示網站品牌識別,同時也可以在搜尋結果中展示網站的識別標誌,所以建立正確的 Site Identity Site Icon 區塊佈景網站圖示是每位網站管理者建立好網站後的第一步。
Site Identity Site Icon 區塊佈景網站圖示設定前採預設圖示

第一種方法

  • 今天的文章範例,以 Twenty Twenty-Three 佈景主題為範例,請先登入 WordPress 網站控制台,接著點擊外觀/編輯器,準備開始進行網站圖示設定。
  • 進入全站編輯後,請點擊區塊版面配置

區塊版面配置
  • 接著在區塊版面配置中,找到 頁首

區塊版面配置/頁首
  • 點擊 頁首,進入後點擊 鉛筆圖示,開始編輯。

編輯頁首
點擊鉛筆圖示開始編輯
  • 編輯的方式就像在區塊編輯器中一樣,點選加入圖示。

插入 Site Identity Site Icon 區塊佈景網站圖示
  • 找到網站圖示功能區塊,請插入頁首終究可以。

網站圖示功能區塊
  • 上傳自己的網站圖示,請記得尺寸為 512X512。

上傳 Site Identity Site Icon 區塊佈景網站圖示
  • 在區塊編輯中,請記得將設定為網站圖示啟用。

設定為網站圖示
  • 在儲存前,再次確認啟用圖示,並將標誌關閉。

第二種方法

  • 另外的一種方法是,直接在管理後台網址上加上 customize.php,就可以開啟以往設定畫面,開始編輯網站識別

外觀/自訂/網站識別
  • 網站圖示上傳自己設計的圖片就可以完成設定了。

上傳網站圖示圖片
  • 完成以後,回到網站前台,就可以看到瀏覽器上的小圖示,呈現正確的網站圖示了。

Site Identity Site Icon 區塊佈景網站圖示在瀏覽器上的展示效果

示範影片

結論

Site Identity Site Icon 區塊佈景網站圖示對於 WordPress 網站來說有著一定的重要性,為在區塊佈景主題中的設定稍微需要適應,今天分享的兩種設定方法都可以,大家可以挑選自己喜歡的方式去設定就可以了。正確的網站圖示,除了提高網站的是別外,在搜尋結果的排列上,也可以展現網站品牌的效果,希望今天分享的內容可以幫助到使用區塊佈景主題的朋友,也謝謝大家耐心閱讀。

About The Author

max

使用 WordPress 架設網站不再是一件痛苦的工作。這裡跟大家分享使用WordPress的相關問題與研究。 並且提供有關WordPress外掛程式,佈景主題等等的使用經驗分享。 幫助想要建立網站的朋友,可以簡單,快速,無痛苦的建立與使用網站。

Leave a reply

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

網站架設

WordPress 虛擬主機免費安裝設定