用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

安装WordPress插件

你应该安装插件来加强你的WordPress网站。

Yoast SEO – 此插件可以使WordPress网站的SEO管理起来更为便捷。例如,你可以编辑每个页面的标题,描述等。

Rank Math – 另一个功能强大的 WordPress SEO 外挂 (插件),可参考 Rank Math 教学

W3 Total Cache – 此插件可以优化WordPress网站的速度。它支持为网站页面设置网络浏览器缓存,压缩网站页面以使下载更快,以及为静态资源文件设置内容分发网络(CDN)。

Backup Buddy – 此插件支持为WordPress网站设置自动备份计划。

WooEcommerce – 此插件可使网站变成一个电商网站(如果你非常看重在你的WordPress网站上销售商品)。安装和设定方面,可参考 WooCommerce 教学



移动网站性能技术白皮书在2017年3月正式出版。

英文版:Develop WordPress Mobile Websites – 繁体中文版:用WordPress开发移动网站







移动网站性能技术白皮书上的内容按下列许可协议发布: CC Attribution-Noncommercial 4.0 International

Gordon Choi's Mobile Website Book