講一下如何在留言部分增加數(shù)字序列，以WordPress的Default模版為例：
修改comment.php：
以列表框(listbox)方式顯示歸檔
隨著時間的推移，我們寫的post越來越多，很多朋友的的博客側(cè)欄都有一串長長的歸檔列表。其實，如果將這些歸檔以列表框的形式顯示，版面就會簡潔多了（參見本博客側(cè)欄）。經(jīng)過查找發(fā)現(xiàn)，WordPress本身的函數(shù)get_archives就有此功能，文檔中還提供了實現(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> |
DIV+CSS布局入門教程(六)
這半個月以來今天是頭一天在20:00左右下班，想起關(guān)于這個教程一直沒有完成，心里感覺非常不踏實。兩個月前剛辭職，本想把教程全部完成，但是由于一次不幸，導(dǎo)致硬盤中的數(shù)據(jù)大部分丟失，本寫了一半的教程也隨之灰飛煙滅。但最近有許多的網(wǎng)友通過博客、QQ、MSN、E-MAIL等途徑與我聯(lián)系，希望能繼續(xù)更新這個教程，甚至有網(wǎng)友居然撥打我的手機(我不知道大家是如何知道我的號碼的，，哎~~)被大家所感動，時間雖然很緊，但還是抽點時間來盡量完成這個教程吧~~就像鯨魚叔叔所說的，時間就是奶，越擠就越多~~
首先，有些東西需要說明一下。對于之前的文章，由于為了讓大家更好的區(qū)分各層的關(guān)系，教程中不少地方使用了大寫的CLASS或者ID，其實這樣做是不推薦的，我推薦的方法是使用單詞之間增加下劃線，或者單詞拼接的方法。因為CSS是區(qū)分大小寫的。大家可以看到，我提供給大家的下載文件中全部都是使用小寫來處理的。
我們先來處理sidebar的樣式，經(jīng)過分析，我們可以得知，sidebar有四個部分，我們將這四個部分分為四個層：
Div+CSS布局入門教程(五)
四、頁面制作(1)—-用好border和clear
由于找工作找房子的原因，隔了這么久才能開始寫教程，心里感覺很對不起一直在關(guān)注本站的朋友，今天是找到房子的第二天，于是趕快繼續(xù)寫教程。
這一節(jié)里面，主要就是想告訴大家如何使用好border和clear這兩個屬性。
Div+CSS布局入門教程(四)
三、頁面頂部制作(2)—-使用列表li制作菜單
開始此節(jié)的學(xué)習(xí)前，請確認(rèn)你已經(jīng)參照之前的幾節(jié)內(nèi)容寫入了DIV、CSS到index.htm和css.css文件中。
這一節(jié)我將告訴大家如何用列表li來制作菜單。
Div+CSS布局入門教程(三)
三、頁面頂部制作(1)
當(dāng)我們寫好了頁面大致的DIV結(jié)構(gòu)后，我們就可以開始細(xì)致地對每一個部分進行制作了。
在上一章中我們寫入了一些樣式，那些樣式是為了預(yù)覽結(jié)構(gòu)而寫入的，我們把css.css中的樣式全部清除掉，重新寫入以下樣式代碼：
Div+CSS布局入門教程(二)
Div+CSS布局入門教程(一)
轉(zhuǎn)自http://www.tblog.com.cn
一、頁面布局與規(guī)劃
好久沒有認(rèn)真寫點東西了，想起最近這些時間經(jīng)常有朋友問到我有關(guān)于DIV+CSS布局的問題，其實歸根結(jié)底還是由于沒有入門造成的。那么接下來的這篇文章就帶領(lǐng)大家入門吧…
在網(wǎng)頁制作中，有許多的術(shù)語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關(guān)于HTML的基本知識，而在你學(xué)習(xí)這篇入門教程之前，請確定你已經(jīng)具有了一定的HTML基礎(chǔ)。下面我們就開始一步一步使用DIV+CSS進行網(wǎng)頁布局設(shè)計吧。
所有的設(shè)計第一步就是構(gòu)思，構(gòu)思好了，一般來說還需要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理軟件將需要制作的界面布局簡單的構(gòu)畫出來，以下是我構(gòu)思好的界面布局圖。
WP搜索引擎優(yōu)化
在http://theundersigned.net/2006/06/wordpress-and-seo/看到這篇介紹Wordpress如何進行搜索引擎優(yōu)化(SEO)的文章，內(nèi)容相當(dāng)不錯。做了一個翻譯給大家，版權(quán)歸原作者所有。
1）設(shè)置永久鏈接
使用永久鏈接結(jié)構(gòu)，確認(rèn)文章標(biāo)題使用了永久鏈接。在WordPress里，可以進入控制面板-〉選項-〉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圖像搜索引擎或者其它圖像搜索引擎更好工作。
又一個用CSS制作的圓角層
終于找到一個沒有使用VML制作的圓角效果的層，仔細(xì)看了一下代碼，其實也很簡單，用幾個b作了點小小的欺騙，應(yīng)該也算是技巧了吧，以下是代碼：