WordPress - 学习/实践

蔚落 2022-12-01 14:01 115阅读 0赞

1.应用场景

<table> 
 <tbody> 
 <tr> 
 <td>学习使用wordpress进行快速建站，以及由此带来的一定收获/收益.</td> 
 </tr> 
 </tbody> 
</table>

2.学习/操作

<table> 
 <tbody> 
 <tr> 
 <td> 1.介绍 <a href="https://zh.wikipedia.org/wiki/WordPress" rel="nofollow">https://zh.wikipedia.org/wiki/WordPress</a>&nbsp; &nbsp;--- 维基百科 <a href="https://baike.baidu.com/item/WordPress/450615?fr=aladdin" rel="nofollow">https://baike.baidu.com/item/WordPress/450615?fr=aladdin</a>&nbsp; --- 百度百科 2.资料 <a href="https://wordpress.org/" rel="nofollow">https://wordpress.org/</a>&nbsp; //官网 <a href="https://cn.wordpress.org/" rel="nofollow">https://cn.wordpress.org/</a>&nbsp; //中文网 <a href="https://www.zhihu.com/topic/19560416/hot" rel="nofollow">https://www.zhihu.com/topic/19560416/hot</a>&nbsp; //知乎 -&nbsp;Wordpress <a href="https://www.zhihu.com/question/21219196" rel="nofollow">https://www.zhihu.com/question/21219196</a>&nbsp; //知乎 -&nbsp;如何正确学习wordpress？ <a href="https://zhuanlan.zhihu.com/p/34254509" rel="nofollow">https://zhuanlan.zhihu.com/p/34254509</a>&nbsp; //知乎 -&nbsp;WordPress新手入门教程 3.实践 环境：phpstudy Windows 10 1. 下载wordpress <a href="https://cn.wordpress.org/download/#download-install" rel="nofollow">https://cn.wordpress.org/download/#download-install</a> 2. 解压并将项目文件放到web服务器根目录下，同时配置虚拟域名 <img alt="" height="730" src="https://img-blog.csdnimg.cn/20210624203114902.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="990"> <img alt="" height="783" src="https://img-blog.csdnimg.cn/20210624204209745.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="995"> <img alt="" height="792" src="https://img-blog.csdnimg.cn/20210624203255659.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1017"> 这里使用的https【phpstudy自带的开发者测试证书】 <img alt="" height="778" src="https://img-blog.csdnimg.cn/20210624204308331.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="994"> 3. 浏览器中访问域名即可 <a href="https://wordpress.test/" rel="nofollow">https://wordpress.test/</a>&nbsp; // 可能会提示， 不安全，点击 高级--&gt; 继续访问即可 出现如下 开始页面 <img alt="" height="750" src="https://img-blog.csdnimg.cn/20210624204345365.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 看要求，要准备数据库相关信息, 这里已经准备妥当 
 <ol> 
 <li>数据库名 --&gt; wordpress // 需要去创建该数据库</li> 
 <li>数据库用户名 --&gt; root // 不推荐，但是这里只是开发环境，无所谓了</li> 
 <li>数据库密码 --&gt;&nbsp;Nxf2020</li> 
 <li>数据库主机 --&gt; 127.0.0.1 或者&nbsp;localhost</li> 
 <li>数据表前缀（table prefix，特别是当您要在一个数据库中安装多个WordPress时）--&gt; wp_&nbsp;</li> 
 </ol><img alt="" height="484" src="https://img-blog.csdnimg.cn/20210624205034376.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="567"> 4.&nbsp;点击 ‘现在就开始’，出现出现页面[已经输入相关信息]<img alt="" height="741" src="https://img-blog.csdnimg.cn/20210624204922728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 点击 ‘提交’，出现如下界面，说明目前进行正常，也都是很平常的操作 <img alt="" height="416" src="https://img-blog.csdnimg.cn/20210624205118592.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 5. 点击 运行安装程序 出现如下界面[已经输入信息] // 这里建议密码不使用默认生成的，毕竟太难记了，而且这里是开发测试环境 <img alt="" height="1009" src="https://img-blog.csdnimg.cn/20210624203734244.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 6. 点击 '安装WordPress'<img alt="" height="642" src="https://img-blog.csdnimg.cn/20210624205844267.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 7.点击 ‘登录’ <img alt="" height="854" src="https://img-blog.csdnimg.cn/20210624210022608.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 然后跳转到该页面 <img alt="" height="1040" src="https://img-blog.csdnimg.cn/20210624210057256.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 接下来就是word press的后台管理使用~~ Docker 构建方式 --- 推荐 文档参考：&nbsp;<a href="https://docs.docker.com/samples/wordpress/" rel="nofollow">https://docs.docker.com/samples/wordpress/</a> 项目代码：&nbsp;<a href="https://gitee.com/william_ning/docker-wordpress-pickup" rel="nofollow">https://gitee.com/william_ning/docker-wordpress-pickup</a> 过程更加简单，直接新建一个项目目录，新建docker-compose.yml文件，内容如下即可 
 <blockquote> 
 version: "3.9" 
 services: &nbsp; db: &nbsp; &nbsp; image: mysql:5.7 &nbsp; &nbsp; volumes: &nbsp; &nbsp; &nbsp; - db_data:/var/lib/mysql &nbsp; &nbsp; restart: always &nbsp; &nbsp; environment: &nbsp; &nbsp; &nbsp; MYSQL_ROOT_PASSWORD: somewordpress &nbsp; &nbsp; &nbsp; MYSQL_DATABASE: wordpress &nbsp; &nbsp; &nbsp; MYSQL_USER: wordpress &nbsp; &nbsp; &nbsp; MYSQL_PASSWORD: wordpress &nbsp; &nbsp;&nbsp; &nbsp; wordpress: &nbsp; &nbsp; depends_on: &nbsp; &nbsp; &nbsp; - db &nbsp; &nbsp; image: wordpress:latest &nbsp; &nbsp; volumes: &nbsp; &nbsp; &nbsp; - wordpress_data:/var/www/html &nbsp; &nbsp; ports: &nbsp; &nbsp; &nbsp; - "8000:80" &nbsp; &nbsp; restart: always &nbsp; &nbsp; environment: &nbsp; &nbsp; &nbsp; WORDPRESS_DB_HOST: db:3306 &nbsp; &nbsp; &nbsp; WORDPRESS_DB_USER: wordpress &nbsp; &nbsp; &nbsp; WORDPRESS_DB_PASSWORD: wordpress &nbsp; &nbsp; &nbsp; WORDPRESS_DB_NAME: wordpress volumes: &nbsp; db_data: {} &nbsp; wordpress_data: {} &nbsp; 
 </blockquote> 拉取镜像， 实例化容器 
 <blockquote> 
 docker-compose up -d 
 </blockquote> <img alt="" height="764" src="https://img-blog.csdnimg.cn/20210626175323684.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="593"> <img alt="" height="384" src="https://img-blog.csdnimg.cn/20210626175026228.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 此时，已经完成环境搭建～ 接下来就是安装 浏览器打开&nbsp;<a href="http://localhost:8000/" rel="nofollow">http://localhost:8000</a>&nbsp;[会自行跳到<a href="http://localhost:8000/wp-admin/install.php" rel="nofollow">http://localhost:8000/wp-admin/install.php</a>] 出现安装页面，于是跟上面都是一样的～ <img alt="" height="824" src="https://img-blog.csdnimg.cn/20210626175526383.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="595"> ------------------------------------------------------------------我是分割线--------------------------------------------------------------- 20210627 周日 家里 总之，服务器个人blog部署完毕，搭建完毕，可以发blog了 <img alt="" height="1200" src="https://img-blog.csdnimg.cn/20210627195739217.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 然后又换成了这样 <img alt="" height="1200" src="https://img-blog.csdnimg.cn/20210627201944552.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 后续补充 ... </td> 
 </tr> 
 </tbody> 
