wordpress博客页面
2021年WordPress博客装修美化（一）
2021年Wordpress博客装修美化（一）
2021年WP博客Blocksy主题安装和基础配置
接上篇，2021年Wordpress博客搭建 ,关于搭建WP的步骤，基本上都已经讲了。看完后，照着操作可以快速地搭建一个高可维护性地属于自己的博客。万里长征，我们才完成一小小步，依然是微不足道的一步，后面对博客的安全管理，内容管理，图文排版，才是我们的重头戏。
前言一切照旧，在教程的开始，容我先废话几句。WP的功能，远不止记录一个博客那么简单，通过一定的优化，可以支撑数千万流量的订单流水。也可以做一个复杂商业网站，甚至不需要写一行代码。只需要对主题插件页面进行元素的拖拽和样式的微调就可以完成。如果对自建站感兴趣的同学，可以认真来看下我接下来的内容，搭建一个小小的博客，对WP来说，发展到现在，真的是有点大材小用是也。
长时间以来，我一直以为从百度上搜索出来的WP个人网站，是WP的平均水平。直到我发现国际上的WP已经发展成了一个新高度，我才豁然明白，是我错了，没能跟上时代，为了把最新的WP科技展现给大家，我决心写一个WP系列相关的文章，未来还会出相关视频。我一口气开通近二十家各类媒体平台，计划将所有我知道的知识进行免费分享，写得好的文章，希望大家能多多转载。写得不好的地方，希望大家能在评论中指出，一起进步。
好了，言归正传。这篇文章主要讲述WP的一些基本需要注意到的配置，和Blocksy主题的基本安装配置，以及过程中涉及到的插件安装及使用。
Blocksy主题安装为什么要用Blocksy主题？在主题森林中，售卖着数万套主题方案，他们有开发人员开发的，有设计人员开发，有专业公司开发的，也有WP爱好者开发的。他们形式大体相同，但是在使用细节上却又有着多多少少的缺陷，要么用起来不爽，要么费用高昂。结合着我们的选题，只需要一个博客内容的美化展示，所以就不那么费周折了。Blocksy主题的免费版本已经足够使用了。安装主题
进入我们的博客后台管理页面，如图，
点击安装主题后，搜索 Blocksy ，只有一个结果，
安装完成后，即可立即启用。
回到后台主页，会有一条提示：
点击 Install Blocksy Companion，人家插件强烈推荐了，我们还是安装一下的好，虽然说不安装也能用。
安装完成后，刷新一下页面，点击激活。如下，
直接跳过就行了。好奇的话，也可以随便看看。
至此，主题就安装完成了。此时直接打开主域名页面，即可看到，
现在页面上一下子干净了。先让我们回到后台管理页面，检查和设置一些必要的配置。
基础配置检查1，时间配置，避免时区问题导致文章发布的时间不对。做外贸SEO的同学，可以根据当地时间进行调整。
2，固定链接是必须要设置的。对SEO影响甚大。
3，访问404的配置。如果不出意外，现在访问任何页面都是404，是因为Nginx中确实对php的定向配置。现在，我们去解决这个问题。
登录宝塔面板，按照如下4个步骤。
代码为，
if (-f $request_filename/index.php){ rewrite (.*) $1/index.php;}if (!-f $request_filename){ rewrite (.*) /index.php;}
保存完成后，即可看到页面，
等等，我们貌似又发现一个小细节，浏览器的icon还是默认的，顺手配置一下呗。
4，设置头像与网站icon
在个人资料中，他现在只有一个必须从Gravatar中添加头像，不能从媒体题库中选择。是不是感觉很讨厌，很不人性化，我要追求个性化，不需要搞神马头像认证的。
现在，我们就安装一款插件，让他可以媒体库加载图片。去插件选项中，搜索User Profile Picture，如图：
使用图中指向的哪一款。点击安装后激活。再回到头像，就可以看到，现在多了一个选项，我们去选择上传图片即可。
现在可以从媒体库添加头像了。如果你在编辑头像的时候，像下面这样，遇到裁剪无法保存的话，请不要担心。
我查阅了他们的官方文档，找到了一个issue，图片裁剪问题，他们不认为这是个问题，解决办法是再按一次裁剪，。
裁剪的时候，作为头像，可以将长宽比设置为1：1，调整好角度后，再按一次裁剪（这真的不是一个友好的体验，希望他们能改进）
此时再去保存即可。别忘了右侧的“更新”按钮，否则不会生效。操作完成后，我们再看看效果，
接下来，我们设置站点图标。回到后台首页，看到那个最大最亮的按钮，自定义您的站点，接下来进入，
可以点击那个太阳图标来改变左侧栏的样式。点击站点身份即进入站点图标的设置，在这儿可以改变站点标题，副标题。快去找一个简单的图标放上去吧。完成后，记得点击发布哦~
好了，到现在为止，主题安装好了，最基础的设置，基本上都有了，后面更高级的设置，都是需要内容来填充。接下来我们开始讲解最重要的部分，WP自带的页面可视化编辑器古腾堡的使用。用好他，可以让我们的文章很轻松地排出漂亮，个性化版面。
下期见，别忘了关注我哦~
2021年Wordpress博客装修美化（二）
使用古腾堡来排版页面废话不多说，我们直接开始吧，今天主要来聊聊如何使用Wordpress自带的可视化页面编辑器。我相信只有驾驭最基础的可视化排版，后面才能对高级版本的扩展可视化编辑器elementor有着更深刻的理解。
图文排版1，登录WP后台管理页，找到文章，去添加一个文章。如图（我把之前的示例清空了），
添加之后，列表会出现在下面。
进入添加文章之后，先把标题添加上，固定链接，最好自己设置，方便SEO，分类的话，我这边先写个案例。以方便演示，后面会讲分类的设置。设置完成后，我们可以先点击一下保存草稿。WP默认也会实时地保存。
下面为了避免版权问题，我们先去找一个神器，[狗屁不通文章生成器]，随机生成一篇文章。生成好文章后，按照下面的方式添加进去
也可以按左侧的添加板块，将需要的板块拖拽到内容区域。
我们可以直接从左侧操作栏拖拽一个图片放在文档的开头。图片可以来自URL，也可以媒体库。
如果我们需要添加图片与文字的组合，我们可以使用列，
在文章的任意地方，我们可以添加一个列，根据需要，来进行对列的选择。比如，我们选择7/3分。
我们在第一列选择图片，第二列选择文字，
其实这样的多列看起来总是缺乏很多的违和感，我们还可以用古腾堡提供的媒体图文块，
调整一些排版，就可以像这样。
就这样，看起来就像杂志的排版。下面，我们来组多图插入，做一个画廊，
直接拖拽过来，从媒体库选择一组图片。古腾堡会自动进行图片排版。
最后，我们来为文章插一个封面，
发布一下，我们回到博客主页看看，
好了，到现在为止，图文排版差不多就这样了。还有更多的板块，同学们可以自由去发挥，比如插入视频，图表，子标题，链接到别的网站等内容。
Qubely古腾堡的神兵利器去插件下载一个qubely，完成安装激活。我们只需要使用其免费功能即可。
激活后，我们来添加一个主页，作为我们打开博客页面的门面。如下图
此时，我们打开主页进行编辑，发现很多高级块，可以随意拖拽到内容区体验下。
我们现在可以拖拽一个图片过去，并更改页面模板，为全宽（Qubely Full Width），如下，
我们选中图片区块，在右侧的操作栏，可以看到区块的样式，并从此处去选择媒体库中的图片，
这里只是一个示例，现在我们可以把图片删掉，添加一个行块，来增加更复杂的组块。如下图，
我们可以在高级你们设置内边距，外边距等。我们也可以为行块添加一个背景图片，使其更有层次感。照着自己的感觉去调整。
调整完成后，我们可以直接把我们刚才的文章，添加到我们的首页，
根据自己的需要，完成一些调整设置后，我们点击发布。发布完成后，我们可以去自定义网站，将该页面设置为我们的网站首页。步骤如下，
确认无误后，点击发布，即发现，现在的首页已经是我们设计的啦。（如果觉得自己做的首页不好看，不设置，也没有关系，我们后面有机会还会讲更强大的网页编辑器，只需要简单地拖拽，就可以完成随心所欲的页面）
我做的页面感觉实在不好看，我给删了，用默认的页面
分类和标签分类，即是把文章按照树形结构进行排列分组。可以对分类进行父子关系的组合。而标签，主要的目的是提取文章的核心关键词，以便搜索引擎索引。一篇文章的核心关键词不建议超过五个。
设置分类，建议别名使用英文，方便SEO
我这边按照我的编程计划，设置一些内容。完成类别的设置后，我们去自定义菜单，将分类作为菜单。
我们先创建一个主菜单。
在管理位置中，将菜单添加至页眉的菜单
这样，我们回到首页，便可以看见菜单已经配置到我们的主页面头部了。
我已经在菜单中，调整过想要展示菜单的顺序了。
页眉和页脚设置简介关于页眉与页脚，这期只简要提到一下，不做深入讲解。我贴几张图，从左往右，大家去操作一下，即刻能明白其中的意思。比如页头，
页脚也这样，
我们可以对具体的内容进行编辑。比如对社交媒体进行编辑。
尾记至此，一个基本的属于自己的博客网站，已经差不多设置完成了，剩下的功能，需要同学们自己去多折腾折腾。我自己在操作的过程中也一直再思考一个问题，要不要把博客的风格再升级的花里胡巧一些。后来都被我否定了。
对于我们核心的目的是写内容，存储内容，我想这样简简单单，用户看完内容就走。不去设置各种弹窗广告去骚扰。也不要添加过多的插件,避免影响网站的稳定性等问题。
然？就这？结束了？
No，这怎么可能。我的意思是说，作为一个博客网站的基本功能，现在已经具备了，我们需要花一些时间填充一些文章。直到我们遇到下一个问题。比如运营过程需要对SEO进行优化。对访问进行统计。需要表单对反馈信息进行收集等。甚至，我们需要销售一些自家的产品，等等。
既然我们的主线是电商，下一篇开始Woocommerce咯。