首頁 CMS教程 &#&按 wordpress優化指南是什麼

wordpress優化指南是什麼

Jan 11, 2020 am 09:33 AM
wordpress

wordpress優化指南是什麼

wordpress優化指南是什麼?

wordpress 優化指南

推薦:《wordpress教學

wordpress毫無疑問是優秀的部落格系統,其最吸引人的一個特點就是有大量的外觀主題(theme)可以滿足個性化的部落格展示需求。

  

但可惜的是,目前wordpress主題中95%以上是外國人寫的,其設計是基於西方文字的,中國的blogger將這些主題拿來用在中文博客上時,會有很多不如意的地方;另外別人的主題也很難滿足自己所有的個人化需要,因此需要做一番優化和個性化的工作。

寫這篇文章的目的,是希望更多文wordpress部落客在奉行「拿來主義」使用外國人寫的wordpress主題時,能夠考慮到中文部落格的特色和自己個性化的需要,改造洋主題,打造適合中文部落格的個人化主題,最終改善中文部落格讀者的閱讀體驗。

一.知識準備:

要優化wordpress主題,需要對php和css有一定的了解是必須的,至少要能夠看懂簡單的php語句、了解日期格式的客製化方法,粗通css中字體、色塊、間距、圖片等各常用元素的屬性控制就可以了,不太清楚的話可以利用搜尋引擎邊學邊用。 Wordpress的文件結構也需要大致知道一點,這樣才能知道自己想改的地方在哪個文件中。此處簡要說明如下: 

·header.php footer.php:頁面最上方和最下方固定的內容,前者多數用來放部落格的名稱、導航條等,後者主要包含版權資訊。 

·index.php:首頁的內容和外觀由這個檔案控制。 

·sidebar.php:側邊欄顯示哪些內容由這個檔案決定。 

·single.php page.php:前者控制日誌的外觀,後者控制如「關於」頁面等固定頁的格式。 

·archive.php:存檔頁面的格式。例如某某類別的文章、某月的文章列表等。 

·comments.php:日誌後面的評論的部分。 

·search.php:顯示搜尋結果的頁面。 

·style.css:樣式表,控制外觀最重要的部分。 

·有些主題還有function.php link.php等,功能不一而足,可自行揣摩。 

二.工具準備:

建議使用EditPlus編輯器,具有程式碼高亮顯示、多個檔案中尋找取代等功能,大幅提升最佳化效率。另外推薦firefox瀏覽器,因為它在右鍵選單中有個「查看選定部分程式碼」功能,可以幫你在樣式表中快速找到控制某個區塊的部分。 

三.最佳化開始! 

1.文字的漢化:英譯漢是第一步,漢化到什麼程度由自己決定。注意在漢化時要整句翻譯,切忌一個字一個字的對翻。有的時候要改變句子的結構,例如”Posted by in on “會顯示Posted by xxx作者 in xxx分類 on xxx時間,如果要漢化,則可改為“由於發表在”,就比較符合中文的語序。 

2.字體的改變:很多外在wordpress主題中用到很多小號字,用來顯示中文非常難看。建議在style.css中搜尋所有font-size和font元素,如果後面的尺寸屬性小於12px的,一律改為12px;如果font-size用的是em作為單位,就要到body{}部分去找font設定的基礎大小值是多少,然後乘以em數值。例如body中設定的font-size是12px,而某個區塊設定的是font-size是0.9em,則這個區塊的尺寸是10.8px,建議改為1em。另外,缺省的宋體字比較美觀的尺寸不多,大概也就是12px、14px、16px等這麼多種,不要亂用字體大小。

3.字體的美化:某些比較大的文字,例如blog的標題等,建議使用微軟雅黑字體,vista使用者可以獲得比較美觀的效果,xp使用者多數沒裝此字庫,會自動改用宋體字顯示。

4.段落樣式的最佳化:中文段落開頭需要縮排2個字的空格,偏偏wordpress偏偏要刪除段首的空格,連全角空格也不放過,因此有必要在樣式表中加以優化,方法是在style.css中找到.post .contentp部分(名稱有可能變化,有的主題中是.post .entryp等等不一而足),加上text-indent:2em;即可;經常引用他人文字的博客,有必要查看塊引用的樣式是否設置,否則要自己修改樣式表中.blockquote這部分。 

5.時間格式優化:這一點經常被忽視,大多數漢化過來的wordpress主題仍保留著June 6th,2008這類扭的時間格式。修改方法:在index.php、archive.php、single.php、comments.php、page.php、search.php這些檔案中,尋找comment_date和the_time函數,將後面的'F jS,Y'這樣的時間格式改為'Y年n月j日'或'Y-n-j'這樣的格式,日期就可以顯示為順眼的“xxxx年x月x日”這樣的格式了。

