用WordPress開發移動網站


第二部分 – 第07章

Wordpress

對於幾乎沒有開發建站經驗的初學者來說,最好的選擇就是使用網站內容管理系統(CMS)來創建自己的網站。

  • WordPress是一個免費使用的開源軟件。
  • WordPress安裝簡便。
  • WordPress可被用來創建移動友好及響應式網站。 WordPress網站在所有的台式、平板及移動設備上均能很好地展示。
  • 作為一個CMS,WordPress可以被用來創建不同目的的網站,包括個人博客,公司網站,簡單的電子商務網站,甚至更多其他的類型。
  • WordPress CMS可以通過安裝插件得到改進。全世界的WordPress插件開發者們已經開發了大量的WordPress插件供大家使用。
  • 當你使用WordPress作為網站的CMS時,你就不必使用基於JavaScript的框架(例如jQuery Mobile)來開發了。

使用WordPress的先決條件

在使用WordPress設計移動網站之前,必須具備如下的先決條件:

下載並安裝WordPress

假定你已經為移動網站註冊了域名並安裝了虛擬主機。下一步應下載WordPress CMS,然後安裝到虛擬主機上。

如果你給網站選擇了使用 Siteground 寄存空間,可參考我寫的這篇 WordPress 教學,去進行 WordPress 網站的安裝和設定。

通過Cpanel安裝WordPress

如果你的虛擬主機已經預先安裝了Cpanel,那麼只需要幾步鼠標單擊便可通過虛擬主機賬戶的Cpanel安裝WordPress。在WordPress CMS的安裝過程中,你也許會需要提供如下一些信息:

  • 你想要安裝WordPress的安裝路徑。例如,example.com/意味著你的網站的根目錄,example.com/blog/意味著網站的博客目錄。
  • 與該WordPress網站關聯的管理員郵件地址,管理員用戶名,密碼,網站/博客標題,姓和名。
  • MySQL數據庫信息:例如數據庫名稱,數據庫用戶名,密碼,數據庫主機,以及表前綴。

無Cpanel安裝WordPress

也可以不使用Cpanel安裝WordPress。

從官方網站上下載WordPress安裝文件到本地計算機上。

  • https://wordpress.org/

採用如下方式中的一種,將WordPress文件上傳到你的虛擬主機賬戶中:

  • FTP
  • SSH

通過訪問Cpanel後台 ,在虛擬主機賬戶中創建MySQL數據庫和用戶。

  • 創建一個新的數據庫,並輸入數據庫名稱。
  • 創建一個新的數據庫用戶,輸入數據數據庫用戶名和密碼。
  • 為用戶添加所有權限用以訪問已經創建的數據庫。

你必須在wp-config.php文件中編輯數據庫信息。在wp-config.php文件中查找如下信息。

define('DB_NAME', 'database_name_here');
define('DB_USER', 'username_here');
define('DB_PASSWORD', 'password_here');
  • 使用你已創建的數據庫的名稱替換database_name_here。
  • 使用你已創建的數據庫用戶名替換username_here。
  • 使用你已創建的數據庫密碼替換password_here。

假定你要將WordPress安裝到根域名下。通過在網絡瀏覽器中輸入如下地址來執行WordPress安裝。注意,你必須將地址中的example.com替換為你自己的域名。

https://example.com/wp-admin/install.php

為WordPress安裝填寫相關信息。你必須填寫“站點名稱”,“用戶名”,“密碼”,“郵箱地址”,甚至更多。

安裝後續步驟

你的網站仍會要求一個特定的外觀形象(例如主題),而且一些特定功能(例如插件)。

  • 登錄WordPress
  • 設置WordPress主題
  • 安裝WordPress插件

登錄WordPress

假定你已經將WordPress網站安裝到域名的根目錄下:

https://example.com/

那麼你可以通過如下的路徑以及已經創建的用戶名和密碼登錄到你的WordPress:

https://example.com/wp-login.php

設置WordPress主題

在登錄到你的WordPress CMS後,通過如下路徑激活一個WordPress主題:

Dashboard -> Appearance -> Themes -> Add New

可以看到現成的內置主題,例如2016,2014等等,而且你可以激活其中一個。

  • 這些主題(例如2016或者2014)的主要優勢在於他們是移動友好的而且為移動網站啟用了交互式設計。

如果要使用一個默認主題以外的新WordPress主題,可以通過如下的一種方式:

  • 使用搜索功能從Wordpress.org目錄中找到一個新的主題,然後激活。
  • 手工上傳一個從互聯網下載的新主題。

上傳一個新的WordPress主題:

Dashboard -> Appearance -> Themes -> Add New -> Upload Theme

如果選擇下載並安裝一個功能強大的 OceanWP 佈景主題,可參考 OceanWP 教學,先去了解配置和跟 OceanWP 相關的插件。

安裝WordPress插件

你應該安裝插件來加強你的WordPress網站。

Yoast SEO – 此插件可以使WordPress網站的SEO管理起來更為便捷。例如,你可以編輯每個頁面的標題,描述等。

Rank Math – 另一個功能強大的 WordPress SEO 外掛 (插件),可參考 Rank Math 教學

W3 Total Cache – 此插件可以優化WordPress網站的速度。它支持為網站頁面設置網絡瀏覽器緩存,壓縮網站頁面以使下載更快,以及為靜態資源文件設置內容分發網絡(CDN)。

Backup Buddy – 此插件支持為WordPress網站設置自動備份計劃。

Woocommerce – 此插件可使網站變成一個電商網站(如果你非常看重在你的WordPress網站上銷售商品)。安裝和設定方面,可參考 WooCommerce 教學



移動網站性能技術白皮書在2017年3月正式出版。

英文版:Develop WordPress Mobile Websites – 簡體中文版:用WordPress開發移動網站







移動網站性能技術白皮書上的內容按下列許可協議發布: CC Attribution-Noncommercial 4.0 International

Gordon Choi's Mobile Website Book