這次講sidebar.php和footer.php,這兩個其實(shí)能講的不多,一般來說各位拿到一個模版最可能改的就是這兩個文件了。
繼續(xù)閱讀
分類目錄歸檔:WordPress
海豚的WordPress Theme教程 part4
這回講index.php,從這篇開始我不帖相關(guān)的css內(nèi)容了,因?yàn)樵敿?xì)解釋css內(nèi)容就變成css教程了,而事實(shí)上我自己都沒怎么搞清楚css,一般都是邊改邊學(xué)。需要相關(guān)css的可以直接去下載KD02模版,自己慢慢研究。
海豚的WordPress Theme教程 part3
上回我們已經(jīng)獲得了header.php, index.php, sidebar.php, footer.php這四個文件,接下來我們要做的就是搭積木了。
海豚的WordPress Theme教程 part2
一直在考慮part2乃至后面的內(nèi)容應(yīng)該怎么寫才能真的如我所說的“和搭積木一樣簡單”,于是決定直接拿出實(shí)例來寫,也就是說接下來的內(nèi)容就是KD02這個模版的制作過程。
首先先決定模版的整體樣式,KD02被決定為兩欄模版、固定寬度、居中,所不同的是在內(nèi)容和頁腳中間我決定增加一個區(qū)塊。由此先做一個簡單的html文檔,用色塊把大致的樣子表現(xiàn)出來,內(nèi)容如下:
海豚的WordPress Theme教程 part1
系列教程均轉(zhuǎn)自海豚微笑的背后
這篇和接下來幾篇可以看作是制作KD02這個模版的一些心得和總結(jié),其中大有可能存在謬誤或錯漏之處,權(quán)作參考。不過話說回來,看完后自己弄個可以看看的模版還是沒問題的。
這篇內(nèi)容很簡單,只是介紹一下需要的工具和WordPress模版的基本結(jié)構(gòu)文件。
工具:
一個有代碼高亮功能的編輯器,Windows推薦Editplus和Crimson Editor,這兩個比較小巧,而且后者是免費(fèi)的。Linux我就不具體推薦了,估計大家都有自己順手的。
FireFox + WebDeveloper,這個組合我提過很多次了,具體可以看一下鏈接里的介紹。
Internet Explorer,這個誰都有吧,做完了模版還是需要放到這里來看看的,我們不能回避占有量第一的事實(shí),即使它并不標(biāo)準(zhǔn)。
為評論增加序列號
講一下如何在留言部分增加數(shù)字序列,以WordPress的Default模版為例:
修改comment.php:
以列表框(listbox)方式顯示歸檔
隨著時間的推移,我們寫的post越來越多,很多朋友的的博客側(cè)欄都有一串長長的歸檔列表。其實(shí),如果將這些歸檔以列表框的形式顯示,版面就會簡潔多了(參見本博客側(cè)欄)。經(jīng)過查找發(fā)現(xiàn),WordPress本身的函數(shù)get_archives就有此功能,文檔中還提供了實(shí)現(xiàn)該功能的代碼。現(xiàn)轉(zhuǎn)載如下,以方便大家查找使用。
1 2 3 4 5 6 7 8 | <form id="archiveform" action=""> <select name="archive_chrono" onchange="window.location = (document.forms.archiveform.archive_chrono[ document.forms.archiveform.archive_chrono.selectedIndex].value);"> <option value=''>選擇月份</option> <?php wp_get_archives('type=monthly&format=option&show_post_count=true'); ?> </select> </form> |
WP搜索引擎優(yōu)化
在http://theundersigned.net/2006/06/wordpress-and-seo/看到這篇介紹Wordpress如何進(jìn)行搜索引擎優(yōu)化(SEO)的文章,內(nèi)容相當(dāng)不錯。做了一個翻譯給大家,版權(quán)歸原作者所有。
1)設(shè)置永久鏈接
使用永久鏈接結(jié)構(gòu),確認(rèn)文章標(biāo)題使用了永久鏈接。在WordPress里,可以進(jìn)入控制面板-〉選項-〉Permalinks,然后選擇一種永久鏈接的結(jié)構(gòu),或者自己定制一種,比如我用的就是/%year%/%monthnum%/%postname%/(也就是”/年/月/文章名/”)
2) 文章標(biāo)題
網(wǎng)站名字(”Title“,就是一般顯示在瀏覽器標(biāo)題欄的文字)應(yīng)該顯示在當(dāng)前訪問的文章或者頁面里。比如我的文章標(biāo)題就該是這樣,”WordPress SEO,WP搜索引擎優(yōu)化 | 孩子氣☆孫秀楠寶寶“,在樣式設(shè)置里可以這樣定制,
3)Headers HTML文本標(biāo)記
搜索引擎對于headers(比如h1,h2,h3等等)要比內(nèi)容更看重。所以寫一個好的包含關(guān)鍵字的文章標(biāo)題很重要,當(dāng)然關(guān)鍵字要和文章內(nèi)容匹配。最好是每頁只用一兩個h1的HTML標(biāo)記,比如用在Blog的名字上或者最新的文章上。
4)Alt圖像HTML標(biāo)記
給圖片加上alt標(biāo)記,并且確認(rèn)這些標(biāo)記和顯示的內(nèi)容匹配,這會幫助google圖像搜索引擎或者其它圖像搜索引擎更好工作。
八個無價的WordPress插件
WordPress是一個非常流行的免費(fèi)網(wǎng)站內(nèi)容管理軟件,然而同時,如果你想為你的網(wǎng)站提供一個良好的平臺,那么就需要在默認(rèn)的Wordpress中增加一些自定義的功能。最簡單的方法就是插件。只要將一些特殊的文件放到Wordpress的安裝目錄下,就可以得到新的功能。這里介紹8個絕對物超所值的Wordpress插件。
WP Shortstat
Jeff Minard開發(fā)的WP-Shortstat,是將一個簡單的網(wǎng)站統(tǒng)計軟件“Shortstat”移植到Wordpress。如果你是OS X用戶,你還可以下載WP-Shortstat Widget桌面版。
Get Custom
經(jīng)常有Wordpress的新用戶問我,“怎么往文章中插入附件呢?”,默認(rèn)的Wordpress不提供這樣的功能,但是它提供了方法。在Wordpress中你可以使用“Custom Fields”來貼上自定義數(shù)據(jù),Scott Reilly的“Get Custom”插件可以很容易地做到這一點(diǎn)。
WP Cache Inspect
Wordpress 2已經(jīng)內(nèi)置了很不錯的緩存系統(tǒng),然而有一些小問題是,它有時會緩存一些你不需要緩存的信息。例如,當(dāng)你重新設(shè)計你網(wǎng)站的欄目時候,無論你刷新了多少次頁面,你都發(fā)現(xiàn)沒有任何改變。Peter Westwood的WP Cache Inspect可以讓你在任何需要的時候手動清除緩存。
WordPress中文包引起數(shù)據(jù)庫備份插件出錯問題的解決方案
修改方法為,在backup_fragment()函數(shù)開頭加上一句:
1 | header( 'Content-Type: text/html; charset=utf-8' ); |