6.側邊欄個人化:側邊欄往往都只有categories、archives、meta這類內容,如果你喜歡用TagsCloud、最新評論之類的功能,要自己加進去,這就需要自行安裝外掛程式或widget了,有些不支援widget的主題,還要自行修改sidebar.php,並Style.css中增加對應的樣式; 

7.增加外掛程式支援:wp-postview(顯示日誌的點擊數)、wp-pagenavi(增強翻頁功能)、wp-relatedposts(相關日誌) 等外掛程式是非常常用的,有的需要修改模板,有的需要改樣式表。有了前面對模板結構的了解,可以根據插件的技術文件自行修改。

8.模板佈局優化:前面這些步驟做完後,模板就已經可以很好的為自己所用了,但如果你還有心進一步優化,可以參考這篇文章:Creative Examples of Wordpress Themes Modifications,這裡有很多例子讓一些本來就已經不錯了的wordpress主題進一步脫胎換骨。但優化的方法比較複雜一些,能進行這些優化的人基本上也可以自己寫主題了。因此,學習改主題是通往自創主題的好方法。

以上是wordpress優化指南是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP 與 Flutter 的比較:行動裝置開發的最佳選擇 PHP 與 Flutter 的比較:行動裝置開發的最佳選擇 May 06, 2024 pm 10:45 PM

PHP和Flutter是行動端開發的流行技術。 Flutter勝在跨平台能力、效能和使用者介面,適合需要高效能、跨平台和自訂UI的應用程式。 PHP則適用於效能較低、不跨平台的伺服器端應用程式。

wordpress如何修改頁面寬度 wordpress如何修改頁面寬度 Apr 16, 2024 am 01:03 AM

透過編輯 style.css 文件,您可以輕鬆修改 WordPress 頁面寬度:編輯 style.css 文件,新增 .site-content { max-width: [您的首選寬度]; }。修改 [您的首選寬度] 以設定頁面寬度。儲存變更並清除快取(可選)。

wordpress文章在哪個資料夾 wordpress文章在哪個資料夾 Apr 16, 2024 am 10:29 AM

WordPress 文章儲存在 /wp-content/uploads 資料夾中。此資料夾使用子資料夾對不同類型的上傳進行分類,包括按年、月和文章 ID 組織的文章。文章檔案以純文字格式 (.txt) 存儲,檔案名稱通常包含其 ID 和標題。

wordpress如何做產品頁 wordpress如何做產品頁 Apr 16, 2024 am 12:39 AM

在WordPress 中建立產品頁面:1. 建立產品(名稱、描述、圖片);2. 自訂頁面範本(新增標題、描述、圖片、按鈕);3. 輸入產品資訊(庫存、尺寸、重量);4 .建立變體(不同顏色、尺寸);5. 設定可見性(公開或隱藏);6. 啟用/停用評論;7.預覽並發布頁面。

wordpress模板檔案在哪 wordpress模板檔案在哪 Apr 16, 2024 am 11:00 AM

WordPress 範本檔案位於 /wp-content/themes/[主題名稱]/ 目錄。它們用於決定網站的外觀和功能,包括頁首(header.php)、頁尾(footer.php)、主模板(index.php)、單篇文章(single.php)、頁(page.php)、檔案(archive.php)、類別(category.php)、標籤(tag.php)、搜尋(search.php)和404 錯誤頁面(404.php)。透過編輯和修改這些文件,可以自訂 WordPress 網站的外

wordpress如何搜尋作者 wordpress如何搜尋作者 Apr 16, 2024 am 01:18 AM

在 WordPress 中搜尋作者:1. 登入管理面板後,導覽至“文章”或“頁面”,使用搜尋欄輸入作者姓名,在“篩選器”中選擇“作者”。 2. 其他技巧:使用通配符擴大搜尋範圍,使用運算子組合條件,或輸入作者 ID 以搜尋文章。

wordpress用什麼語言開發 wordpress用什麼語言開發 Apr 16, 2024 am 12:03 AM

WordPress 採用 PHP 語言開發,作為其核心程式語言,用於處理資料庫互動、表單處理、動態內容產生和使用者請求。 PHP 被選擇的原因包括跨平台相容性、易於學習、活躍社群以及豐富的函式庫和框架。除了 PHP,WordPress 還使用 HTML、CSS、JavaScript、SQL 等語言來增強其功能。

wordpress哪個版本穩定 wordpress哪個版本穩定 Apr 16, 2024 am 10:54 AM

最穩定的 WordPress 版本是最新版本,因為它包含最新的安全性修補程式、增強效能並引入新功能和改進。為了更新到最新版本,請登入 WordPress 儀表板,前往「更新」頁面並點擊「立即更新」。

See all articles