篇將涉及到博客一個(gè)比較重要的東西；評(píng)論模板。

你應(yīng)該知道：

• 沒有快速的方式在 comments.php 建立評(píng)論模板
• 大部分的 WordPress 設(shè)計(jì)者使用來自 WordPress 默認(rèn)主題（Kubrick）的默認(rèn)評(píng)論模板根據(jù)。
• 一些設(shè)計(jì)者會(huì)修改默認(rèn)的評(píng)論模板去適合他們自己的需求。
• 你將使用我的默認(rèn)評(píng)論模板的修改版本。

第1步：創(chuàng)建 comments.php

• 創(chuàng)建一個(gè)新文件：comments.php。
• 把我的 comments.txt 將文件中的內(nèi)容復(fù)制到 comments.php。
• 保存 comments.php 文件。

第2步：樣式化留言

• 把我的 comments-template-css 文件中的內(nèi)容拷貝到你的 style.css 文件中。
• 復(fù)制到 style.css 的底部或者剛好 #footer 的上面。

第3步：在 single.php 添加留言模板

在 single.php 文件中，entry DIV 的下面，輸入以下代碼：

<div class=”comments-template”>
<?php comments_template(); ?>
</div>

comments_template() 這個(gè)函數(shù)是用來重復(fù) comments.php 文件調(diào)用評(píng)論模板。comments.php 文件然后就會(huì)根據(jù)它的模板（或者代碼）去顯示評(píng)論列表。列表中的每個(gè)條目是一條評(píng)論。

如果想讓人們可以在靜態(tài)頁面也可以留言，同樣可以把 comments_template() 函數(shù)用到 page.php 文件。

第4步：驗(yàn)證代碼

第四步是驗(yàn)證你的代碼，然而可以不進(jìn)行第四步的，因?yàn)槟阍谑褂玫氖俏乙呀?jīng)整理過的默認(rèn)主題評(píng)論模板的修改版。我已經(jīng)替你驗(yàn)證過代碼了。

驗(yàn)證：

• 查看 > 頁面源代碼
• 拷貝所有源代碼
• 然后到 validator。
• 把你的代碼粘貼到 Direct Input 框中。
• 點(diǎn)擊 Check。

以后的參考（當(dāng)你創(chuàng)建你自己的主題和評(píng)論模板），下面是需要驗(yàn)證的頁面：

• 主頁 — Home page
• 存檔頁面 — Archive pages
• 類別頁面 — Category pages （如果你自定義了類別頁面）
• 搜索結(jié)果頁面 — Search result pages
• 靜態(tài)頁面 — Pages （如：About）
• 單一日志頁面 — Single post view page
• 單一日志沒有留言 — Single post with no comments
• 單一日志有留言 — Single post with comments
• 單一日志含有必須登錄信息 — Single post with must login message
• 單一日志沒有必須登錄信息 — Single post with no login required message
• 密碼保護(hù)的單一日志并有留言 — Password protected single post with comments

評(píng)論模板的進(jìn)一步解釋

• 評(píng)論模板從根本上說是一個(gè)有序列表（OL），不是無序的，盡管它們基本上同樣方式工作。 無序列表是以圓點(diǎn)列表組織的。有序列表則是以數(shù)字列表組織的（每個(gè)條目都有一個(gè)數(shù)字，從1開始）。
• 在 single.php 文件中，你用 comments-template DIV 圍住comments_template()。現(xiàn)在你的評(píng)論模板在一個(gè) DIV 標(biāo)簽中的一個(gè)有序列表中。

當(dāng)你你的日志是密碼保護(hù)的，你的評(píng)論同樣是密碼保護(hù)的：

這個(gè)修改版的留言模板有一個(gè) H2 子標(biāo)題顯示 Password Protected。默認(rèn)的留言模板是沒有的。

下面展示了哪些東西組成了你的留言列表：

簡單整理下就是：

comment_text() 函數(shù)就是用來調(diào)用每條留言的。

我不會(huì)解釋留言模板的原因 CSS 代碼的意思。不像 comments.php 文件中的代碼，你可以隨便測(cè)試你的 CSS 代碼而不會(huì)弄壞留言模板。自己去測(cè)試會(huì)比我的解釋對(duì)你更有好處。

現(xiàn)代社會(huì)，網(wǎng)頁已經(jīng)成為企業(yè)、個(gè)人展示和宣傳的重要窗口，因此掌握網(wǎng)頁制作技能是非常有必要的。今天，我們將為大家介紹8款優(yōu)秀的網(wǎng)頁設(shè)計(jì)模板網(wǎng)站，哪怕是小白也能幫助你快速搭建出令人驚艷的網(wǎng)頁。

