1、WordPress網站前后端常用語言簡介和運行過程 通常一個網站的整個構建過程中需要大量的技術支持,尤其是用到很多種計算機語言。網站的構建主要分后端和前端兩部分,后端代碼在服務器上運行,而前端程序源碼則通過網絡傳輸?shù)接脩舻臑g覽器,由瀏覽器執(zhí)行。WordPress站點的頁面屬于動態(tài)頁面,也就是說頁面是程序動態(tài)生成的,不同的人、不同時刻訪問同一個網址對應的頁面,看到的內容是不一樣的。和動態(tài)頁面相對的是靜態(tài)頁面,靜態(tài)頁面的擴展名一般是html,不需要后端語言動態(tài)的生成網頁。
后端語言PHP 實現(xiàn)網站后端的語言有很多,如PHP、ASP、Python、Java、Node.js等。以WordPress為例,主要是用PHP完成的,訪問數(shù)據(jù)庫會用到一些SQL語言。PHP在WordPress中一方面負責后端數(shù)據(jù)處理邏輯,另一方面負責前端動態(tài)頁面代碼的生成。PHP可以很容易的嵌入到HTML中,實現(xiàn)PHP和HTML等語言的混合編程。例如:
<html><head><title>PHP</title></head><body><?php echo '<p>Hello World</p>'; ?></body>
</html>
將其保存為php擴展名的文件,放在配置了PHP環(huán)境的服務器中,并用瀏覽器訪問此文件,就會執(zhí)行PHP部分代碼,生成相應的Html頁面(即前端代碼),并傳輸?shù)綖g覽器中,由瀏覽器執(zhí)行。
更詳細的PHP知識可以訪問w3school,或者查看PHP官方給出的手冊。
后端語言SQL WordPress訪問數(shù)據(jù)庫時會用到SQL語言,SQL語言號稱第四代編程語言,語法非常接近自然語言,基本操作學習起來不是很困難。
前端語言HTML、CSS HTML是瀏覽器使用的最主要的語言,HTML通過標簽表示各種元素,即網站的內容。CSS為層疊樣式表,即網站的風格,如文字大小、顏色、排版位置等。目前主流網站一般主要都是采用HTML和CSS實現(xiàn)界面。對于靜態(tài)網站頁面,可以直接將HTML、CSS等文件保存在網站服務器供用戶訪問,更新頁面時直接對網頁文件進行修改。
HTML和CSS的語法不是很復雜,學起來也比較容易。嚴格來說不算編程語言,只是描述性語言。學習的時候需要慢慢熟悉各種標簽、屬性等,不熟悉的經常查閱資料做參考。
前端語言JavaScript與jQuery程序庫、Ajax技術 JavaScript是網頁中使用非常多的一種程序語言,可用來實現(xiàn)各種動態(tài)效果,執(zhí)行一些簡單的數(shù)據(jù)操作等,例如注冊賬號時判斷用戶填寫的郵箱格式是否正確,網頁版的計算器等。
jQuery不是編程語言,而是用JavaScript實現(xiàn)的程序庫,能很輕松的實現(xiàn)很多常用功能。例如很多網站為了加快網頁載入速度,使用jQuery實現(xiàn)圖片的延遲加載,只有在訪問到圖片文件時,圖片才會被加載,否則不加載圖片,提高了用戶體驗。
Ajax是一種交互式網頁技術,用于實現(xiàn)網頁的異步更新。例如我們在訪問QQ空間網頁時,滾動到最下方,就會加載更多內容,動態(tài)更新網頁,而不需要跳轉頁面。
網頁訪問大致的運行流程 訪問WordPress網站時,用戶瀏覽器發(fā)出的網址請求被服務器接收到,服務器就會找到相應的頁面,通過執(zhí)行PHP生成HTML頁面,這個過程是服務器完成的。然后將HTML頁面通過網絡發(fā)送到瀏覽器。而瀏覽器則可以打開HTML、CSS,然后運行JavaScript等語言對頁面進行一些修改等操作,然后頁面就被顯示出來。當用戶進行一些操作,例如點擊特定的按鈕時,JavaScript中設置的監(jiān)聽器函數(shù)就會執(zhí)行,完成響應的操作,例如打開彈出窗口,顯示用戶登錄信息(當然這個不一定都是用JavaScript實現(xiàn))。
2、站點的完善 本文主要是介紹WordPress站點的完善,前面對WordPress站點所涉及語言的簡單介紹,是因為很多操作需要涉及自己修改源代碼。對所用到的程序語言和技術有所了解,改起來就不至于像我一開始那樣不知所措了(從對網站毫無了解到一瞬間看到各種完全陌生的語言混合在一起,可能會有點接受不了)。
這里我要做的介紹,主要是列舉一個WordPress站點的完善可能需要考慮的東西并簡單介紹,而不對具體的操作進行詳細分析,因為網上有很多相關的文章可以參考,沒必要再寫。
2.1 基本功能 確定好合適的主題 網站搭建好后,如果你需要比較多的自行定制內容,推薦選用一套合適的主題,然后就固定下來不再隨便修改。因為很多定制內容都是通過修改主題源碼實現(xiàn)的,如果更換主題所有定制的內容就都沒了。
網上有一些高手制作的主題功能非常強大,其中有些是收費的,也有一些免費的。但是可能別人制作的主題不是你想要的風格,例如我用的主題就是知名博主知更鳥做的,但是個人更喜歡清新簡潔的風格,這個時候就可以通過CSS進行修改,偶爾也需要對HTML和PHP進行少量修改。當然,使用別人的主題,應該尊重原作者的成果,注明原作者和作者的網站鏈接。
下面所說的很多東西,幾乎都可以直接通過修改主題實現(xiàn),也可以安裝插件實現(xiàn),而有些主題本身就集成了很多強大的功能,不需要自己進行添加。我更推薦直接修改主題實現(xiàn),因為使用插件會拖慢網站速度,有可能插件和主題之間沖突,而且不同插件顯示效果和主題不匹配,最后看著比較亂,一個個插件去修改太麻煩(插件代碼也可以修改,但是插件一般更新比較頻繁,更新后對插件所做的修改全部失效了)。
網站圖標、標題、簡介 這個不用多說,網站肯定是要有標題的,并用一句話作為簡介,概括網站的核心內容思想等,這樣有利于訪問者快速了解網站。例如不少網站會以類似“關注互聯(lián)網創(chuàng)業(yè)”“中國最大的***網站”這樣的格式來寫。另外網站可以做個小圖標,這樣放在收藏夾里也會好看一點。
版權信息 個人創(chuàng)辦的網站,一般不希望別人隨便的盜用里面的原創(chuàng)文章,版權信息當然必不可少。你可以安裝Add Post URL插件,或者直接修改主題。
另外網站底部一般也會有“版權所有”之類的聲明,如果有備案,還會有備案號,這個可以直接修改主題的footer.php文件中的HTML代碼。
圖片自動加水印 DX-Watermark可以直接在發(fā)表文章上傳時,自動給圖片加上指定的水印,以免隨意盜圖。不過根據(jù)我的實際經驗,感覺給圖片加水印效果不好。圖片大小不同,加的水印大小也不一樣;還有水印的顏色如果比較淺,尺寸比較小,有些圖片上根本看不見,尺寸過大,或者顏色太深了,例如很深的大紅色,會嚴重影響用戶體驗。最后我還是決定取消了圖片水印。
郵件發(fā)送 有的服務器不支持郵件發(fā)送,導致WordPress默認的郵件發(fā)送工作不正常,導致很多問題,例如用于注冊時無法收到登錄密碼。這時可以通過插件配置郵箱進行發(fā)送,可參考下文
WordPress通過插件發(fā)送郵件
http://www.hainter.com/wordpress-send-email-via-plugins
編輯器插件 WordPress自帶的文章編輯器功能比較少,你可以安裝插件加強編輯器功能。CKEditor for WordPress就比較強大,不過似乎配置有點麻煩,還有點兼容方面的問題不想麻煩,后來我改用TinyMCE Advanced。自己編輯文章主要還是用為知筆記,然后離線發(fā)布上傳的,所以用編輯器主要也只是偶爾進行文章的修改了。
2.2 用戶交互 分享、喜歡按鈕 好的文章,希望讀者分享到社交網站,讓更多的人看到并增加網站訪問量和知名度。可以使用JiaThis插件實現(xiàn),或修改主題。喜歡按鈕也可以插件或修改主題進行實現(xiàn)。
社交化登錄、用戶模塊 你可以考慮讓用戶直接通過QQ登錄你的網站發(fā)表評論,非常方便。關于社交化登錄、用戶評論方面的東西,可以參考我的另一篇文章:
WordPress的用戶系統(tǒng)總結
http://www.hainter.com/wordpress-user-module
評論框表情 允許用戶在評論框使用表情,可以提高用戶體驗,讓評論內容更加豐富。表情圖片也可以通過修改主題自行定義,替換掉WordPress自帶的不太好看的表情,具體方法請自行搜索。
讀者留言板 留言板就是一個可以發(fā)表評論的頁面,在后臺新建頁面,命名為留言板即可,并設置顯示在菜單中,便于讓訪客看到。有任何問題都可以在留言板進行評論留言。
訪問量統(tǒng)計 訪問量統(tǒng)計是各種社交網站和博客網站的標配。可以看到文章的訪問數(shù)量,對寫博客來說算是一個反饋,知道有多少人訪問過,還能制作熱門排行的側邊工具欄。可以用WP-PostViews,并結合主題的修改實現(xiàn)。
2.3 用戶體驗 面包屑導航欄 面包屑導航欄有助于用戶了解當前處于網站的什么位置,能提高用戶體驗。一般通過修改主題實現(xiàn)。
移動主題切換 移動設備訪問網站時,網站應該能對移動設備進行優(yōu)化,如果你的主題是響應式的,能自動調整,那樣挺好。如果不是,你可以考慮對電腦和移動設備甚至平板,使用兩套以上的主題,并用WordPress Mobile Themes插件自動切換。
新窗口打開外部鏈接 個人認為如果文章中有超鏈接,比較合適的做法是,站內鏈接直接在當前窗口打開,站外鏈接則在新窗口打開,但是每次編輯超鏈接都自己設置太麻煩了。External Links插件就能實現(xiàn)新窗口外鏈打開功能,并在外鏈右側插入一個小圖標提醒讀者,鏈接打開的將會是一個外部鏈接,注意上網安全。
代碼語法高亮 如果你做的網站有技術類文章,文中常常少不了程序代碼,語法高亮能方便看懂程序。可以選用WP-Syntax插件實現(xiàn)。
2.4 加速和優(yōu)化 圖片壓縮 圖片壓縮可以加快網頁加載速度,同時節(jié)約服務器空間和流量。WP Smush.it可以輕松的壓縮圖片,既能在上傳時自動壓縮,也可以壓縮已有圖片。而Compress PNG for WP則利用TinyPNG網站的API實現(xiàn)了對PNG圖片非常好的壓縮。
優(yōu)化數(shù)據(jù)庫 WP-Optimize是一款很好的數(shù)據(jù)庫優(yōu)化插件,每隔一段時間,對數(shù)據(jù)庫優(yōu)化一下,刪掉不需要的東西,加快了網站速度。
網站加速技術 WP Super Cache是一款網站頁面緩存插件,大概意思是緩存一些頁面,免得每次訪問的時候都動態(tài)生成,加快網頁訪問速度。有關網站加速的技巧,之后我會再寫一篇文章進行更詳細的介紹。
2.5 安全 垃圾評論攔截 你可以用Akismet插件攔截垃圾評論,例如惡意廣告,病毒等評論。
網站的安全 BulletProof Security是一款比較強大的安全插件,不妨試一試,雖然剛建立的小站估計也沒人會攻擊,但是防患于未然總是好的。
禁止非管理員用戶進入后臺、禁止用戶注冊 有些人不希望普通用戶注冊登錄后能進入WordPress后臺界面,或者認為存在安全隱患,也有觀點認為用戶注冊可能會導致安全問題,因為WordPress的網站管理員和普通注冊用戶的唯一區(qū)別是權限不一樣,如果居心不良的人注冊用戶并突破了權限成為管理員,就能隨意修改網站內容。但是禁止用戶自行注冊似乎有點不妥,而禁止普通用戶進入后臺會影響注冊用戶的體驗。例如默認的注冊密碼是隨機生成的,普通用戶能通過后臺修改密碼方便記憶,如果禁止進入后臺,就無法達到這個目的了。
2.6 SEO 網站SEO SEO是搜索引擎優(yōu)化的意思,也就是通過優(yōu)化網站的一些內容,讓搜索引擎更快更準確的收錄你網站中的東西,這樣有利于被更多人訪問到。網站SEO實際上比較復雜,并且有專門的人進行研究,甚至成了一門學科,成了一種工作職業(yè),這里我也了解很少,沒法做更多介紹,但是推薦一款插件SEO Ultimate,有興趣可以好好研究下。我用到的這個插件最多的功能是Code Insertor,有時網站驗證需要在網頁中插入一些代碼,但是又不想隨便改主題,剛好用這個功能就可以直接插入代碼了。
Robots訪問記錄 一個網站能被搜索引擎搜索到,是因為搜索引擎的網絡爬蟲(又叫做Robots)訪問了你的站點并收錄進了搜索引擎的數(shù)據(jù)庫。wp-log-robots可以記錄Robots對你的網站頁面訪問的記錄,從而進行SEO優(yōu)化。而對于新手建站,雖說不一定有很大作用,至少可以滿足一下好奇心吧。
網站地圖 網站地圖也是SEO的一種手段,通過建立一個固定的頁面,記錄了你的網站所有頁面的地址、更新時間等信息,引導Robots對你的網站頁面進行收錄。推薦使用Google XML Sitemaps,百度也有網站地圖插件,但是似乎不會自己刷新,不知道是不是我配置不對。
Ping更新服務 在網站發(fā)表一篇新的文章后,你可以通過設置Ping提醒搜索引擎及時收錄你的文章。在設置-撰寫-更新服務中,添加百度Ping的鏈接http://ping.baidu.com/ping/RPC2,就可以實現(xiàn)了。
固定鏈接設置 文章發(fā)表后會有一個鏈接地址,為了方便被搜索引擎索引到,一般可以設置成固定鏈接,鏈接可以用一些英文或拼音縮寫表示,最合理的格式網上不同的人意見不一樣,個人比較喜歡的是最簡單的“網站URL+縮寫”的方式,具體可以自動搜索了解。
本文首發(fā)自我的個人主頁,轉載請注明來源:http://www.hainter.com/website-primer-7?
總結
以上是生活随笔 為你收集整理的网站搭建从零开始(七) WordPress站点的完善 的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網站內容還不錯,歡迎將生活随笔 推薦給好友。