您当前的位置:首页 > 电脑百科 > 程序开发 > 开源程序 > WordPress

图文教程 WordPress 的环境配置

时间:2020-06-20 16:14:34  来源:  作者:

在本地的 mac 电脑上配置开发环境

安装 homeBrew

安装 php 7 和 Composer

安装 Valet

配置 Valet

安装 MySQL

安装 wordPress/ target=_blank class=infotextkey>WordPress

windows 电脑上配置开发环境

安装 PHPstudy

安装 WordPress

在 cPanel 上安装 WordPress

在 cPanel 上快速安装 WordPress

在 cPanel 中使用常规方法安装 WordPress

下载 WordPress 安装包

上传 WordPress 的安装包

创建数据库

安装 WordPress

总结

课程实践目标:在自己的电脑上完成基础环境的配置。

在本地的 Mac 电脑上配置开发环境

MacOS 相比于 Windows 有很好的命令行支持,在开发环境上也更友好,系统自带运行 WordPress 需要的 PHP 和 Apache

不过,为了能够更简单的进行 WordPress 开发,建议读者使用 Laravel 的 Valet 组件来进行 WordPress 开发。

安装 homeBrew

Valet 需要 PHP 7 环境和 composer 来运行,同时还需要 homebrew 来安装依赖环境(Nginx、Ngrok、DNSmasq)。而 PHP 7 和 composer 环境也可以通过 homeBrew 来安装,所以在开始先来安装 homeBrew。

打开 LaunchPad,找到 终端 应用,在终端应用中粘贴如下命令,并回车。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

homeBrew 的安装需要 XCode Command Line 的支持,可以通过执行 xcode-select --install 来安装。

待命令执行完毕后,HomeBrew 就安装完成了。可以执行brew命令,查看系统返回,如果显示如下所示,则说明安装完成了。

 

图文教程 WordPress 的环境配置

 

安装 PHP 7 和 Composer

在终端内执行如下命令,来安装 PHP 7 执行环境:

brew tap homebrew/php # 添加 php 库brew update # 更新brew install php71 # 安装 php71

当 PHP 7 安装完成后,我们开始安装 Composer,在命令行中执行如下命令:

php -r "copy('https://install.phpcomposer.com/installer', 'composer-setup.php');"php composer-setup.php
php -r "unlink('composer-setup.php');"mv composer.phar /usr/local/bin/composer

通过上述的命令,把 Composer 安装到本地目录了。

将其移动到 /usr/local/bin/composer 主要是为了方便全局运行,这样我们就不用总是使用相对路径来调用 Composer 了。

 

图文教程 WordPress 的环境配置

 

安装完成后,我们要为 Composer 来配置国内镜像(受不可抗力因素影响,官方镜像下载速度缓慢)。

Composer 支持项目加速和全局加速,我们这里没有 Composer 项目,所以选择全局加速。在命令行中执行如下命令:

composer config -g repo.packagist composer https://packagist.phpcomposer.com

安装 Valet

在命令行中执行如下命令来安装 Valet:

composer global require laravel/valet
valet install

命令执行完成后,系统就成功帮助我们安装了 Valet 开发环境。

 

图文教程 WordPress 的环境配置

 

这时执行 ping gitchat.dev,可以看到返回的 IP 地址是 127.0.0.1,则说明环境配置成功。

 

图文教程 WordPress 的环境配置

 

配置 Valet

安装完 Valet,我们还要进行简单的配置,来更好的使用。

首先,来创建网站文件的目录:

mkdir -p ~/Developer/php #创建目录

然后,将这个目录设置为 Valet 的主目录:

cd ~/Developer/php # 进入目录valet park #配置 Valet

这样,在 PHP 目录下创建的任何一个文件夹,都可以通过 [文件夹名].dev 的域名进行访问。

安装 MySQL

WordPress 需要 MySQL 作为数据库,接下来我们来安装数据库。

brew install mysql

安装完成后,可以执行 brew services start mysql设置数据库的开机自启动。

 

图文教程 WordPress 的环境配置

 

可以执行cat ~/.mysql_secret来获取 mysql 默认的 root 用户的密码。这个密码稍后要用到,要记下来。

如果提示为No such file or directory,则说明 root 密码为空。

安装 WordPress

接下来,我们来安装 WordPress。

首先,创建目录,并下载 WordPress 的文件。

