站點搭建從零開始(七) WordPress站點的無缺

一、WordPress站點先後端常用語言簡單介紹和執行過程

一般一個站點的整個構建過程當中需要大量的技術支持,尤爲是用到很是多種計算機語言。站點的構建主要分後端和前端兩部分,後端代碼在server上執行。而前端程序源代碼則經過網絡傳輸到用戶的瀏覽器,由瀏覽器執行。WordPress站點的頁面屬於動態頁面,也就是說頁面是程序動態生成的,不一樣的人、不一樣一時候刻訪問同一個網址相應的頁面,看到的內容是不同的。和動態頁面相對的是靜態頁面,靜態頁面的擴展名一般是html。不需要後端語言動態的生成網頁。php

後端語言PHP

實現站點後端的語言有很是多。如PHP、ASP、Python、Java、Node.js等。html

以WordPress爲例,主要是用PHP完畢的,訪問數據庫會用到一些SQL語言。前端

PHP在WordPress中一方面負責後端數據處理邏輯,還有一方面負責前端動態頁面代碼的生成。PHP可以很是easy的嵌入到HTML中,實現PHP和HTML等語言的混合編程。web

好比:數據庫

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

將其保存爲php擴展名的文件,放在配置了PHP環境的server中,並用瀏覽器訪問此文件,就會運行PHP部分代碼。生成對應的Html頁面(即前端代碼),並傳輸到瀏覽器中,由瀏覽器運行。編程

更具體的PHP知識可以訪問w3school。或者查看PHP官方給出的手冊。後端

後端語言SQL

WordPress訪問數據庫時會用到SQL語言。SQL語言號稱第四代編程語言,語法很是接近天然語言,基本操做學習起來不是很是困難。瀏覽器

前端語言HTML、CSS

HTML是瀏覽器使用的最基本的語言。HTML經過標籤表示各類元素,即站點的內容。緩存

CSS爲層疊樣式表,即站點的風格。如文字大小、顏色、排版位置等。安全

眼下主流站點通常主要都是採用HTML和CSS實現界面。對於靜態站點頁面,可以直接將HTML、CSS等文件保存在站點server供用戶訪問。更新頁面時直接對網頁文件進行改動。

HTML和CSS的語法不是很是複雜。學起來也比較easy。

嚴格來講不算編程語言。僅僅是描寫敘述性語言。

學習的時候需要慢慢熟悉各類標籤、屬性等。不熟悉的經常查閱資料作參考。

前端語言JavaScript與jQuery程序庫、Ajax技術

JavaScript是網頁中使用許多的一種程序語言,可用來實現各類動態效果,運行一些簡單的數據操做等。好比註冊帳號時推斷用戶填寫的郵箱格式是否正確,網頁版的計算器等。

jQuery不是編程語言,而是用JavaScript實現的程序庫,能很是輕鬆的實現很是多常用功能。

好比很是多站點爲了加快網頁載入速度,使用jQuery實現圖片的延遲載入。僅僅有在訪問到圖片文件時,圖片纔會被載入,不然不載入圖片,提升了用戶體驗。

Ajax是一種交互式網頁技術。用於實現網頁的異步更新。好比咱們在訪問QQ空間網頁時,滾動到最下方,就會載入不少其它內容,動態更新網頁,而不需要跳轉頁面。

網頁訪問大體的執行流程

訪問WordPress站點時,用戶瀏覽器發出的網址請求被server接收到,server就會找到對應的頁面,經過運行PHP生成HTML頁面。這個過程是server完畢的。而後將HTML頁面經過網絡發送到瀏覽器。

而瀏覽器則可以打開HTML、CSS,而後運行JavaScript等語言對頁面進行一些改動等操做,而後頁面就被顯示出來。當用戶進行一些操做,好比點擊特定的button時。JavaScript中設置的監聽器函數就會運行,完畢響應的操做。好比打開彈出窗體,顯示用戶登陸信息(固然這個不必定都是用JavaScript實現)。

二、網站的無缺

本文主要是介紹WordPress網站的無缺,前面對WordPress網站所涉及語言的簡介。是因爲很是多操做需要涉及本身改動源碼。

對所用到的程序語言和技術有所瞭解,改起來就不至於像我一開始那樣不知所措了(從對網站毫無瞭解到一瞬間看到各類全然陌生的語言混合在一塊兒,可能會有點接受不了)。

這裏我要作的介紹,主要是列舉一個WordPress網站的無缺可能需要考慮的東西並簡介,而不正確具體的操做進行具體分析,因爲網上有很是多相關的文章可以參考,不是必需再寫。

2.1 基本功能

肯定好合適的主題