</table>

3.问题/补充

<table> 
 <tbody> 
 <tr> 
 <td> 1. 其中关于配置备案版权信息 
 <blockquote> 
 外观--》主题编辑器--〉主题文件--》主题页脚footer.php 
 </blockquote> <img alt="" height="971" src="https://img-blog.csdnimg.cn/20210627165332921.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> 然后更新文件 浏览器打开浏览：&nbsp;<a href="http://ningxiaofa.top/" rel="nofollow">http://ningxiaofa.top/</a> <img alt="" height="77" src="https://img-blog.csdnimg.cn/20210627144208167.png" width="572"> 正常修改显示～ 2. 替换自定义的favicon小图标，如下所示： <img alt="" height="651" src="https://img-blog.csdnimg.cn/20210627200818729.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="508"> </td> 
 </tr> 
 </tbody> 
</table>

4.参考

<table> 
 <tbody> 
 <tr> 
 <td> <a href="https://zh.wikipedia.org/wiki/WordPress" rel="nofollow">https://zh.wikipedia.org/wiki/WordPress</a>&nbsp; &nbsp;--- 维基百科 <a href="https://baike.baidu.com/item/WordPress/450615?fr=aladdin" rel="nofollow">https://baike.baidu.com/item/WordPress/450615?fr=aladdin</a>&nbsp; --- 百度百科 <a href="https://wordpress.org/" rel="nofollow">https://wordpress.org/</a>&nbsp; //官网 <a href="https://cn.wordpress.org/" rel="nofollow">https://cn.wordpress.org/</a>&nbsp; //中文网 <a href="https://www.zhihu.com/topic/19560416/hot" rel="nofollow">https://www.zhihu.com/topic/19560416/hot</a>&nbsp; //知乎 -&nbsp;Wordpress <a href="https://www.zhihu.com/question/21219196" rel="nofollow">https://www.zhihu.com/question/21219196</a>&nbsp; //知乎 -&nbsp;如何正确学习wordpress？ <a href="https://zhuanlan.zhihu.com/p/34254509" rel="nofollow">https://zhuanlan.zhihu.com/p/34254509</a>&nbsp; //知乎 -&nbsp;WordPress新手入门教程 </td> 
 </tr> 
 </tbody> 
</table>

后续补充

...