一、即時(shí)設(shè)計(jì)

即時(shí)設(shè)計(jì)是一款支持在線協(xié)作的專業(yè)級(jí) UI 設(shè)計(jì)工具，用戶數(shù)已突破230萬，支持 Sketch、Figma、XD 格式導(dǎo)入，無需下載，在線使用。10000+精選設(shè)計(jì)資源、100+提效插件即拿即用；支持創(chuàng)建交互原型、獲取設(shè)計(jì)標(biāo)注，為產(chǎn)設(shè)研團(tuán)隊(duì)提供一站式協(xié)同辦公體驗(yàn)，一個(gè)鏈接即可完成交付，內(nèi)容修改實(shí)時(shí)同步。

響應(yīng)式網(wǎng)頁設(shè)計(jì)：

優(yōu)點(diǎn)：

• 漏標(biāo)的地方開發(fā)者也可以自行切圖
• 支持多平臺(tái)預(yù)設(shè)及批量導(dǎo)出
• 顏色整合顯示，一鍵定位對(duì)應(yīng)元素

二、17素材

17素材網(wǎng)主要收集jQuery網(wǎng)頁特效、jQuery網(wǎng)頁代碼、網(wǎng)站模板、網(wǎng)頁模板、企業(yè)模板、商城模板、圖標(biāo)等素材，為html網(wǎng)站模板開發(fā)人員提供高效率的工作方式。

部分素材需要積分才能下載。

三、 jquery 插件庫

jQuery插件庫是一組由開發(fā)者編寫的、可重復(fù)使用的jQuery插件集合，為Web開發(fā)人員提供了多種常用功能的封裝。這些插件可以快速實(shí)現(xiàn)諸如表單驗(yàn)證、圖片輪播、下拉菜單、模態(tài)框等功能，使得Web開發(fā)人員能夠更快地完成開發(fā)任務(wù)，減少代碼重復(fù)性工作。

它快速、輕量并且簡化了我們?yōu)g覽 HTML 文檔和操作頁面元素的方式。因?yàn)樗€具有高度可擴(kuò)展性，所以在框架之上構(gòu)建了許多jQuery 插件來為網(wǎng)站添加功能。從 UI 組件和元素到布局和網(wǎng)格，有一個(gè)jQuery 插件可以滿足您網(wǎng)站所需的幾乎所有功能。

詳情頁還可以查看詳細(xì)代碼。

四、凡科建站

凡科建站提供自助建站、做網(wǎng)站、快速建站等營銷推廣服務(wù)，凡科建站平臺(tái)提供網(wǎng)站模板資源，擁有2000萬+流量入口，精選優(yōu)質(zhì)服務(wù)商，7*8在線服務(wù)；四大搜索覆蓋，快速上線，全網(wǎng)曝光，助力商家完成營銷目標(biāo)。

網(wǎng)站模板圖片素材定期更新，簡單易操作，小白也會(huì)使用；而且擁有SEO框架布局，首頁、欄目產(chǎn)品及文章頁均可獨(dú)立設(shè)置標(biāo)題/關(guān)鍵詞/描述；后臺(tái)直接修改聯(lián)系方式、傳真、郵箱、地址等，修改更加方便；同一個(gè)后臺(tái)管理，四網(wǎng)合一，用戶體驗(yàn)好！

優(yōu)點(diǎn)：

• 3000+精美網(wǎng)站模板，免費(fèi)使用
• 100+行業(yè)覆蓋，應(yīng)有盡有
• 素材豐富，圖片、字體、視頻等多種素材

五、網(wǎng)站模板庫

網(wǎng)站模板庫提供大量精選高質(zhì)量并永久免費(fèi)的(網(wǎng)站模版、網(wǎng)頁模板、手機(jī)模板、企業(yè)網(wǎng)站模板、網(wǎng)站模版)，包括html模板、后臺(tái)管理模板、博客模板及各行業(yè)類型等上千種模版。

模板素材眾多。

優(yōu)點(diǎn)：

• 后臺(tái)操作簡單，功能全面
• 分類詳細(xì)，可以根據(jù)自己的需求快速找到合適的模板
• 網(wǎng)站自適應(yīng)，根據(jù)屏幕大小改變網(wǎng)站布局，不變形

