從0到1制作WordPress主題#12添加評(píng)論功能

接下來我們來添加評(píng)論功能,經(jīng)過前面那些學(xué)習(xí)买雾,添加評(píng)論功能對(duì)我們來說已經(jīng)很簡單了。
1漓穿、打開single.php,創(chuàng)建一個(gè)顯示評(píng)論欄的位置晃危,在如下位置添加一行代碼comments_template

    <?php endif; ?> 

    <?php comments_template(); ?> 
</div>

保存代碼老客,返回前端頁面刷新震叮,

評(píng)論框出現(xiàn)

我們現(xiàn)在能看到評(píng)論功能了。
2苇瓣、我們?cè)谠u(píng)論框內(nèi)寫下一句話,然后發(fā)表評(píng)論钓简,我們會(huì)看到下面這張圖:

評(píng)論

我們可以看到它有一個(gè)頭像乌妒,用戶名撤蚊,日期,還有一個(gè)回復(fù)鏈接侦啸。 因?yàn)樗悄J(rèn)設(shè)計(jì),所以看起來比較丑光涂。

3、在瀏覽器中按F12鍵忘闻,然后找到評(píng)論區(qū)恋博,我們看看標(biāo)記,可以看到WordPress已將所有內(nèi)容分開债沮,以便您可以設(shè)置樣式

查看類名稱

這里有一個(gè)ol commentlist,其內(nèi)部的每個(gè)li都有個(gè)comment類疫衩,每個(gè)li內(nèi)都包含comment-author、vcard闷煤、commentmetadate、reply辐脖,有了這些我們就可以設(shè)計(jì)出我們想要的樣式。
實(shí)際上我們可以創(chuàng)建單獨(dú)的comment.php模板,但我們?cè)谶@個(gè)項(xiàng)目不這樣做。

4幕庐、接下來要做的是將作者的名字作為鏈接,以便您可以點(diǎn)擊它并查看作者的所有帖子异剥。
打開index.php并找到到我們有作者的地方,并輸入以下突出顯示的代碼:

Created By
<a href="<?php get_author_posts_url(
    get_the_author_meta('ID')); ?>">
    <?php the_author(); ?>
</a>
on <?php the_time('F j, Y g:i a'); ?>
</div>
<?php if(has_post_thumbnail()) : ?> 

如上面所示歹苦,我們只是添加一個(gè)鏈接。

5殴瘦、讓我們重新加載,現(xiàn)在admin是一個(gè)鏈接; 我需要改變它的樣式蚪腋,因?yàn)槲覀兛床坏剿?打開style.css。 找到meta并添加以下代碼:

.meta{
    background:#333;
    color:#fff;
    padding:5px;
} 
.meta a{
    color:#fff;
}

現(xiàn)在能看到admin是白色的鏈接了

作者鏈接

現(xiàn)在點(diǎn)擊admin屉凯,它會(huì)顯示admin發(fā)布的所有帖子眼溶,因?yàn)槲覀冎挥幸黄樱钥床怀鲂Ч梅桑绻卸鄠€(gè)用戶、多個(gè)作者酝静。這將允許我們查看該特定作者的所有帖子。

這個(gè)項(xiàng)目在這里就結(jié)束了别智。 你可能覺得這個(gè)項(xiàng)目樣式設(shè)計(jì)很Low,但這個(gè)項(xiàng)目的目的是讓你不僅熟悉代碼薄榛,還熟悉主題的結(jié)構(gòu)和包含的文件,諸如page.php和single.php之類的文件敞恋,它們需要一些特定的名稱。

總結(jié)

在本章中:

  1. 我們首先安裝并設(shè)置WordPress
  2. 我們繼續(xù)創(chuàng)建和啟用主題硬猫。
  3. 我們還創(chuàng)建了一個(gè)HTML結(jié)構(gòu)和主體
  4. 為其添加了一些基本樣式
  5. 我們處理了單個(gè)帖子 改执,縮略圖坑雅,頁面和菜單
  6. 我們又學(xué)了如何添加圖片和鏈接到帖子
  7. 最后,我們了解了如何在主題中創(chuàng)建窗口小工具位置以及如何添加評(píng)論功能

在下一章中裹粤,我們將了解如何構(gòu)建WordPress主題。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末遥诉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子矮锈,更是在濱河造成了極大的恐慌,老刑警劉巖愕难,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異葱弟,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)芝加,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門射窒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人脉顿,你說我怎么就攤上這事“保” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵弟疆,是天一觀的道長。 經(jīng)常有香客問我怠苔,道長,這世上最難降的妖魔是什么柑司? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮攒驰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘讼育。我一直安慰自己,他們只是感情好稠集,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著剥纷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪晦鞋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天线定,我揣著相機(jī)與錄音,去河邊找鬼斤讥。 笑死,一個(gè)胖子當(dāng)著我的面吹牛湾趾,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播搀缠,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼簸州!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起勿侯,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤缴罗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后面氓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蛆橡,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡掘譬,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了葱轩。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡垃喊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出袜炕,到底是詐尸還是另有隱情,我是刑警寧澤偎窘,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站他托,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏纵诞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一登刺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧嗡呼,春花似錦、人聲如沸南窗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至敌买,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背膘融。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留氧映,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓岛都,卻偏偏與公主長得像,于是被迫代替她去往敵國和親疗绣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容