cd ~/Developer/php # 进入目标目录mkdir wordpress # 创建新的文件夹cd wordpress # 进入新的文件夹wget
https://wordpress.org/latest.zip
unzip latest.zip
mv wordpress/* ./

然后创建数据库:

mysql -uroot -p -e "create database wordpress"

执行命令后,输入密码并回车,就成功创建了数据库了。

 

图文教程 WordPress 的环境配置

 

在浏览器中打开 http://wordpress.dev/,就可以一步一步按部就班的安装了。

 

图文教程 WordPress 的环境配置

 

在输入数据库信息时,设置数据库名为 wordpress,用户名为root ,密码为上方我们获取到的密码。其他两项不同,单击“提交”按钮。

 

图文教程 WordPress 的环境配置

 

单击“进行安装”按钮,在新的页面中设置基本信息,并单击“安装 WordPress”按钮。

 

图文教程 WordPress 的环境配置

 

这样,我们的本地开发环境就部署完成了。

在 Windows 电脑上配置开发环境

相比于 Mac、Windows 的配置要简单很多,只需要安装一个软件即可 PHPStudy。

安装 PHPstudy

访问
http://phpstudy.net/download.html 下载页面,下载 PHPstudy。

我们使用 33MB 的解压版:

 

图文教程 WordPress 的环境配置

 

下载后,将得到的压缩包解压,执行其中的 exe 安装文件。

 

图文教程 WordPress 的环境配置

 

弹出的“确认”对话框,不做更改,直接单击“确认”按钮。

 

图文教程 WordPress 的环境配置

 

并在弹出初始化的对话框中单击 是 按钮。

可能会提示读者安装 VC9 运行库:

 

图文教程 WordPress 的环境配置

 

单击“确定”按钮,会引导我们到下载页面,下载对应的支持库,安装即可。

如果防火墙提示拦截 Apache 和 MySQL 时,允许即可。

安装 WordPress

配置完 WordPress 后,我们开始安装 WordPress。

 

图文教程 WordPress 的环境配置

 

右击托盘中的 phpstudy 图标,选择其中的网站根目录,就会进入到根目录,删除其中的 l.php 和 phpinfo.php。

打开浏览器,访问
https://wordpress.org/latest.zip ,可以下载到最新的安装包。下载完成后,将其解压,将解压出来的 WordPress 目录中的所有文件都复制,粘贴到我们刚刚打开的网站根目录。

打开
http://localhost/phpMyAdmin 使用用户名 root ,密码 root 登录。

登录后,单击上方的 tab 中的 SQL,输入如下代码,并单击“执行”按钮:

create database wordpress;

 

图文教程 WordPress 的环境配置

 

这样,我们就成功的创建了一个新的 WordPress 数据库。

接下来,在浏览器中打开 http://localhost 就可以安装了,安装数据库时用到的用户名和密码都是 root,数据库名为 wordpress 。其他安装步骤可以参考 Mac 开发环境配置的相关部分。

注意:请使用全新的虚拟主机来测试和部署。在生产环境中使用如下操作可能会导致数据丢失。

在 cPanel 上安装 WordPress

cPanel 是我们经常使用的一款虚拟主机面板,功能强大。如果购买了一些国外的主机商的虚拟主机,一般提供的都是 cPanel 。

在 cPanel 上快速安装 WordPress

有的主机的 cPanel 集成了 Softaculous 的安装工具,这样我们可以通过简单的配置来安装 WordPress。

可以登录你的 cPanel, 在其中寻找 Softaculous App Installer。

 

图文教程 WordPress 的环境配置

 

单击其中的 WordPress 会进入到安装界面。

 

图文教程 WordPress 的环境配置

 

填写其中的安装信息,点击最下方的安装:

 

图文教程 WordPress 的环境配置

 

稍等片刻,就安装成功了。

 

图文教程 WordPress 的环境配置

 

可以单击上面的管理员后台的链接,登录 WordPress 后台。

在 cPanel 中使用常规方法安装 WordPress

虽然快捷安装方便,但并不是每个主机商都会集成,所以我们再补充一个常规的安装方法。

下载 WordPress 安装包

访问
http://wordpress.org/latest.zip 即可下载到最新的 WordPress 安装包。

上传 WordPress 的安装包

打开 cPanel ,找到文件管理器:

 

图文教程 WordPress 的环境配置

 

在文件管理器中找到 public_html 目录,单击进入该目录。

 

图文教程 WordPress 的环境配置

 

进入该目录后,单击“上传”按钮:

 

图文教程 WordPress 的环境配置

 

在新的页面中选择我们刚刚下载的 latest.zip 文件,进行上传。

 

图文教程 WordPress 的环境配置

 

等待其上传成功后,就关掉这个页面。

删除成功后,会变成绿色的进度条。

回到文件管理器页面,单击“重新加载”按钮,就可以看到刚刚上传的文件了。

 

图文教程 WordPress 的环境配置

 

选中它,单击上方的“提取”按钮:

 

图文教程 WordPress 的环境配置

 

并在弹出的窗口中选择Extract File,稍等片刻,就解压成功了。

 

图文教程 WordPress 的环境配置

 

单击解压出来的 wordpress 文件夹,进入该文件夹。

勾选菜单栏中的“全选”复选框,再单击上方的“移动”按钮。

 

图文教程 WordPress 的环境配置

 

在弹出窗口中,将移动路径改为 /public_html,并单击Move File按钮。

这样我们就完成了 WordPress 文件上传了。

创建数据库

接下来回到 cPanel 管理界面,找到其中的 MySQL 数据库向导。点击进入向导。

 

图文教程 WordPress 的环境配置

 

分别输入数据库名、用户名和密码:

 

图文教程 WordPress 的环境配置

 

 

图文教程 WordPress 的环境配置

 

在选择权限时,勾选“所有权限”复选框:

 

图文教程 WordPress 的环境配置

 

然后单击“下一步”按钮,就可以看到添加成功的界面。

 

图文教程 WordPress 的环境配置

 

稍后安装 WordPress 时,就可以使用刚刚创建的数据库去安装 WordPress 了。

安装 WordPress

接下来,就可以访问你的虚拟主机绑定的域名去安装 WordPress 了。具体的安装部分,可以参考上方的 Mac 开发环境配置部分的相关内容。

总结

在上面的内容中,我们完成了本地开发环境的配置和以 cPanel 为例的虚拟主机的配置。如果有什么问题不清楚,可以在下方评论。如果后续觉得需要补充其他环境的配置说明,也可以在下方评论提问。



Tags:WordPress   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
在最近的一波攻击中,黑客利用多个插件中未修补的漏洞攻击了 160 万个 WordPress 网站。 易受攻击的插件对 WordPress 网站产生了的巨大攻击数据。 Wordfence 最近发现 WordPr...【详细内容】
2021-12-16  Tags: WordPress  点击:(9)  评论:(0)  加入收藏
说起 WordPress 优化加速来可以说是个经久不衰的话题了,包括明月自己都撰写发表了不少相关的文章。基本上到现在为止明月的 WordPress 优化方案已经固定成型了,那就是 WP Supe...【详细内容】
2021-11-02  Tags: WordPress  点击:(49)  评论:(0)  加入收藏
很多人在做了网站的搬家和网站的从新更换空间域名搬家之后,往往出现网站打不开的情况,这个问题其实并不难,但是很多新手站长因为不知道,导致在处理这类问题上花费了大量的时间。...【详细内容】
2021-08-17  Tags: WordPress  点击:(147)  评论:(0)  加入收藏
当访问者访问您的网站时,您只有几秒钟的时间来显示这个人正在寻找的信息,否则,他们只需点击浏览器的后退按钮,开始浏览器别的同类型的网站了。缓慢的WordPress网站会给您的访问...【详细内容】
2020-08-20  Tags: WordPress  点击:(112)  评论:(0)  加入收藏
WordPress 5.5如期而至,更新优化的主要三个领域:速度,搜索和安全。主要内容速度方面主要体现图片的加载优化上面,新版本采用了懒加载模式,在滚动到对应的位置,才会加载真实的图片...【详细内容】
2020-08-17  Tags: WordPress  点击:(97)  评论:(0)  加入收藏
【ALENG 自媒体】8月11日早间自媒体专稿,话说从2008年涉足独立博客至今,掐指一算,走独立博客这一行已经10多年了。10多年间,我的独立博客网站先后使用过早期的Z-blog博客系统,后...【详细内容】
2020-08-12  Tags: WordPress  点击:(114)  评论:(0)  加入收藏
安装好nginx、php、mysql之后,需要经过配置,才能使用起LNMP的环境。...【详细内容】
2020-08-06  Tags: WordPress  点击:(101)  评论:(0)  加入收藏
一台云服务器能做什么?上次介绍了薅腾讯云和阿里云两家厂商羊毛的方法和过程,那到手的云主机要干什么用呢?或者说,云主机有什么用?过了这么多年,"上云"这个说法好像并没有过时。简...【详细内容】
2020-08-04  Tags: WordPress  点击:(106)  评论:(0)  加入收藏
一般的大型网站系统,都依赖伪静态。如果服务器的伪静态没有配置好,访问部分链接就会出现 404 的情况。在 WordPress 则具体表现为后台“固定链接”选项设置失效。 下面就提供...【详细内容】
2020-07-04  Tags: WordPress  点击:(134)  评论:(0)  加入收藏
在本地的 Mac 电脑上配置开发环境安装 homeBrew安装 PHP 7 和 Composer安装 Valet配置 Valet安装 MySQL安装 WordPress在 Windows 电脑上配置开发环境安装 PHPstudy安装 Wor...【详细内容】
2020-06-20  Tags: WordPress  点击:(138)  评论:(0)  加入收藏
▌简易百科推荐
说起 WordPress 优化加速来可以说是个经久不衰的话题了,包括明月自己都撰写发表了不少相关的文章。基本上到现在为止明月的 WordPress 优化方案已经固定成型了,那就是 WP Supe...【详细内容】
2021-11-02  明月登楼    Tags:WordPress   点击:(49)  评论:(0)  加入收藏
很多人在做了网站的搬家和网站的从新更换空间域名搬家之后,往往出现网站打不开的情况,这个问题其实并不难,但是很多新手站长因为不知道,导致在处理这类问题上花费了大量的时间。...【详细内容】
2021-08-17  企飞资源    Tags:WordPress   点击:(147)  评论:(0)  加入收藏
当访问者访问您的网站时,您只有几秒钟的时间来显示这个人正在寻找的信息,否则,他们只需点击浏览器的后退按钮,开始浏览器别的同类型的网站了。缓慢的WordPress网站会给您的访问...【详细内容】
2020-08-20      Tags:wordpress   点击:(112)  评论:(0)  加入收藏
WordPress 5.5如期而至,更新优化的主要三个领域:速度,搜索和安全。主要内容速度方面主要体现图片的加载优化上面,新版本采用了懒加载模式,在滚动到对应的位置,才会加载真实的图片...【详细内容】
2020-08-17      Tags:Wordpress5.5   点击:(97)  评论:(0)  加入收藏
【ALENG 自媒体】8月11日早间自媒体专稿,话说从2008年涉足独立博客至今,掐指一算,走独立博客这一行已经10多年了。10多年间,我的独立博客网站先后使用过早期的Z-blog博客系统,后...【详细内容】
2020-08-12      Tags:WordPress   点击:(114)  评论:(0)  加入收藏
安装好nginx、php、mysql之后,需要经过配置,才能使用起LNMP的环境。...【详细内容】
2020-08-06      Tags:WordPress   点击:(101)  评论:(0)  加入收藏
一台云服务器能做什么?上次介绍了薅腾讯云和阿里云两家厂商羊毛的方法和过程,那到手的云主机要干什么用呢?或者说,云主机有什么用?过了这么多年,"上云"这个说法好像并没有过时。简...【详细内容】
2020-08-04      Tags:WordPress   点击:(106)  评论:(0)  加入收藏
一般的大型网站系统,都依赖伪静态。如果服务器的伪静态没有配置好,访问部分链接就会出现 404 的情况。在 WordPress 则具体表现为后台“固定链接”选项设置失效。 下面就提供...【详细内容】
2020-07-04      Tags:WordPress   点击:(134)  评论:(0)  加入收藏
在本地的 Mac 电脑上配置开发环境安装 homeBrew安装 PHP 7 和 Composer安装 Valet配置 Valet安装 MySQL安装 WordPress在 Windows 电脑上配置开发环境安装 PHPstudy安装 Wor...【详细内容】
2020-06-20      Tags:WordPress   点击:(138)  评论:(0)  加入收藏
操作场景WordPress 是一款使用 PHP 语言开发的博客平台,您可使用通过 WordPress 搭建属于个人的博客平台。本文以 CentOS 7.6 操作系统的腾讯云云服务器为例,手动搭建 WordPre...【详细内容】
2020-04-27      Tags:WordPress   点击:(100)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条