站點搭建好後。假設你需要比較多的自行定製內容,推薦選用一套合適的主題。而後就固定下來再也不隨便改動。因爲很是多定製內容都是經過改動主題源代碼實現的,假設更換主題所有定製的內容就都沒了。

網上有一些高手製做的主題功能很強大,當中有些是收費的。也有一些免費的。但是可能別人製做的主題不是你想要的風格,好比我用的主題就是知名博主知更鳥作的,但是我的更喜歡清新簡潔的風格,這個時候就可以經過CSS進行改動。偶爾也需要對HTML和PHP進行少許改動。

固然。使用別人的主題,應該尊重原做者的成果,註明原做者和做者的站點連接。

如下所說的很是多東西。差點兒都可以直接經過改動主題實現,也可以安裝插件實現,而有些主題自己就集成了很是多強大的功能,不需要本身進行加入。我更推薦直接改動主題實現,因爲使用插件會拖慢站點速度,有可能插件和主題之間衝突,而且不一樣插件顯示效果和主題不匹配。最後看着比較亂。一個個插件去改動太麻煩(插件代碼也可以改動,但是插件通常更新比較頻繁,更新後對插件所作的改動全部失效了)。

站點圖標、標題、簡單介紹

這個不用多說,站點確定是要有標題的,並用一句話做爲簡單介紹,歸納站點的核心內容思想等,這樣有利於訪問者高速瞭解站點。好比很多站點會以相似「關注互聯網創業」「中國最大的***站點」這種格式來寫。

另外站點可以作個小圖標。這樣放在收藏夾裏也會好看一點。

版權信息

我的創辦的站點,通常不但願別人隨便的盜用裏面的原創文章,版權信息固然不可缺乏。

你可以安裝Add Post URL插件,或者直接改動主題。

另外站點底部通常也會有「版權所有」之類的聲明,假設有備案,還會有備案號。這個可以直接改動主題的footer.php文件裏的HTML代碼。

圖片本身主動加水印

DX-Watermark可以直接在發表文章上傳時,本身主動給圖片加上指定的水印。以避免任意盜圖。只是依據個人實際經驗,感受給圖片加水印效果很差。圖片大小不一樣。加的水印大小也不同;還有水印的顏色假設比較淺,尺寸比較小,有些圖片上根本看不見。尺寸過大。或者顏色太深了,好比很是深的大紅色,會嚴重影響用戶體驗。最後我仍是決定取消了圖片水印。

郵件發送

有的server不支持郵件發送,致使WordPress默認的郵件發送工做不正常,致使很是多問題,好比用於註冊時沒法收到登陸password。這時可以經過插件配置郵箱進行發送。可參考下文

WordPress經過插件發送郵件

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

編輯器插件

WordPress自帶的文章編輯器功能比較少,你可以安裝插件增強編輯器功能。CKEditor for WordPress就比較強大。只是彷佛配置有點麻煩,還有點兼容方面的問題不想麻煩,後來我改用TinyMCE Advanced。本身編輯文章主要仍是用爲知筆記,而後離線公佈上傳的。因此用編輯器主要也僅僅是偶爾進行文章的改動了。

2.2 用戶交互

分享、喜歡button

好的文章。但願讀者分享到社交站點。讓不少其它的人看到並添加站點訪問量和知名度。可以使用JiaThis插件實現。或改動主題。喜歡button也可以插件或改動主題進行實現。

社交化登陸、用戶模塊

你可以考慮讓用戶直接經過QQ登陸你的站點發表評論,很方便。

關於社交化登陸、用戶評論方面的東西。可以參考個人還有一篇文章:

WordPress的用戶系統總結

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

評論框表情

贊成用戶在評論框使用表情。可以提升用戶體驗。讓評論內容更加豐富。表情圖片也可以經過改動主題自行定義,替換掉WordPress自帶的不太好看的表情,詳細方法請自行搜索。

讀者留言板

留言板就是一個可以發表評論的頁面,在後臺新建頁面。命名爲留言板就能夠,並設置顯示在菜單中。便於讓訪客看到。有不論什麼問題都可以在留言板進行評論留言。

訪問量統計

訪問量統計是各類社交站點和博客站點的標配。

可以看到文章的訪問數量,對寫博客來講算是一個反饋,知道有多少人訪問過,還能製做熱門排行的側邊工具欄。可以用WP-PostViews,並結合主題的改動實現。

2.3 用戶體驗

麪包屑導航欄

麪包屑導航欄有助於用戶瞭解當前處於站點的什麼位置。能提升用戶體驗。通常經過改動主題實現。

移動主題切換

移動設備訪問站點時。站點應該能對移動設備進行優化,假設你的主題是響應式的。能本身主動調整,那樣挺好。

