手把手教你打造簡書風格的精美我的博客

廢話晚點說，先上圖，如下是本人天地會珠海分舵仿簡書風格的博客科技向前衝：

 

科技向前衝首頁

怎麼樣？是否是咋一看覺得本身到了咱們親愛的簡書了呢？^v^。

如以前本人跟簡書的「簡叔」互動討論上海的辦公室是否應該叫「簡書工做室」仍是「簡書齋」等時談過，我的是被簡書這種簡潔清新的風格深深吸引的住。(這裏算是給簡書打個廣告了，真的很不錯了，喜歡寫做的人去看看，包你滿意！)

既然咱們都喜歡舞文弄墨的，那麼有一個本身的博客是最好不過的了。這裏所說的本身的博客不是說在cnbeta等博客平臺上註冊個帳號這種，由於這個仍是寄人籬下而已-在人家家裏，不少東西你不能亂動，好比你不能在人家牆上寫寫畫畫的(如貼小廣告等)。因此這裏說的本身的博客是指徹底本身控制的自主博客。

該博客是基於Wordpress的，Wordpress今時今日已經很是成熟。因此這裏不會描述Wordpress怎麼搭建，網上一抓一大把。這裏我之因此使用Wordpress的緣由是它支持很是豐富的插件。

好比咱們今天說的仿簡書的主題就是一個插件。可是該主題安裝以後不能直接應用，有很多地方須要進行修改。網上確找不到任何詳細的信息來指引咱們進行訂製。

因此這裏我就拋磚引玉，給你們說下我是怎麼搭建一個高仿簡書風格的自主博客的。往下以前先致謝主題做者Pete(我是從代碼中看到Pete的名字，若是有誤的話請聯繫我進行修改)

第一步 下載主題插件

---

看官能夠到本人博客資源中進行下載http://download.csdn.net/download/zhubaitian/8541107

第二步 登陸Wordpress後臺管理

---

首先登陸你的Wordpress網站管理後臺，下面是本人Wordpress網站的後臺登陸界面：

 

登陸你的網站後臺

輸入你的用戶名密碼後就會進入到後臺管理頁面：

 

WordPress後臺管理界面

第三步 安裝主題

---

具體步驟按照如下圖片走就行了，很簡單：

 

找到插件選項

 

 

 

打開插件頁面.png

 

添加插件頁面

 

上傳插件

 

安裝插件

最後點擊安裝，等待安裝完畢！

第四步 訂製其餘導航頁面

這一步須要修改相應的php代碼。你們若是不懂得程序的話也不用擔憂，由於我本身就根本對php只是知道個名字而已，我本身都能摸索出來，況且如今我已經告訴你應該怎麼作了呢。

首先點擊下圖的主題按鈕以進入到主題設置頁面：

 

進入主題

而後在主題的下拉菜單中點擊「編輯」：

 

點擊編輯菜單.png

點擊後會來到這個編輯頁面：

 

進入編輯頁面.png

你們能夠看到右邊顯示了該主題的全部代碼文件，咱們往下會對相應的文件進行簡單的修改以適應咱們的要求。

這裏要注意的是主頁導航頁面的php代碼文件和首頁的php代碼文件是分開實現的，雖然在網站中咱們的效果看起來是同樣的。這裏咱們先看其餘導航頁面(指的是網站中咱們看到的點擊左邊導航欄非」首頁「菜單時所出現的其餘頁面)。

先點擊右邊的archive.php模版文件，而後進行如下的編輯：

 

其餘導航頁的信息設置.png

修改後的效果以下圖所示：

 

其餘導航頁的信息設置結果.png

具體你要改爲什麼樣，須要根據你本身的狀況進行修改了。

第五步 訂製首頁

---

首頁的訂製其實跟上面其餘導航欄的訂製是差很少的，你們跟着下圖作就能夠了。

 

首頁信息設置.png

第六步 訂製底部

底部信息咱們能夠放上咱們本身的聯繫方式等，要修改的文件是footer.php。

 

網站底部信息設置.png

效果以下所示：

 

網站底部對應信息效果顯示.png

第七步 訂製「閱讀量」統計信息

---

該主題默認是沒有在主頁的文章列表中顯示出閱讀量的數據的，這裏咱們能夠加上去。

不過提及來悲劇，增長後才知道本身網站的訪問量原來少的可憐，還望你們多捧場了。

要修改的文件是post.php:

 

文章列表增長閱讀量統計.png

修改後的效果：

 

增長閱讀量信息後的效果.png

第八步 訂製手機版懸浮菜單

---

PC版的信息咱們算是定製完了，下面咱們須要訂製下手機版的懸浮菜單項。

須要修改的文件是header.php文件，具體要修改的代碼以下圖所示：

 

手機端懸浮按鈕設置.png

最終你在手機上打開後懸浮菜單就會以下圖所示：

 

 

展開菜單後以下圖所示：

 

至於上面的about頁面，這個跟主題就沒有什麼關係了，你們在Wordpress管理後臺中添加這個頁面就行了。若是確實不知道怎麼去添加的話，那就在文章最後的聯繫方式中聯繫我好了。