您当前的位置: 首页 > 慢生活 > 程序人生 网站首页程序人生
2-2: WordPress开发准备(下)之测试站点、调试模式设置和开发者插件推荐
发布时间:2023-03-05 17:21:25编辑:雪饮阅读()
Wordpress安装
这里主要是安装https://wordpress.org/wordpress-5.1.1.zip
这个5.1.1这个版本,需要准备一个空的数据库,比如我wpcourse数据库里面就没有任何表。
那么mysql和php的环境我都还是之前的那个环境
lesson3-WordPress基本功能使用指南(安装) (gaojiupan.cn)
安装流程也基本和这个一样了。
就是发现安装时候安装的第一个步骤可以选择语言了,我选择了中文简体
到下面这个步骤和之前有点类似,但可以直接勾选确认使用弱密码,如果没有记错,之前这里是要自己重复输入两遍密码,相当于一个是密码一个是确认密码(也好像是默认会产生一个密码,不重要了这东西,没有必要纠结)。
安装完成登录后台左侧顶部的”关于wordpress”点开
点开后可以看到当前wordpress版本的信息以及本版本的一些更新日志。
Vscode使用小技巧
使用ctrl+p可以呼出一个搜索栏
然后搜索框里面可以快捷搜索你所打开的项目(文件夹)中的文件。
然后点击对应结果(文件)就可以打开该文件
配置开发环境
开发过程中为了便于调试,建议是在配置文件如:
D:\phpstudy_pro\WWW\wpcourse\wp-config.php
中开启
define( 'WP_DEBUG', true );//开启调试模式
define( 'WP_DEBUG_LOG', true );//记录错误日志
define( 'WP_DEBUG_DISPLAY', true );//输出错误
有说那个输出错误的是WP_DEBUG_DISPALY。我感觉是有问题的。
然后查看后台默认情况下我们当前主题是什么
然后在如D:\phpstudy_pro\WWW\wpcourse\wp-content\themes目录中找到Twenty Nineteen主题目录,我们在其header.php中的顶部区域打印一个不存在的变量。
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package WordPress
* @subpackage Twenty_Nineteen
* @since 1.0.0
*/
var_dump($a);
?>
然后进入wordpress首页就可以看到错误输出了
那么对应的错误日志就在如
D:\phpstudy_pro\WWW\wpcourse\wp-content\debug.log中有记录。
相当于说是一个同步输出,一个异步记录。
开发者插件
https://downloads.wordpress.org/plugin/debug-bar.1.0.zip
https://downloads.wordpress.org/plugin/query-monitor.3.3.4.zip
这两个插件下载下来,然后到后台这里来上传这两个插件进行安装
但这里有个错误:
错误。WordPress.org或是此服务器的配置可能出了一些问题。如果您持续遇到困难,请试试支持论坛。 (WordPress无法建立到WordPress.org的安全连接,请联系您的服务器管理员。) in D:\phpstudy_pro\WWW\wpcourse\wp-admin\includes\plugin-install.php on line 181
这里查了下好像又是与翻墙有关的,不过我这里只是安装本地的两个插件,所以影响不大,暂不处理了。
直接上传安装插件
并启用插件。
刚把这个debug-bar的插件安装完成后,安装这个query-monitor插件时发现上面的问题又没有了。。
可能是访问国外的某些url因为网络稳定性原因导致,上面的问题会偶现。
接着也同样方法安装并启用query-monito插件
然后效果是右上角debug这里新增三个子菜单条目Queries、WP Query、Object Cache
以及左上角新建的右边出现了类似响应耗时、输出流量、查询sql语句数量的东西。也是一个包含多个子菜单的二级菜单了。
关键字词:WordPress