跳到主要內容
黯羽輕揚每天積累一點點

WordPress 建站指南（1）

免費2015-04-06#Solution#wordpress#个人网站

本文介紹建站相關內容以及 WordPress 的一些小問題的解決方案

寫在前面：###

3 月份用 10 天零碎時間火速完成了建站，後台 95% 的工作都交給了 WP(WordPress)。如果想偷懶的話，WP 是一個絕好的選擇，估計有個小半天就建完收工了。

想有片自己的小花園，可是不會 PHP 這樣的東西，也不太了解 CSS，對 HTML 也知之甚少？這都沒關係，CMS + 前端框架，一會兒就好，需要自己動手的地方真的非常少。

P.S. 一直沒時間出建站系列，今天被 WP 氣壞了，幾乎從頭重建了一遍，只好先把用到的東西記下來，免得以後再找

一。建站條件##

首先，需要一些硬件方面的東西：

  1. 服務器空間：最便宜的方式就是用 SAE 或者其它的「免費」空間；經濟實惠的方式是租個虛擬主機；嗯，比較傷錢的方式是租個雲服務器。三者任選一個就好，看錢包說話。

  2. 域名：租空間一般會給個免費域名，但你肯定不喜歡。可以再去找個免費的，比如.tk 等等；也可以花點兒小錢租個域名，.com/.cn/.net 之類的都很便宜，關鍵是看着舒服。

  3. 域名證書：也就是所謂的「備案」，如果是免費的域名肯定是不用這麼麻煩的，自己租的域名需要備案，有它就「合法」了。一般域名提供商會給備案指南，只需要自己跑跑腿照照相片寄過去就好了。

  4. FTP 工具：裝一個 FTP 工具，以後就可以往自己的空間裡塞東西了

當然，如果想把網站做得稱心如意的話，還需要一些知識技能：HTML, CSS, JavaScript, PHP/ASP 之類的服務端語言，SEO/語義化之類的常識

筆者的配置：88/年的 150M 虛擬主機 + 55/年的.net 域名 + FileZilla

二。方案選擇##

具備了硬件條件，先別着急動手寫 HTML，我們選選方案

後台：

如果時間精力充足，而且技能樹點得比較寬，可以考慮自己搭後台：數據庫設計 + 分層設計 + PHP/ASP 編碼實現

如果時間有限，或者沒點多少技能，就可以用 CMS，比較好的有：

  • WordPress，據說有很好的 SEO，海量模版，偽靜態頁面
  • 織夢 CMS，據說簡單容易上手，真靜態頁面，而且，名字好聽
  • 帝國 CMS，比織夢要難上手一些，不過據說也更強大

P.S.CMS 就是幫你打理後台的工具，支持基本的發布、查詢、修改、刪除信息，還有 RSS 生成，自動語義化/SEO 等等其它好處，有了它，基本的後顧之憂就沒了

前端：

如果 CSS 經驗不是很豐富，可以考慮選個前端框架，比如：

  • Bootstrap，很強大的響應式佈局，當然因為是響應式的，所以不支持 [IE7-]
  • YUI，全瀏覽器兼容，很全很強大也很「重」
  • EasyUI，全瀏覽器兼容，比 YUI 要「輕」些

可以用這些框架輕鬆構建好看的頁面，如果有 CSS 基礎，或者想鍛煉頁面設計能力還是自己捏的好，不一定好看，但看着順眼

筆者的方案：WordPress + JQuery

三。快速建站##

  1. 第一步，測試服務器空間

弄個簡單的 html 或者 php/asp 文件用 FTP 工具傳上去，試試能不能訪問。當然，如果域名還沒有和空間綁定的話要先去綁定。一般不會出什麼問題，如果出現問題就去找賣家客服理論，他們會幫你搞定的。

  1. 第二步：安裝 CMS

把下載到本地的 CMS 上傳到服務器，再按照 CMS 的指南一步步安裝，一定要確保這個過程沒有差錯

  1. 第三步：進入 CMS 後台管理

登入 CMS 後台，隨便寫點什麼，添個頁面，發篇文章什麼的，試試 CMS 的功能

四。WordPress 相關問題##

1. 如何在首頁��显示摘要？###

WP 默認是在首頁顯示全文的，一篇兩篇還好，文章多了就受不了了，特別特別長的滾動條，看着也不舒服。可以只显示摘要，具體做法如下：

  1. 進入後台管理頁面/外觀/編輯

  2. 在右側列表找到 content.php，點擊之後就可以在線編輯（網上說是改 index.php，在新版本中沒有用的）

  3. Ctrl + F 搜索"entry-content"，把這個 div 裡面的代碼改為：

    <?php //comment in chinese is invalid
if(!is_single()){
the_excerpt();
}
else{
the_content(__('(more…)'));
}
?>

注意前後別弄丟了，可以先把文本框裡的內容備份一下，以防不測

2. 如何修改頁腳的 WordPress 小尾巴？###

一般會有「自豪地採用 WordPress」，「又一個 WordPress 站點」之類的小尾巴，可以很容易地修改：

  1. 同上

  2. footer.php

  3. 搜索""改為自己的頁腳即可，改完之後可能是這個樣子：

    <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>">Powered by WordPress</a>

頁眉的改法一樣，在 header.php 裡面找就好了

3. 如何使用 Markdown？###

Markdown 是個好東西，WP 沒有原生支持，不過可以去找插件，後台管理/插件/安裝插件，一搜一大堆，看人氣挑一個就好了

4. 如何過濾惡意評論？###

在評論框中可以輸入 js 腳本，這很不科學，不過據說 WP 自帶了腳本過濾，不過默認不對管理員使用，我們可以自己開啟腳本過濾：

  1. 後台管理/外觀/編輯/functions.php

  2. 在第一塊註釋下方插入代碼：

    /*comment filter*/
function code_escape( $incoming_comment ) {
$incoming_comment = strip_tags($incoming_comment, ENT_QUOTES);//filter php, html and xml tabs
return $incoming_comment;
}
add_filter( 'comment_text', 'code_escape' );
add_filter( 'comment_text_rss', 'code_escape' );

這樣就可以過濾腳本了，比如輸入評論，，提交之後會變成 XSS attack 文本

5. 如何同步更新微博，微信？###

前輩給了 方案，很好用。當然，這個方案是一種思路，不僅限於解決分享問題，還可以用來更新自定義頁面，比如發布博文時同步更新某個角落的某個文件，非常不錯

P.S. 今天剛剛完成了同步更新日曆功能，示例請看 黯羽輕揚 左上角

6. 需要注意的問題###

  • 修改 php 文件的時候千萬不要下載 - 修改 - 上傳，盡量直接在線編輯，因為下載之後本地編輯可能會出現奇怪的編碼問題，BOM 符號等等

  • 修改的代碼中不能有中文註釋，因為會出錯，向 fonctions.php 裡隨便添個中文註釋馬上就出錯了，而且 WP 的報錯沒什麼用，折騰了一天，最後選擇刪掉重來一遍

  • 修改文件之前建議一定要先備份，留條後路，不然就悲憤了

後話###

簡單的建站相關內容就這些了，目前還在修修改改，用到的 WP 的功能其實還比較少，對 WP 也處於一知半解的階段，等摸索熟悉了再介紹其它功能與更多的解決方案

評論

暫無評論，快來發表你的看法吧

提交評論