7

WordPress本地Mac环境搭建与测试

 3 years ago
source link: https://www.xuanyusong.com/archives/4835
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

WordPress本地Mac环境搭建与测试

每次升级wordpress版本都很痛苦,比如主题、插件与新版本的兼容性问题,写下这篇文章记录下这段时间的学习成果。

打开XMAPP官网https://www.apachefriends.org/download.html,注意这里要先点击MoreDownloads

然后需要确认一下自己主机的mysql和php的版本号,这里我使用PHP7.4的版本,如果你的版本较低就要找对应的XAMPP安装文件。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 2

启动Start

确保服务已经启动

启动8080端口

点击Mount,在点击Explore呼出文件夹,把WordPress5.7最新版本也下载到本地解压拷贝到htdocs文件夹下。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 6

然后本地打开网址 http://localhost:8080 如果打不开可能8080端口被其他软件占用,关闭没用软件,重启电脑。打开phpMyadmin数据库面板。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 7

此时打开网站 http://localhost:8080/wordpress/

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 8

到这一步新建网站基本已经完事,但很多时候我们需要升级现有网站,需要在本地先调试一下主题与插件的兼容性,直接远程升级是不太好的,最好可以在本地先调试,没问题了在同步。

在本地创建数据库,数据库名字最好与网站实际的一致。

此时将虚拟主机中通过FTP将wordpress网站与数据库下载到本地,在这里将数据库导入。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 10

打开网站的wp-config.php文件,创建用户名和密码保持一致。(如果不保持一致就要自己修改本地 wp-config.phg文件)

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 11

在数据库中将siteurl改成本地的, 注意这里是http不要写成https(我本地测试https会出现SSL证书问题)

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 12

将网站内容下载到本地,将wp-content文件夹和wp-config.php相关文件拷贝到htdocs文件夹中。

尝试打开网站 http://localhost:8080/wordpress/

如果网站打不开要删除一下根目录.htaccess文件,如果还打不开,清空浏览器缓存、重启XAMPP服务,或重启电脑。注意要设置wp-config.php的权限。

再次尝试打开网站 http://localhost:8080/wordpress/

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 14
网站已经打开了,可惜图片都挂了。图片都挂的原因是每篇文章的数据库里指向的URL开头并不是http://localhost:8080的。

然后就开始调试网站了,可以将插件和主题拷贝到htdocs/wordpress/wp-content/plugins或themes下,大部分情况下主题和插件都是没问题的,如果一旦出问题了大家也不要慌,通过打印日志的方法打印数值看看到底哪里出了问题。

比如主题中某个图片不显示了,可以找到对应代码的地方输出一下日志,看看实际的URL到底是什么?

echo '<script>console.log("'.$first_img_src.'");</script>';

在Chrome中右键检查->console刷新网页就能看到打的日志了。

我在网站升级的过程中就这样通过日志的方式解决了很多问题,PHP果然是世界上最好的语言。最后本地都搞定了就可以向FTP同步了,祝大家网站升级顺利。

作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠写博客不易,如果您想请我喝一杯星巴克的话?就进来看吧!

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK