日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

网站搭建从零开始(七) WordPress站点的完善

發(fā)布時(shí)間:2023/12/15 编程问答 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 网站搭建从零开始(七) WordPress站点的完善 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1、WordPress網(wǎng)站前后端常用語(yǔ)言簡(jiǎn)介和運(yùn)行過(guò)程

通常一個(gè)網(wǎng)站的整個(gè)構(gòu)建過(guò)程中需要大量的技術(shù)支持,尤其是用到很多種計(jì)算機(jī)語(yǔ)言。網(wǎng)站的構(gòu)建主要分后端和前端兩部分,后端代碼在服務(wù)器上運(yùn)行,而前端程序源碼則通過(guò)網(wǎng)絡(luò)傳輸?shù)接脩舻臑g覽器,由瀏覽器執(zhí)行。WordPress站點(diǎn)的頁(yè)面屬于動(dòng)態(tài)頁(yè)面,也就是說(shuō)頁(yè)面是程序動(dòng)態(tài)生成的,不同的人、不同時(shí)刻訪問(wèn)同一個(gè)網(wǎng)址對(duì)應(yīng)的頁(yè)面,看到的內(nèi)容是不一樣的。和動(dòng)態(tài)頁(yè)面相對(duì)的是靜態(tài)頁(yè)面,靜態(tài)頁(yè)面的擴(kuò)展名一般是html,不需要后端語(yǔ)言動(dòng)態(tài)的生成網(wǎng)頁(yè)。

后端語(yǔ)言PHP

實(shí)現(xiàn)網(wǎng)站后端的語(yǔ)言有很多,如PHP、ASP、Python、Java、Node.js等。以WordPress為例,主要是用PHP完成的,訪問(wèn)數(shù)據(jù)庫(kù)會(huì)用到一些SQL語(yǔ)言。PHP在WordPress中一方面負(fù)責(zé)后端數(shù)據(jù)處理邏輯,另一方面負(fù)責(zé)前端動(dòng)態(tài)頁(yè)面代碼的生成。PHP可以很容易的嵌入到HTML中,實(shí)現(xiàn)PHP和HTML等語(yǔ)言的混合編程。例如:

<html><head><title>PHP</title></head><body><?php echo '<p>Hello World</p>'; ?></body> </html>

將其保存為php擴(kuò)展名的文件,放在配置了PHP環(huán)境的服務(wù)器中,并用瀏覽器訪問(wèn)此文件,就會(huì)執(zhí)行PHP部分代碼,生成相應(yīng)的Html頁(yè)面(即前端代碼),并傳輸?shù)綖g覽器中,由瀏覽器執(zhí)行。

更詳細(xì)的PHP知識(shí)可以訪問(wèn)w3school,或者查看PHP官方給出的手冊(cè)。

后端語(yǔ)言SQL

WordPress訪問(wèn)數(shù)據(jù)庫(kù)時(shí)會(huì)用到SQL語(yǔ)言,SQL語(yǔ)言號(hào)稱第四代編程語(yǔ)言,語(yǔ)法非常接近自然語(yǔ)言,基本操作學(xué)習(xí)起來(lái)不是很困難。

前端語(yǔ)言HTML、CSS

HTML是瀏覽器使用的最主要的語(yǔ)言,HTML通過(guò)標(biāo)簽表示各種元素,即網(wǎng)站的內(nèi)容。CSS為層疊樣式表,即網(wǎng)站的風(fēng)格,如文字大小、顏色、排版位置等。目前主流網(wǎng)站一般主要都是采用HTML和CSS實(shí)現(xiàn)界面。對(duì)于靜態(tài)網(wǎng)站頁(yè)面,可以直接將HTML、CSS等文件保存在網(wǎng)站服務(wù)器供用戶訪問(wèn),更新頁(yè)面時(shí)直接對(duì)網(wǎng)頁(yè)文件進(jìn)行修改。

HTML和CSS的語(yǔ)法不是很復(fù)雜,學(xué)起來(lái)也比較容易。嚴(yán)格來(lái)說(shuō)不算編程語(yǔ)言,只是描述性語(yǔ)言。學(xué)習(xí)的時(shí)候需要慢慢熟悉各種標(biāo)簽、屬性等,不熟悉的經(jīng)常查閱資料做參考。

前端語(yǔ)言JavaScript與jQuery程序庫(kù)、Ajax技術(shù)

JavaScript是網(wǎng)頁(yè)中使用非常多的一種程序語(yǔ)言,可用來(lái)實(shí)現(xiàn)各種動(dòng)態(tài)效果,執(zhí)行一些簡(jiǎn)單的數(shù)據(jù)操作等,例如注冊(cè)賬號(hào)時(shí)判斷用戶填寫的郵箱格式是否正確,網(wǎng)頁(yè)版的計(jì)算器等。

jQuery不是編程語(yǔ)言,而是用JavaScript實(shí)現(xiàn)的程序庫(kù),能很輕松的實(shí)現(xiàn)很多常用功能。例如很多網(wǎng)站為了加快網(wǎng)頁(yè)載入速度,使用jQuery實(shí)現(xiàn)圖片的延遲加載,只有在訪問(wèn)到圖片文件時(shí),圖片才會(huì)被加載,否則不加載圖片,提高了用戶體驗(yàn)。

Ajax是一種交互式網(wǎng)頁(yè)技術(shù),用于實(shí)現(xiàn)網(wǎng)頁(yè)的異步更新。例如我們?cè)谠L問(wèn)QQ空間網(wǎng)頁(yè)時(shí),滾動(dòng)到最下方,就會(huì)加載更多內(nèi)容,動(dòng)態(tài)更新網(wǎng)頁(yè),而不需要跳轉(zhuǎn)頁(yè)面。

網(wǎng)頁(yè)訪問(wèn)大致的運(yùn)行流程

訪問(wèn)WordPress網(wǎng)站時(shí),用戶瀏覽器發(fā)出的網(wǎng)址請(qǐng)求被服務(wù)器接收到,服務(wù)器就會(huì)找到相應(yīng)的頁(yè)面,通過(guò)執(zhí)行PHP生成HTML頁(yè)面,這個(gè)過(guò)程是服務(wù)器完成的。然后將HTML頁(yè)面通過(guò)網(wǎng)絡(luò)發(fā)送到瀏覽器。而瀏覽器則可以打開(kāi)HTML、CSS,然后運(yùn)行JavaScript等語(yǔ)言對(duì)頁(yè)面進(jìn)行一些修改等操作,然后頁(yè)面就被顯示出來(lái)。當(dāng)用戶進(jìn)行一些操作,例如點(diǎn)擊特定的按鈕時(shí),JavaScript中設(shè)置的監(jiān)聽(tīng)器函數(shù)就會(huì)執(zhí)行,完成響應(yīng)的操作,例如打開(kāi)彈出窗口,顯示用戶登錄信息(當(dāng)然這個(gè)不一定都是用JavaScript實(shí)現(xiàn))。

2、站點(diǎn)的完善

本文主要是介紹WordPress站點(diǎn)的完善,前面對(duì)WordPress站點(diǎn)所涉及語(yǔ)言的簡(jiǎn)單介紹,是因?yàn)楹芏嗖僮餍枰婕白约盒薷脑创a。對(duì)所用到的程序語(yǔ)言和技術(shù)有所了解,改起來(lái)就不至于像我一開(kāi)始那樣不知所措了(從對(duì)網(wǎng)站毫無(wú)了解到一瞬間看到各種完全陌生的語(yǔ)言混合在一起,可能會(huì)有點(diǎn)接受不了)。

這里我要做的介紹,主要是列舉一個(gè)WordPress站點(diǎn)的完善可能需要考慮的東西并簡(jiǎn)單介紹,而不對(duì)具體的操作進(jìn)行詳細(xì)分析,因?yàn)榫W(wǎng)上有很多相關(guān)的文章可以參考,沒(méi)必要再寫。

2.1 基本功能

確定好合適的主題

網(wǎng)站搭建好后,如果你需要比較多的自行定制內(nèi)容,推薦選用一套合適的主題,然后就固定下來(lái)不再隨便修改。因?yàn)楹芏喽ㄖ苾?nèi)容都是通過(guò)修改主題源碼實(shí)現(xiàn)的,如果更換主題所有定制的內(nèi)容就都沒(méi)了。

網(wǎng)上有一些高手制作的主題功能非常強(qiáng)大,其中有些是收費(fèi)的,也有一些免費(fèi)的。但是可能別人制作的主題不是你想要的風(fēng)格,例如我用的主題就是知名博主知更鳥(niǎo)做的,但是個(gè)人更喜歡清新簡(jiǎn)潔的風(fēng)格,這個(gè)時(shí)候就可以通過(guò)CSS進(jìn)行修改,偶爾也需要對(duì)HTML和PHP進(jìn)行少量修改。當(dāng)然,使用別人的主題,應(yīng)該尊重原作者的成果,注明原作者和作者的網(wǎng)站鏈接。

下面所說(shuō)的很多東西,幾乎都可以直接通過(guò)修改主題實(shí)現(xiàn),也可以安裝插件實(shí)現(xiàn),而有些主題本身就集成了很多強(qiáng)大的功能,不需要自己進(jìn)行添加。我更推薦直接修改主題實(shí)現(xiàn),因?yàn)槭褂貌寮?huì)拖慢網(wǎng)站速度,有可能插件和主題之間沖突,而且不同插件顯示效果和主題不匹配,最后看著比較亂,一個(gè)個(gè)插件去修改太麻煩(插件代碼也可以修改,但是插件一般更新比較頻繁,更新后對(duì)插件所做的修改全部失效了)。

網(wǎng)站圖標(biāo)、標(biāo)題、簡(jiǎn)介

這個(gè)不用多說(shuō),網(wǎng)站肯定是要有標(biāo)題的,并用一句話作為簡(jiǎn)介,概括網(wǎng)站的核心內(nèi)容思想等,這樣有利于訪問(wèn)者快速了解網(wǎng)站。例如不少網(wǎng)站會(huì)以類似“關(guān)注互聯(lián)網(wǎng)創(chuàng)業(yè)”“中國(guó)最大的***網(wǎng)站”這樣的格式來(lái)寫。另外網(wǎng)站可以做個(gè)小圖標(biāo),這樣放在收藏夾里也會(huì)好看一點(diǎn)。

版權(quán)信息

個(gè)人創(chuàng)辦的網(wǎng)站,一般不希望別人隨便的盜用里面的原創(chuàng)文章,版權(quán)信息當(dāng)然必不可少。你可以安裝Add Post URL插件,或者直接修改主題。

另外網(wǎng)站底部一般也會(huì)有“版權(quán)所有”之類的聲明,如果有備案,還會(huì)有備案號(hào),這個(gè)可以直接修改主題的footer.php文件中的HTML代碼。

圖片自動(dòng)加水印

DX-Watermark可以直接在發(fā)表文章上傳時(shí),自動(dòng)給圖片加上指定的水印,以免隨意盜圖。不過(guò)根據(jù)我的實(shí)際經(jīng)驗(yàn),感覺(jué)給圖片加水印效果不好。圖片大小不同,加的水印大小也不一樣;還有水印的顏色如果比較淺,尺寸比較小,有些圖片上根本看不見(jiàn),尺寸過(guò)大,或者顏色太深了,例如很深的大紅色,會(huì)嚴(yán)重影響用戶體驗(yàn)。最后我還是決定取消了圖片水印。

郵件發(fā)送

有的服務(wù)器不支持郵件發(fā)送,導(dǎo)致WordPress默認(rèn)的郵件發(fā)送工作不正常,導(dǎo)致很多問(wèn)題,例如用于注冊(cè)時(shí)無(wú)法收到登錄密碼。這時(shí)可以通過(guò)插件配置郵箱進(jìn)行發(fā)送,可參考下文

WordPress通過(guò)插件發(fā)送郵件

http://www.hainter.com/wordpress-send-email-via-plugins

編輯器插件

WordPress自帶的文章編輯器功能比較少,你可以安裝插件加強(qiáng)編輯器功能。CKEditor for WordPress就比較強(qiáng)大,不過(guò)似乎配置有點(diǎn)麻煩,還有點(diǎn)兼容方面的問(wèn)題不想麻煩,后來(lái)我改用TinyMCE Advanced。自己編輯文章主要還是用為知筆記,然后離線發(fā)布上傳的,所以用編輯器主要也只是偶爾進(jìn)行文章的修改了。

2.2 用戶交互

分享、喜歡按鈕

好的文章,希望讀者分享到社交網(wǎng)站,讓更多的人看到并增加網(wǎng)站訪問(wèn)量和知名度。可以使用JiaThis插件實(shí)現(xiàn),或修改主題。喜歡按鈕也可以插件或修改主題進(jìn)行實(shí)現(xiàn)。

社交化登錄、用戶模塊

你可以考慮讓用戶直接通過(guò)QQ登錄你的網(wǎng)站發(fā)表評(píng)論,非常方便。關(guān)于社交化登錄、用戶評(píng)論方面的東西,可以參考我的另一篇文章:

WordPress的用戶系統(tǒng)總結(jié)

http://www.hainter.com/wordpress-user-module

評(píng)論框表情

允許用戶在評(píng)論框使用表情,可以提高用戶體驗(yàn),讓評(píng)論內(nèi)容更加豐富。表情圖片也可以通過(guò)修改主題自行定義,替換掉WordPress自帶的不太好看的表情,具體方法請(qǐng)自行搜索。

讀者留言板

留言板就是一個(gè)可以發(fā)表評(píng)論的頁(yè)面,在后臺(tái)新建頁(yè)面,命名為留言板即可,并設(shè)置顯示在菜單中,便于讓訪客看到。有任何問(wèn)題都可以在留言板進(jìn)行評(píng)論留言。

訪問(wèn)量統(tǒng)計(jì)

訪問(wèn)量統(tǒng)計(jì)是各種社交網(wǎng)站和博客網(wǎng)站的標(biāo)配。可以看到文章的訪問(wèn)數(shù)量,對(duì)寫博客來(lái)說(shuō)算是一個(gè)反饋,知道有多少人訪問(wèn)過(guò),還能制作熱門排行的側(cè)邊工具欄。可以用WP-PostViews,并結(jié)合主題的修改實(shí)現(xiàn)。

2.3 用戶體驗(yàn)

面包屑導(dǎo)航欄

面包屑導(dǎo)航欄有助于用戶了解當(dāng)前處于網(wǎng)站的什么位置,能提高用戶體驗(yàn)。一般通過(guò)修改主題實(shí)現(xiàn)。

移動(dòng)主題切換

移動(dòng)設(shè)備訪問(wèn)網(wǎng)站時(shí),網(wǎng)站應(yīng)該能對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化,如果你的主題是響應(yīng)式的,能自動(dòng)調(diào)整,那樣挺好。如果不是,你可以考慮對(duì)電腦和移動(dòng)設(shè)備甚至平板,使用兩套以上的主題,并用WordPress Mobile Themes插件自動(dòng)切換。

新窗口打開(kāi)外部鏈接

個(gè)人認(rèn)為如果文章中有超鏈接,比較合適的做法是,站內(nèi)鏈接直接在當(dāng)前窗口打開(kāi),站外鏈接則在新窗口打開(kāi),但是每次編輯超鏈接都自己設(shè)置太麻煩了。External Links插件就能實(shí)現(xiàn)新窗口外鏈打開(kāi)功能,并在外鏈右側(cè)插入一個(gè)小圖標(biāo)提醒讀者,鏈接打開(kāi)的將會(huì)是一個(gè)外部鏈接,注意上網(wǎng)安全。

代碼語(yǔ)法高亮

如果你做的網(wǎng)站有技術(shù)類文章,文中常常少不了程序代碼,語(yǔ)法高亮能方便看懂程序。可以選用WP-Syntax插件實(shí)現(xiàn)。

2.4 加速和優(yōu)化

圖片壓縮

圖片壓縮可以加快網(wǎng)頁(yè)加載速度,同時(shí)節(jié)約服務(wù)器空間和流量。WP Smush.it可以輕松的壓縮圖片,既能在上傳時(shí)自動(dòng)壓縮,也可以壓縮已有圖片。而Compress PNG for WP則利用TinyPNG網(wǎng)站的API實(shí)現(xiàn)了對(duì)PNG圖片非常好的壓縮。

優(yōu)化數(shù)據(jù)庫(kù)

WP-Optimize是一款很好的數(shù)據(jù)庫(kù)優(yōu)化插件,每隔一段時(shí)間,對(duì)數(shù)據(jù)庫(kù)優(yōu)化一下,刪掉不需要的東西,加快了網(wǎng)站速度。

網(wǎng)站加速技術(shù)

WP Super Cache是一款網(wǎng)站頁(yè)面緩存插件,大概意思是緩存一些頁(yè)面,免得每次訪問(wèn)的時(shí)候都動(dòng)態(tài)生成,加快網(wǎng)頁(yè)訪問(wèn)速度。有關(guān)網(wǎng)站加速的技巧,之后我會(huì)再寫一篇文章進(jìn)行更詳細(xì)的介紹。

2.5 安全

垃圾評(píng)論攔截

你可以用Akismet插件攔截垃圾評(píng)論,例如惡意廣告,病毒等評(píng)論。

網(wǎng)站的安全

BulletProof Security是一款比較強(qiáng)大的安全插件,不妨試一試,雖然剛建立的小站估計(jì)也沒(méi)人會(huì)攻擊,但是防患于未然總是好的。

