接下來我們來添加評(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>
保存代碼老客,返回前端頁面刷新震叮,
我們現(xiàn)在能看到評(píng)論功能了。
2苇瓣、我們?cè)谠u(píng)論框內(nèi)寫下一句話,然后發(fā)表評(píng)論钓简,我們會(huì)看到下面這張圖:
我們可以看到它有一個(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é)
在本章中:
- 我們首先安裝并設(shè)置WordPress
- 我們繼續(xù)創(chuàng)建和啟用主題硬猫。
- 我們還創(chuàng)建了一個(gè)HTML結(jié)構(gòu)和主體
- 為其添加了一些基本樣式
- 我們處理了單個(gè)帖子 改执,縮略圖坑雅,頁面和菜單
- 我們又學(xué)了如何添加圖片和鏈接到帖子
- 最后,我們了解了如何在主題中創(chuàng)建窗口小工具位置以及如何添加評(píng)論功能
在下一章中裹粤,我們將了解如何構(gòu)建WordPress主題。