wordpress 優(yōu)化指南
發(fā)布時間:2009-11-09 22:13:46 作者:佚名
我要評論
wordpress毫無疑問是一個優(yōu)秀的博客系統(tǒng),其最吸引人的一個特點就是有大量的外觀主題(theme)可以滿足個性化的博客展示需求。
但可惜的是,目前wordpress主題中95%以上是外國人寫的,其設計是基于西方文字的,中國的blogger將這些主題拿來用在中文博客上時,會有很多不如意的地方;另外別人的主題也很難滿足自己所有的個性化需要,因此需要做一番優(yōu)化和個性化的工作。
寫這篇文章的目的,是希望更多文wordpress博主在奉行“拿來主義”使用外國人編寫的wordpress主題時,能夠考慮到中文博客的特點和自己個性化的需要,改造洋主題,打造適合中文博客的個性化主題,最終改善中文博客讀者的閱讀體驗。
一.知識準備:要優(yōu)化wordpress主題,需要對php和css有一定的了解是必須的,至少要能夠看懂簡單的php語句、了解日期格式的定制方法,粗通css中字體、色塊、間距、圖片等各常用元素的屬性控制就可以了,不太清楚的話可以利用搜索引擎邊學邊用。Wordpress的文件結(jié)構(gòu)也需要大略知道一點,這樣才能知道自己想改的地方在哪個文件中。此處簡要說明如下:
·header.php footer.php:頁面最上方和最下方固定的內(nèi)容,前者多數(shù)用來放博客的名稱、導航條等,后者主要包含版權(quán)信息。
·index.php:主頁的內(nèi)容和外觀由這個文件控制。
·sidebar.php:側(cè)邊欄顯示哪些內(nèi)容由這個文件決定。
·single.php page.php:前者控制日志的外觀,后者控制如“關(guān)于”頁面等固定頁的格式。
·archive.php:存檔頁面的格式。比如某某類別的文章、某月的文章列表等。
·comments.php:日志后面的評論的部分。
·search.php:顯示搜索結(jié)果的頁面。
·style.css:樣式表,控制外觀最重要的部分。
·有些主題還有function.php link.php等,功能不一而足,可自行揣摩。
二.工具準備:推薦使用EditPlus編輯器,具有代碼高亮顯示、多個文件中查找替換等功能,大大提高優(yōu)化效率。另外推薦firefox瀏覽器,因為它在右鍵菜單中有個“查看選定部分代碼”功能,可以幫你在樣式表中迅速找到控制某個區(qū)塊的部分。
三.優(yōu)化開始!
1.文字的漢化:英譯漢是第一步,漢化到什么程度由自己決定。注意在漢化時要整句翻譯,切忌一個詞一個詞的對翻。有的時候要改變句子的結(jié)構(gòu),例如”Posted by in on “會顯示Posted by xxx作者 in xxx分類 on xxx時間,如果要漢化,則可改為“由于發(fā)表在”,就比較符合中文的語序。
2.字體的更改:很多外wordpress文主題中用到很多小號字,用來顯示中文非常難看。建議在style.css中搜索所有font-size和 font元素,如果后面的尺寸屬性小于12px的,一律改為12px;如果font-size用的是em作為單位,就要到body{}部分去找font設置的基礎大小值是多少,然后乘以em數(shù)值。例如body中設置的font-size是12px,而某個區(qū)塊設置的是font-size是0.9em,則這個區(qū)塊的尺寸是10.8px,建議改為1em。另外,缺省的宋體字比較美觀的尺寸不多,大概也就是12px、14px、16px等這么幾種,不要亂用字體大小。
3.字體的美化:某些比較大的文字,比如blog的標題等,建議使用微軟雅黑字體,vista用戶可以獲得比較美觀的效果,xp用戶多數(shù)沒裝此字庫,會自動改用宋體字顯示。
4.段落樣式的優(yōu)化:中文段落開頭需要縮進2個字的空格,偏偏wordpress偏偏要刪除段首的空格,連全角空格也不放過,因此有必要在樣式表中加以優(yōu)化,方法是在style.css中找到.post .contentp部分(名稱有可能變化,有的主題中是.post .entryp等等不一而足),加上text-indent:2em;即可;經(jīng)常引用他人文字的博客,有必要查看塊引用的樣式是否設置,否則要自己修改樣式表中.blockquote這部分。
5.時間格式優(yōu)化:這一點經(jīng)常被忽視,大多數(shù)漢化過來的wordpress主題仍保留著June 6th,2008這類別扭的時間格式。修改方法:在index.php、archive.php、single.php、comments.php、page.php、search.php這些文件中,尋找comment_date和the_time函數(shù),將后面的’F jS,Y’這樣的時間格式改為’Y年n月j日’或者’Y-n-j’這樣的格式,日期就可以顯示為順眼的“xxxx年x月x日”這樣的格式了。
6.側(cè)邊欄個性化:側(cè)邊欄往往都只有categories、archives、meta這類內(nèi)容,如果你喜歡用TagsCloud、最新評論之類的功能,要自己加進去,這就需要自行安裝插件或widget了,有些不支持widget的主題,還要自行修改sidebar.php,并Style.css中增加相應的樣式;
7.增加插件支持:wp-postview(顯示日志的點擊數(shù))、wp-pagenavi(增強翻頁功能)、wp-relatedposts(相關(guān)日志) 等插件是非常常用的,有的需要修改模板,有的需要改樣式表。有了前面對模板結(jié)構(gòu)的了解,可以根據(jù)插件的技術(shù)文檔自行修改。
8.模板布局優(yōu)化:前面這些步驟做完后,模板就已經(jīng)可以很好的為自己所用了,但如果你還有心進一步優(yōu)化,可以參看這篇文章:Creative Examples of Wordpress Themes Modifications,這里有很多例子讓一些本來就已經(jīng)不錯了的wordpress主題進一步脫胎換骨。但優(yōu)化的方法比較復雜一些,能進行這些優(yōu)化的人基本上也可以自己寫主題了。因此,學習改主題是通往自創(chuàng)主題的好途徑。
寫這篇文章的目的,是希望更多文wordpress博主在奉行“拿來主義”使用外國人編寫的wordpress主題時,能夠考慮到中文博客的特點和自己個性化的需要,改造洋主題,打造適合中文博客的個性化主題,最終改善中文博客讀者的閱讀體驗。
一.知識準備:要優(yōu)化wordpress主題,需要對php和css有一定的了解是必須的,至少要能夠看懂簡單的php語句、了解日期格式的定制方法,粗通css中字體、色塊、間距、圖片等各常用元素的屬性控制就可以了,不太清楚的話可以利用搜索引擎邊學邊用。Wordpress的文件結(jié)構(gòu)也需要大略知道一點,這樣才能知道自己想改的地方在哪個文件中。此處簡要說明如下:
·header.php footer.php:頁面最上方和最下方固定的內(nèi)容,前者多數(shù)用來放博客的名稱、導航條等,后者主要包含版權(quán)信息。
·index.php:主頁的內(nèi)容和外觀由這個文件控制。
·sidebar.php:側(cè)邊欄顯示哪些內(nèi)容由這個文件決定。
·single.php page.php:前者控制日志的外觀,后者控制如“關(guān)于”頁面等固定頁的格式。
·archive.php:存檔頁面的格式。比如某某類別的文章、某月的文章列表等。
·comments.php:日志后面的評論的部分。
·search.php:顯示搜索結(jié)果的頁面。
·style.css:樣式表,控制外觀最重要的部分。
·有些主題還有function.php link.php等,功能不一而足,可自行揣摩。
二.工具準備:推薦使用EditPlus編輯器,具有代碼高亮顯示、多個文件中查找替換等功能,大大提高優(yōu)化效率。另外推薦firefox瀏覽器,因為它在右鍵菜單中有個“查看選定部分代碼”功能,可以幫你在樣式表中迅速找到控制某個區(qū)塊的部分。
三.優(yōu)化開始!
1.文字的漢化:英譯漢是第一步,漢化到什么程度由自己決定。注意在漢化時要整句翻譯,切忌一個詞一個詞的對翻。有的時候要改變句子的結(jié)構(gòu),例如”Posted by in on “會顯示Posted by xxx作者 in xxx分類 on xxx時間,如果要漢化,則可改為“由于發(fā)表在”,就比較符合中文的語序。
2.字體的更改:很多外wordpress文主題中用到很多小號字,用來顯示中文非常難看。建議在style.css中搜索所有font-size和 font元素,如果后面的尺寸屬性小于12px的,一律改為12px;如果font-size用的是em作為單位,就要到body{}部分去找font設置的基礎大小值是多少,然后乘以em數(shù)值。例如body中設置的font-size是12px,而某個區(qū)塊設置的是font-size是0.9em,則這個區(qū)塊的尺寸是10.8px,建議改為1em。另外,缺省的宋體字比較美觀的尺寸不多,大概也就是12px、14px、16px等這么幾種,不要亂用字體大小。
3.字體的美化:某些比較大的文字,比如blog的標題等,建議使用微軟雅黑字體,vista用戶可以獲得比較美觀的效果,xp用戶多數(shù)沒裝此字庫,會自動改用宋體字顯示。
4.段落樣式的優(yōu)化:中文段落開頭需要縮進2個字的空格,偏偏wordpress偏偏要刪除段首的空格,連全角空格也不放過,因此有必要在樣式表中加以優(yōu)化,方法是在style.css中找到.post .contentp部分(名稱有可能變化,有的主題中是.post .entryp等等不一而足),加上text-indent:2em;即可;經(jīng)常引用他人文字的博客,有必要查看塊引用的樣式是否設置,否則要自己修改樣式表中.blockquote這部分。
5.時間格式優(yōu)化:這一點經(jīng)常被忽視,大多數(shù)漢化過來的wordpress主題仍保留著June 6th,2008這類別扭的時間格式。修改方法:在index.php、archive.php、single.php、comments.php、page.php、search.php這些文件中,尋找comment_date和the_time函數(shù),將后面的’F jS,Y’這樣的時間格式改為’Y年n月j日’或者’Y-n-j’這樣的格式,日期就可以顯示為順眼的“xxxx年x月x日”這樣的格式了。
6.側(cè)邊欄個性化:側(cè)邊欄往往都只有categories、archives、meta這類內(nèi)容,如果你喜歡用TagsCloud、最新評論之類的功能,要自己加進去,這就需要自行安裝插件或widget了,有些不支持widget的主題,還要自行修改sidebar.php,并Style.css中增加相應的樣式;
7.增加插件支持:wp-postview(顯示日志的點擊數(shù))、wp-pagenavi(增強翻頁功能)、wp-relatedposts(相關(guān)日志) 等插件是非常常用的,有的需要修改模板,有的需要改樣式表。有了前面對模板結(jié)構(gòu)的了解,可以根據(jù)插件的技術(shù)文檔自行修改。
8.模板布局優(yōu)化:前面這些步驟做完后,模板就已經(jīng)可以很好的為自己所用了,但如果你還有心進一步優(yōu)化,可以參看這篇文章:Creative Examples of Wordpress Themes Modifications,這里有很多例子讓一些本來就已經(jīng)不錯了的wordpress主題進一步脫胎換骨。但優(yōu)化的方法比較復雜一些,能進行這些優(yōu)化的人基本上也可以自己寫主題了。因此,學習改主題是通往自創(chuàng)主題的好途徑。
相關(guān)文章
wordpress優(yōu)化頭部 去掉版權(quán)等信息 wordpress去掉generator
一般看下就應該明白是什么意思的。這樣可以保證html頭部不再有其它的代碼了。去掉了wordpress的generator標簽2012-07-30- 關(guān)鍵字描述:理由 ZBLOG 安裝 優(yōu)化 時間 WordPress 可以 文章 博客 讓我堅守ZBLOG的十二大理由: 盡管WordPress是博客程序里面的老大,它的插件最多,模2009-06-06
- 自從換了域名,換了主題以后,我一直努力令博客的瀏覽體驗更加好,但因此也掛載了大量的JS文件,頁面的載入速度一度變得非常緩慢。于是優(yōu)化就迫在眉睫了。2009-12-28
- 大家都知道頁面加載速度對博客流量有非常重要的影響。最近越來越多人也在討論頁面加載速度很可能成為谷歌和其他搜索引擎一個重要的SEO因素。2010-01-24
- Wordpress中根據(jù)不同的頁類型輸出對應的title標題的實現(xiàn)代碼,優(yōu)化標題。2011-04-21
wordpress數(shù)據(jù)庫優(yōu)化和清理冗余數(shù)據(jù)的方法
本文主要介紹了wordpress數(shù)據(jù)庫優(yōu)化和清理冗余數(shù)據(jù)的方法,大家參考使用吧2014-02-13WordPress性能優(yōu)化加速五大方法:PHP MysqL優(yōu)化等
優(yōu)化Wordpress性能,一般我們是從這幾個方面來發(fā)力:服務器PHP腳本執(zhí)行效率、MysqL數(shù)據(jù)庫查詢性能、Wordpress評論、圖片、JS、CSS等靜態(tài)文件加載速度。如果要把Wordpress性2015-01-13

