WordPress Theme Ashe – 多用途部落格佈景主題
WordPress Theme Ashe – 這是一款適合多種用途,專為部落格而生的佈景主題。
今天分享的這一款免費的 WordPress 佈景主題,根據官網佈景主題說明顯示,是一款特別適合個人、生活、健康與健身、食品、烹飪、麵包店、旅遊、美容、時尚、婚禮、攝影、新聞、汽車、小型企業網站…等等。可以說得上是一款多用途的部落格型態網站,設計簡單適合初學者操作,同時也支援電子商務、行動裝置、更提供搜尋引擎友善設計,這也難怪在短短的時間內,有超過 4萬人次的下載啟用。今天分享的內容將放在佈景主題中文字型的調整上,如果也是使用這一款佈景主題的朋友,可以參考看看。
WordPress Theme Ashe
- 佈景主題名稱:Ashe
- 佈景主題網址:https://wordpress.org/themes/ashe/
- 因為今天文章的內容是著重在中文字型的修改與調整,佈景主題安裝完成後,請先建立子佈景主題,子佈景主題建立完成後,請啟用子佈景主題。
- 在開始中文字型調整前,我們需要先建立帶入中文字型的環境。今天分享的方法是,在 header.php 檔案,帶入 Google Noto Sans TC 繁體中文字型。
- 請複製佈景主題的 header.php 檔案到子佈景主題資料夾(例如:ashe-child)。
- 如果子佈景主題的建立是透過之前介紹的 Child Theme Configurator 外掛程式建立的話,那麼可以透過 Child Theme Configurator 外掛程式的檔案複製功能,複製 header.php 檔案到子佈景主題資料夾。
- 透過文字編輯器開啟子佈景主題資料夾內的 header.php 檔案,在 wp_head(); 之前,填入 Google Noto Sans TC 繁體中文字型。
1 |
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700,900" rel="stylesheet"> |
- 網站正確載入 Google Noto Sans TC 繁體中文字型後,接著就要開始今天的中文字型調整。
佈景主題繁體中文字型調整
- 關於繁體中文字型的調整,可以透過修改子佈景主題的 style.css 檔案,也可以在外觀的自訂/附加的 CSS,兩者擇一操作就可以。
- 這次調整的地方有:1)網站標題。 2)網站說明。 3)選單。 4)精選連結。 5)分類。 6)文章標題。 7)文章內文。 8)小工具標題。 9)小工具連結。
- 接著修改的繁體中文字型設計,修改的內容如下。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
/**網站標題設計**/ .entry-header a{ font-family: 'Noto Sans TC', sans-serif; font-size:48px; color: #ffffff!important; } /**網站說明設計**/ .site-description { font-family: 'Noto Sans TC', sans-serif; color: #ffffff; } /**選單字型設計**/ #main-menu a{ font-family: 'Noto Sans TC', sans-serif!important; font-size: 18px!important; } /**精選連結字型設計**/ #featured-links h6 { font-family: 'Noto Sans TC', sans-serif; font-size: 18px; } /**文章標題字型設計**/ .post-title { font-family: 'Noto Sans TC', sans-serif; } /**文章內文字型設計**/ .post-content { font-family: 'Noto Sans TC', sans-serif; } /**小工具標題字型設計**/ .widget-title h2 { font-family: 'Noto Sans TC', sans-serif; } /**分類、小工具連結字型設計**/ .page-content a, .post-categories, .page-content .ashe-widget.widget_text a{ font-family: 'Noto Sans TC', sans-serif; } |
- 以上完成。
結論
對於喜歡寫作的朋友,這會是一款不錯使用的佈景主題,免費版本就可以有很不錯的效果,當然,如果需要其他更多的佈景主題設計與調整,可以付費升級到佈景主題的付費版本。簡單實測以後,這是一款可以推薦給大家的佈景主題,如果您也是專注於網站內容建立的朋友,這是一款很值得使用的佈景主題。