禁止非管理員用戶進(jìn)入后臺(tái)、禁止用戶注冊(cè)

有些人不希望普通用戶注冊(cè)登錄后能進(jìn)入WordPress后臺(tái)界面,或者認(rèn)為存在安全隱患,也有觀點(diǎn)認(rèn)為用戶注冊(cè)可能會(huì)導(dǎo)致安全問(wèn)題,因?yàn)閃ordPress的網(wǎng)站管理員和普通注冊(cè)用戶的唯一區(qū)別是權(quán)限不一樣,如果居心不良的人注冊(cè)用戶并突破了權(quán)限成為管理員,就能隨意修改網(wǎng)站內(nèi)容。但是禁止用戶自行注冊(cè)似乎有點(diǎn)不妥,而禁止普通用戶進(jìn)入后臺(tái)會(huì)影響注冊(cè)用戶的體驗(yàn)。例如默認(rèn)的注冊(cè)密碼是隨機(jī)生成的,普通用戶能通過(guò)后臺(tái)修改密碼方便記憶,如果禁止進(jìn)入后臺(tái),就無(wú)法達(dá)到這個(gè)目的了。

2.6 SEO

網(wǎng)站SEO

SEO是搜索引擎優(yōu)化的意思,也就是通過(guò)優(yōu)化網(wǎng)站的一些內(nèi)容,讓搜索引擎更快更準(zhǔn)確的收錄你網(wǎng)站中的東西,這樣有利于被更多人訪問(wèn)到。網(wǎng)站SEO實(shí)際上比較復(fù)雜,并且有專門的人進(jìn)行研究,甚至成了一門學(xué)科,成了一種工作職業(yè),這里我也了解很少,沒(méi)法做更多介紹,但是推薦一款插件SEO Ultimate,有興趣可以好好研究下。我用到的這個(gè)插件最多的功能是Code Insertor,有時(shí)網(wǎng)站驗(yàn)證需要在網(wǎng)頁(yè)中插入一些代碼,但是又不想隨便改主題,剛好用這個(gè)功能就可以直接插入代碼了。

Robots訪問(wèn)記錄

一個(gè)網(wǎng)站能被搜索引擎搜索到,是因?yàn)樗阉饕娴木W(wǎng)絡(luò)爬蟲(chóng)(又叫做Robots)訪問(wèn)了你的站點(diǎn)并收錄進(jìn)了搜索引擎的數(shù)據(jù)庫(kù)。wp-log-robots可以記錄Robots對(duì)你的網(wǎng)站頁(yè)面訪問(wèn)的記錄,從而進(jìn)行SEO優(yōu)化。而對(duì)于新手建站,雖說(shuō)不一定有很大作用,至少可以滿足一下好奇心吧。

網(wǎng)站地圖

網(wǎng)站地圖也是SEO的一種手段,通過(guò)建立一個(gè)固定的頁(yè)面,記錄了你的網(wǎng)站所有頁(yè)面的地址、更新時(shí)間等信息,引導(dǎo)Robots對(duì)你的網(wǎng)站頁(yè)面進(jìn)行收錄。推薦使用Google XML Sitemaps,百度也有網(wǎng)站地圖插件,但是似乎不會(huì)自己刷新,不知道是不是我配置不對(duì)。

Ping更新服務(wù)

在網(wǎng)站發(fā)表一篇新的文章后,你可以通過(guò)設(shè)置Ping提醒搜索引擎及時(shí)收錄你的文章。在設(shè)置-撰寫-更新服務(wù)中,添加百度Ping的鏈接http://ping.baidu.com/ping/RPC2,就可以實(shí)現(xiàn)了。

固定鏈接設(shè)置

文章發(fā)表后會(huì)有一個(gè)鏈接地址,為了方便被搜索引擎索引到,一般可以設(shè)置成固定鏈接,鏈接可以用一些英文或拼音縮寫表示,最合理的格式網(wǎng)上不同的人意見(jiàn)不一樣,個(gè)人比較喜歡的是最簡(jiǎn)單的“網(wǎng)站URL+縮寫”的方式,具體可以自動(dòng)搜索了解。

本文首發(fā)自我的個(gè)人主頁(yè),轉(zhuǎn)載請(qǐng)注明來(lái)源:http://www.hainter.com/website-primer-7?

總結(jié)

以上是生活随笔為你收集整理的网站搭建从零开始(七) WordPress站点的完善的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。