六、模板

提供海量精美免費(fèi)網(wǎng)站模板、企業(yè)網(wǎng)站模板、html模板網(wǎng)站、公司網(wǎng)站模板、手機(jī)網(wǎng)站模板、自適應(yīng)網(wǎng)站模板等免下載使用。

該網(wǎng)站收集了大量優(yōu)質(zhì)網(wǎng)站設(shè)計(jì)作品，適用于多個(gè)專業(yè)的 WordPress 主題模板、HTML5模板、CSS Menu等實(shí)用資源。

特色：

• 100%的響應(yīng)
• 漂亮和干凈的設(shè)計(jì)
• 清潔和注釋代碼

七、AB模板網(wǎng)

AB模板網(wǎng)專注企業(yè)網(wǎng)站模板制作，包括企業(yè)pbootcms網(wǎng)站模板，靜態(tài)網(wǎng)頁模板，網(wǎng)站源碼下載，HTML網(wǎng)站模板等等。

這個(gè)網(wǎng)站專門提供織夢(mèng)的網(wǎng)頁模板，性質(zhì)和上面一樣，也是上傳到服務(wù)器上。

特點(diǎn)：

• 手工書寫DIV+CSS、代碼精簡無冗余
• 分類詳細(xì)，根據(jù)需要直接定位
• SEO框架布局，欄目及文章頁均可獨(dú)立設(shè)置標(biāo)題/關(guān)鍵詞/描述

八、織夢(mèng)貓

織夢(mèng)貓是一個(gè)網(wǎng)站模板分享交流平臺(tái)，網(wǎng)站以織夢(mèng)模板、建站資訊、織夢(mèng)教程為主要內(nèi)容，以“共享創(chuàng)造價(jià)值”為理念，以“尊重原創(chuàng)”為準(zhǔn)則。滿足用戶不同的網(wǎng)站模板需求。

同樣也提供dedecms的網(wǎng)頁模板。

模板安裝方法：

1. 下載最新的織夢(mèng)dedecms5.7 UTF8版本。
2. 解壓下載的織夢(mèng)安裝包，得到docs和uploads兩個(gè)文件夾，將uploads里面的所有文件和文件夾上傳到你的網(wǎng)站根目錄
3. 安裝dede系統(tǒng)。(如果您已經(jīng)安裝,請(qǐng)?zhí)^本步.)直接運(yùn)行：http://您的域名/install
4. 將web文件夾內(nèi)的所有文件夾上傳并覆蓋到織夢(mèng)的安裝目錄;
5. 登陸后臺(tái)并還原數(shù)據(jù)庫：

1）進(jìn)入dede后臺(tái)，找到“系統(tǒng)”-“數(shù)據(jù)庫備份/還原”

2）在屏幕右上角點(diǎn)擊“數(shù)據(jù)還原”

3）點(diǎn)擊屏幕下方的'開始還原'按鈕

6. 確定網(wǎng)站風(fēng)格（無論是否修改，都點(diǎn)擊一下確定）：

1）點(diǎn)擊“系統(tǒng)”---系統(tǒng)基本參數(shù)

2）將“站點(diǎn)根網(wǎng)址”改為您的網(wǎng)址，如http://www.xxx.com/（本地安裝請(qǐng)保持http://127.0.0.1。）

3）點(diǎn)擊“確定”按鈕

7. 更新整站緩存： 點(diǎn)擊“生成”-“更新系統(tǒng)緩存”
8. 更新網(wǎng)站： 點(diǎn)擊“生成”-“一鍵更新網(wǎng)站”-“更新所有”-“開始更新” 點(diǎn)擊“生成”-“更新主頁html” 至此，模板安裝結(jié)束

這些網(wǎng)頁模板網(wǎng)站提供了多樣化的選擇，從專業(yè)的商業(yè)網(wǎng)站到個(gè)人博客，從免費(fèi)的模板到付費(fèi)的高級(jí)模板，滿足了不同用戶的需求。無論您是有設(shè)計(jì)經(jīng)驗(yàn)的專業(yè)人士還是初學(xué)者，這些網(wǎng)站都能幫助您快速搭建一個(gè)具有吸引力和功能性的網(wǎng)站。

如果你還有更好的方式或工具推薦，記得在評(píng)論區(qū)互動(dòng)討論！

更多工具推薦

分享6款免費(fèi)項(xiàng)目管理工具，讓你的工作效率暴增！

想提高工作效率？快來看看這6個(gè)辦公神器！