假設不是,你可以考慮對電腦和移動設備甚至平板,使用兩套以上的主題。並用WordPress Mobile Themes插件本身主動切換。

新窗體打開外部連接

我的以爲假設文章中有超連接,比較合適的作法是。站內連接直接在當前窗體打開,站外連接則在新窗體打開。但是每次編輯超連接都本身設置太麻煩了。

External Links插件就能實現新窗體外鏈打開功能,並在外鏈右側插入一個小圖標提醒讀者。連接打開的將會是一個外部連接,注意上網安全。

代碼語法高亮

假設你作的站點有技術類文章,文中常常少不了程序代碼,語法高亮能方便看懂程序。可以選用WP-Syntax插件實現。

2.4 加速和優化

圖片壓縮

圖片壓縮可以加快網頁載入速度。同一時候節約server空間和流量。

WP Smush.it可以輕鬆的壓縮圖片。既能在上傳時本身主動壓縮。也可以壓縮已有圖片。而Compress PNG for WP則利用TinyPNG站點的API實現了對PNG圖片很好的壓縮。

優化數據庫

WP-Optimize是一款很是好的數據庫優化插件。每隔一段時間。對數據庫優化一下,刪掉不需要的東西。加快了站點速度。

站點加速技術

WP Super Cache是一款站點頁面緩存插件,大概意思是緩存一些頁面,省得每次訪問的時候都動態生成。加快網頁訪問速度。有關站點加速的技巧,以後我會再寫一篇文章進行更具體的介紹。

2.5 安全

垃圾評論攔截

你可以用Akismet插件攔截垃圾評論,好比惡意廣告,病毒等評論。

站點的安全

BulletProof Security是一款比較強大的安全插件。最好仍是試一試。儘管剛創建的小站預計也沒人會攻擊。但是防患於未然老是好的。

禁止非管理員用戶進入後臺、禁止用戶註冊

有些人不但願普通用戶註冊登陸後能進入WordPress後臺界面,或者以爲存在安全隱患。也有觀點以爲用戶註冊可能會致使安全問題,因爲WordPress的站點管理員和普通注冊用戶的惟一差異是權限不同,假設居心不良的人注冊用戶並突破了權限成爲管理員,就能任意改動站點內容。

但是禁止用戶自行註冊彷佛有點不妥。而禁止普通用戶進入後臺會影響注冊用戶的體驗。好比默認的註冊password是隨機生成的,普通用戶能經過後臺改動password方便記憶,假設禁止進入後臺,就沒法達到這個目的了。

2.6 SEO

站點SEO

SEO是搜索引擎優化的意思。也就是經過優化站點的一些內容,讓搜索引擎更快更準確的收錄你站點中的東西,這樣有利於被不少其它人訪問到。

站點SEO實際上比較複雜,並且有專門的人進行研究。甚至成了一門學科,成了一種工做職業。這裏我也瞭解很是少,無法作不少其它介紹,但是推薦一款插件SEO Ultimate。有興趣可以好好研究下。我用到的這個插件最多的功能是Code Insertor,有時站點驗證需要在網頁中插入一些代碼,但是又不想隨便改主題,恰好用這個功能就可以直接插入代碼了。

Robots訪問記錄

一個站點能被搜索引擎搜索到,是因爲搜索引擎的網絡爬蟲(又叫作Robots)訪問了你的站點並收錄進了搜索引擎的數據庫。wp-log-robots可以記錄Robots對你的站點頁面訪問的記錄,從而進行SEO優化。而對於新手建站,雖然說不必定有很是大做用,至少可以知足一下好奇心吧。

站點地圖

站點地圖也是SEO的一種手段,經過創建一個固定的頁面,記錄了你的站點所有頁面的地址、更新時間等信息,引導Robots對你的站點頁面進行收錄。

推薦使用Google XML Sitemaps,百度也有站點地圖插件。但是彷佛不會本身刷新。不知道是否是我配置不正確。

Ping更新服務

在站點發表一篇新的文章後。你可以經過設置Ping提醒搜索引擎及時收錄你的文章。

在設置-撰寫-更新服務中。加入百度Ping的連接http://ping.baidu.com/ping/RPC2。就可以實現了。

固定連接設置

文章發表後會有一個連接地址,爲了方便被搜索引擎索引到,通常可以設置成固定連接,連接可以用一些英文或拼音縮寫表示。最合理的格式網上不一樣的人意見不同。我的比較喜歡的是最簡單的「站點URL+縮寫」的方式。詳細可以本身主動搜索瞭解。

本文首發自個人我的主頁,轉載請註明來源:http://www.hainter.com/website-primer-7 

相關文章
相關標籤/搜索