Wordpress主題代碼優(yōu)化
創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的商洛網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
wordpress代碼優(yōu)化的核心在于：代碼能少則少，以提高網(wǎng)站加載速度為核心目的!優(yōu)化你的代碼，如果你的網(wǎng)站是放在虛擬空間，不要讓你的網(wǎng)站加載時(shí)間超過(guò)5秒以上;如果是放在VPS中，不要讓你的網(wǎng)站加載時(shí)間超過(guò)3秒以上。
為什么我這樣說(shuō)呢?那是因?yàn)榘俣葘?duì)網(wǎng)站的打開速度有硬性的審核標(biāo)準(zhǔn)，甚至在百度站長(zhǎng)工具中還特地推出了頁(yè)面優(yōu)化建議工具。
這意味著百度是希望站長(zhǎng)優(yōu)化自己網(wǎng)站的打開速度的。如果你的網(wǎng)站打開速度慢則很有可能被降權(quán)。
那怎么做主題代碼優(yōu)化呢?
請(qǐng)大家不要著急，我接下來(lái)給大家一個(gè)重要的解決方案：將我們的主題代碼優(yōu)化到最精簡(jiǎn)。其最重要的是優(yōu)化table嵌套、header優(yōu)化、js和css的合并分離優(yōu)化。
1、table嵌套：我看了很多的wordpress免費(fèi)主題，為了簡(jiǎn)單，采用大量的table嵌套，而瀏覽器在加載table的時(shí)候，是需要將程序完全加載才能渲染出來(lái)的，有一些主題甚至缺少table的關(guān)閉標(biāo)簽，導(dǎo)致瀏覽器無(wú)法正常渲染而卡在table標(biāo)簽處。做網(wǎng)站，應(yīng)該盡量少用table標(biāo)簽，采用div+css的方式來(lái)繪制表格可以更好的提高網(wǎng)站打開速度。
2、header優(yōu)化：大家可以查看一下自己網(wǎng)站的header標(biāo)簽，是否有一大堆不知道什么用的meta標(biāo)簽?如下圖所示(某使用wordpress默認(rèn)模版的網(wǎng)站)：
一大堆亂七八糟的鏈接和注釋，甚至引用了其他網(wǎng)站的文件，眾所周知，只要你的代碼中引用了文件，那么瀏覽器就會(huì)去加載完這些文件才會(huì)繼續(xù)執(zhí)行之后的代碼，如果其他網(wǎng)站的文件丟失了，那么瀏覽器將會(huì)花大量時(shí)間等待這個(gè)文件響應(yīng)，而這些都是會(huì)增加網(wǎng)站打開時(shí)間的。而我的網(wǎng)站則通過(guò)精簡(jiǎn)，只保留搜索引擎需要的meta信息和必要的文件鏈接，從而使得header更加簡(jiǎn)潔和高效，如下圖：
3、js和css的合并分離優(yōu)化：很多網(wǎng)站的所有js和css代碼，都是寫在一個(gè)文件里面的，這樣雖然方便了管理，但是會(huì)導(dǎo)致頁(yè)面加載的時(shí)候，需要加載很多不必要的代碼，導(dǎo)致時(shí)間加長(zhǎng)。
而我的解決方法就是將每個(gè)頁(yè)面都需要的js和css分別放置在一個(gè)文件內(nèi)，而其他每個(gè)頁(yè)面特有的js和css，則自己獨(dú)立創(chuàng)建文件，針對(duì)性的引用。比如共同的css都放在style.css中，首頁(yè)才有的css就寫在style-home.css中，只有在首頁(yè)才引用，其他頁(yè)面則不引用，這樣就可以大大提高網(wǎng)站的加載速度了。
看了上面的幾個(gè)優(yōu)化要點(diǎn)，大家肯定還有疑問(wèn)。所以，我接下來(lái)給大家看看我自己做的現(xiàn)成的案例，通過(guò)源代碼大家不難發(fā)現(xiàn)，我的源代碼已經(jīng)做到最精簡(jiǎn)的程度了，沒(méi)有table嵌套，header沒(méi)有多余的內(nèi)容，js和css只有必要的才添加。
沒(méi)有多余的代碼，自然加載速度可以優(yōu)化到最快。
總結(jié)
當(dāng)然，網(wǎng)站的打開速度除了代碼以外，還有很多地方要注意，這僅僅是其中一個(gè)細(xì)節(jié)，但相信也是站長(zhǎng)們都需要關(guān)注的。
無(wú)論你是為WordPress寫插件或hack，還是添加有關(guān)WordPress的代碼片段或其他如HTML，CSS，PHP或javascript的編程代碼，如何讓插入于日志中的代碼有其形而不發(fā)生作用對(duì)寫博客的用戶來(lái)說(shuō)是常常遇到的攔路虎。
默認(rèn)情況下，WordPress會(huì)將和自動(dòng)轉(zhuǎn)換為和，在發(fā)表后看起來(lái)就是和。如果它發(fā)現(xiàn)日志中使用了HTML標(biāo)簽，就會(huì)將其當(dāng)作HTML標(biāo)簽來(lái)使用，結(jié)果你的文本看起來(lái)就很怪異，布局也會(huì)弄得一團(tuán)糟。
網(wǎng)頁(yè)中代碼的使用有兩個(gè)方面。在段落中使用代碼表示正在討論該段代碼，然后是被高亮顯示的代碼。
段落中的代碼
有兩種HTML標(biāo)簽可以將文本轉(zhuǎn)為等寬樣式，即 code和 tt。而后者現(xiàn)今已基本不使用了，取代它的是用處更大且更富語(yǔ)法意義的 code，它能將計(jì)算機(jī)代碼類的文本與一般語(yǔ)言分辨開來(lái)。
此為用于某段落內(nèi)的代碼示例
用以描述WordPress中的 codeindex.php/code,
codesidebar.php/code及 codeheader.php/code
模板文件。如果你希望在文字周圍使用標(biāo)簽以使它們看起來(lái)如代碼一般，此方法就很有用，但如果你想展示如HTML的標(biāo)簽的話該如何是好呢？
在 codeheader.php/code模板文件中， 查找 code div class="header"/code 部分以修改 code h1/code標(biāo)題欄。使用 code標(biāo)簽是無(wú)法告知WordPress將HTML參考從日志中分離開的。它會(huì)看到 code標(biāo)簽，然后看到div，因此它就會(huì)在網(wǎng)頁(yè)中新建一個(gè)容器作為應(yīng)答。WordPress會(huì)認(rèn)為你實(shí)際上是在使用HTML標(biāo) 簽，不小心使用h1這樣的標(biāo)簽就能搞砸整個(gè)網(wǎng)頁(yè)布局和設(shè)計(jì)初衷。
若要讓W(xué)ordPress將此識(shí)別為段落中的代碼的話，可以使用字符實(shí)體或擴(kuò)展字符來(lái)表示其前后的左右箭頭。
在 codeheader.php/code模板文件中，
查找 codediv class="header"/code
部分以修改h1標(biāo)題欄。
默認(rèn)情況下，WordPress會(huì)將任何以http:開頭的文本轉(zhuǎn)換為鏈接。如果你要為WordPress網(wǎng)站內(nèi)特定文章做鏈接，而不使用 并將其轉(zhuǎn)為鏈接的話，你可以使用擴(kuò)展字符來(lái)代替右斜杠，這樣一來(lái)WordPress就不會(huì)“看到”該鏈接了。
...在日志中使用
使用鏈接到某特定的WordPress日志....
以下列出一些最常用的HTML字符實(shí)體：
=
=
/ = /
] = ]
[ = [
" = "
' = '
后文給出了相關(guān)資源，它將幫助你將HTML標(biāo)簽轉(zhuǎn)為字符實(shí)體，因此你就無(wú)需勞神背下這些字符代碼了。
使用PRE標(biāo)簽
要使得代碼可以被復(fù)制粘貼到其他代碼或模板文件中的話，可以使用 pre這個(gè)HTML標(biāo)簽。
pre標(biāo)簽指示瀏覽器使用等寬的代碼字體，并完完全全地將 pre標(biāo)簽內(nèi)的內(nèi)容復(fù)制下來(lái)。每個(gè)空格，分行，以及代碼都被完整地復(fù)制一遍。
h3Section Three Title/h3
pThis is the start of a
a title="article on relationships" href="goodtalk.php"
good relationship/a between you and I....
使用 pre標(biāo)簽看起來(lái)并不美觀，但卻能達(dá)到目的。后文將給出解決外觀問(wèn)題的例子。它會(huì)將代碼原原本本地展示出來(lái)。
我們這里說(shuō)原原本本，事實(shí)也是如此。如果你的代碼行非常長(zhǎng)，它就會(huì)伸到頁(yè)面外面去，因?yàn)椴o(wú)任何指示告知它進(jìn)行換行。以下給出一個(gè)例子：
h3Section Three Title/h3
pThis is the start of a a title="article on relationships" href="goodtalk.php"good relationship/a
between you and I and I think you should read it because it is important that
we have these little a title="article on communication" href="communication.php"conversations/a
once in a while to let each other know how we feel....
看起來(lái)很不舒服吧。要避免這種代碼竄出屏幕的現(xiàn)象，就要進(jìn)行分段。但在哪進(jìn)行分段并放入段行標(biāo)簽可沒(méi)那么容易決定下來(lái)的。
如果你熟悉編程語(yǔ)言的話，就知道在何處斷行而不會(huì)弄砸一行代碼。但如果你不知道在何處斷行的話，就進(jìn)行實(shí)驗(yàn)吧。將代碼寫入后，進(jìn)行斷行并進(jìn)行測(cè)試。如果代碼能夠起效的話，就是要這種斷行形式。否則的話就請(qǐng)嘗試其他的斷行位置。
如果你的代碼行很長(zhǎng)，可以考慮只顯示一小部分代碼，然后在網(wǎng)站上的文本或PHP文件中給出完整代碼段的鏈接，也可以使用用于臨時(shí)展示代碼的在線pastebin。
代碼的疑難排解
在WordPress日志中寫代碼可謂一項(xiàng)挑戰(zhàn)，它會(huì)覆蓋WordPress的默認(rèn)風(fēng)格。如果你在日志中寫代碼時(shí)遇上麻煩的話，下面這些內(nèi)容可能會(huì)對(duì)你有幫助。
代碼中的引號(hào)
在日志中寫進(jìn)代碼時(shí)常遇到的問(wèn)題是，WordPress會(huì)將代碼中的直引號(hào)轉(zhuǎn)換為文字處理程序中出現(xiàn)的彎引號(hào)。用于實(shí)現(xiàn)功能的代碼不應(yīng)當(dāng)具有這種彎引號(hào)，而應(yīng)該保持原有的直引號(hào)。
你可以使用 pre標(biāo)簽來(lái)避免出現(xiàn)這種情況，或使用字符代碼來(lái)表示引號(hào)也可以解決此問(wèn)題：
p class="red"
即可寫為 p class="red" 但如果你是在首次發(fā)布某頁(yè)面之后進(jìn)行編輯的話，html代碼編輯器就會(huì)用自帶的符號(hào)替換所有的實(shí)體。因此，如果你使用" 來(lái)表示引號(hào)的話，它們會(huì)變?yōu)?，而當(dāng)你保存的時(shí)候它們就會(huì)被轉(zhuǎn)換掉。
定制代碼標(biāo)簽的風(fēng)格
默認(rèn)情況下，使用 pre和 code會(huì)將文本顯示為等寬樣式的字體，并使用body標(biāo)簽的字號(hào)。如果你想使用不同的字號(hào)，然后讓這些標(biāo)簽呈現(xiàn)出不同的顏色或風(fēng)格。
在WordPress外觀主題文件夾的style.css風(fēng)格頁(yè)中，為這兩類標(biāo)簽添加風(fēng)格。舉例如下：
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #FFFFB3}
code{font-size:1.2em;
color: #008099}
使用 code將會(huì)是上面的樣子，而使用pre則會(huì)是如下形式：
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #FFFFB3}
code{font-size:1.2em;
color: #008099}
if(in_category($idarr)){ include('single_wz.php'); };
if(in_category( 分類ID )){ include('single_XU.php'); };
else{ include('single_products.php'); }
-----------------------------------------------------------------------
參考閱讀：
?php if (get_option(‘wpyou_news_id’)){
$newsCats = get_option(‘wpyou_news_id’);
$newsArrays = explode(“,”,$newsCats); }
if(in_category(19) ){ include(‘cable_products.php’); }
else if (in_category($newsArrays) || post_is_in_descendant_category( $newsArrays )){ include(‘a(chǎn)rchive_main.php’); }
else if (in_category(20)){ include(‘networks_products.php’); }
else{ include(‘a(chǎn)rchive_products.php’); }
?
使用 IN_CATEGORY() 進(jìn)行判斷
in_category() 函數(shù)可以通過(guò)分類別名或ID判斷當(dāng)前文章所屬的分類，而且可以直接在循環(huán)（Loop）內(nèi)部和外部使用。
如果是單個(gè)分類 ID ，比如ID 為 2 ，可以這樣寫
1
in_category(2)
如果是單個(gè)分類別名，比如別名為 themes，可以這樣寫
1
in_category('themes')
如果是多個(gè)ID,可以這樣寫
1
in_category( array( 2,3,7) )
如果是多個(gè)別名,可以這樣寫
1
in_category( array( 'themes','plugins','develop') )
然后我們結(jié)合 if 語(yǔ)句就可以很好地實(shí)現(xiàn)模板的選擇。比如我們可以在主題的根目錄創(chuàng)建3個(gè)文章模板文件，分別命名為 single001.php , single002.php 和 single003.php，然后我們希望 ID 為 2 和 3 的分類使用 single001.php，ID為 7 的分類使用 single002.php ，其他分類使用 single003.php，那么，我們可以在 single.php 文件寫入下面的代碼：
?php
if ( in_category(array( 2,3 )) ) {
get_template_part(‘single001′ );
} elseif ( in_category( 7 )) {
get_template_part(‘single002′ );
} else {
get_template_part(‘single003′ );
}
?
好了，例子就說(shuō)到這里，只要大家明白了其中的原理，就可以應(yīng)用自如了。
我的網(wǎng)站被百度K站了，我很無(wú)語(yǔ)，也很無(wú)奈，因?yàn)榫W(wǎng)站都是合法內(nèi)容，也沒(méi)抓取別人的文章，然后就被百度K站了，目前通過(guò)百度搜索，沒(méi)有任何我站點(diǎn)的信息
我很無(wú)奈了，正規(guī)做站都遇到這個(gè)問(wèn)題。看了下百度統(tǒng)計(jì)，天天有第三方的來(lái)刷費(fèi)流量，我相信大家的站都會(huì)遇到這個(gè)問(wèn)題，我嘗試封禁這些費(fèi)流量，最終結(jié)果是無(wú)勞。
思來(lái)想去，不能就這么放棄了，于是嘗試的主動(dòng)推送百度，最后結(jié)果如何，我也左右不了啦，總比等著強(qiáng)，下面將我的方法整理一下。
首先需要去百度的搜索資源平臺(tái)注冊(cè)賬號(hào)，地址為：
注冊(cè)完之后按照要求添加自己的站點(diǎn)，相信這塊大家都知道怎么操作，我就不在累絮啦。
重點(diǎn)在”資源提交-普通收錄”中，我們使用api接口提交，注意自己token，那是百度分配給你的。
在wordpress的funcions.php中添加代碼
這樣再保存和修改文章時(shí)都會(huì)將文章提交到百度，我也不知道最終百度會(huì)不會(huì)解封，先這樣著吧。
重慶分公司
重慶分公司
