当前位置: 首页 > 后端技术 > PHP

2021年Wordpress博客装修美化(二)

时间:2023-03-29 18:21:32 PHP

使用Gutenberg排版页面废话不多说,直接开始吧。今天我们主要说说如何使用Wordpress自带的可视化页面编辑器。相信只有掌握了最基本的可视化布局,才能对以后的扩展可视化编辑器elementor进阶版有更深入的了解。图文排版1、登录WP后台管理页面,找到文章,添加文章。如图(我清除了前面的例子),添加后,下面会出现列表。添加文章后,首先添加标题和永久链接。最好自己设置,方便SEO。如果是机密,我会先写个案例。为了演示方便,后面会讲到分类设置。设置完成后,我们可以先点击保存草稿。WP也会默认实时保存。接下来,为了避免版权问题,我们先找一个神器【BullshitArticleGenerator】,随机生成一篇文章。文章生成后,按以下方式添加,也可以按左侧的添加栏目,将需要的栏目拖到内容区。我们可以直接从左侧操作栏中拖出一张图片,放在文档的开头。图像可以来自URL或媒体库。如果我们需要添加图片和文字的组合,我们可以使用栏目,在文章的任何地方,我们都可以添加栏目,并根据需要选择栏目。例如,我们选择7/3分。我们在第一列中选??择图片,在第二列中选择文本。事实上,这样的多个栏目,总是显得缺少很多不和谐感。我们也可以使用古腾堡提供的媒体图形块,调整一些布局。像这样。就是这样,它看起来像杂志排版。接下来我们把多张图片插入一组,做成图库,直接拖拽,从媒体库中选择一组图片。古腾堡自动布局图像。最后,给文章插个封面,发表一下,回博客首页看看。好了,至此,图形排版差不多就是这样了。版块比较多,同学们可以自由发挥,比如插入视频、图表、字幕、其他网站的链接等等。Qubely古腾堡法宝去插件下载一个qubely,完成安装激活。我们只需要使用它的免费功能。激活后,我们添加一个首页作为我们打开博客页面的门面。如下图,我们打开首页进行编辑,发现有很多高级块,可以拖放到内容区进行体验。我们现在可以拖一个图片过来,把页面模板改成全宽(QubelyFullWidth),如下,我们选中图片块,在右边的操作栏中,可以看到块的样式,以及从这里开始选择媒体库中的图片,这里只是一个例子,现在我们可以删除图片,添加行块,添加更复杂的组块。如下图所示,我们可以在高级设置内边距、外边距等。我们还可以在行块中添加背景图片,使其更有层次感。根据您的感觉进行调整。调整完成后,我们就可以直接把刚才做的文章添加到首页,根据自己的需要完成一些调整设置后,点击发布。发布完成后,我们就可以去定制网站,将这个页面设置为我们网站的首页。步骤如下。确认无误后点击发布,您会发现当前的首页已经由我们设计完成。(如果觉得自己做的首页不好看,不设置也没关系,后面会讲到更强大的网页编辑器,简单的就可以完成任何你想要的页面draganddrop.)自己做的页面感觉真的很难看,删掉了,使用默认的页面分类和标签分类,也就是把文章按照树状结构进行排列和分组。分类可以在父子关系中组合。标签的主要作用是提取文章的核心关键词,供搜索引擎收录。一篇文章的核心关键词不建议超过五个。设置类别,别名建议使用英文,方便SEO。我根据我的编程计划设置了一些内容。完成类别的设置后,我们去自定义菜单,将类别作为菜单。让我们先创建一个主菜单。在管理位置,将菜单添加到表头的菜单中。这样当我们回到首页的时候,我们可以看到我们的主页面的header中已经配置好了菜单。我已经调整了我想在菜单中显示菜单的顺序。页眉页脚设置介绍关于页眉和页脚,本期只简单提一下,不做深入讲解。贴几张图,从左到右,大家可以操作一下,马上就明白意思了。比如页眉和页脚是一样的,我们可以编辑具体的内容。就像编辑社交媒体一样。Endnote至此,一个属于自己的基础博客站点已经搭建的差不多了,剩下的功能就需要同学们自己去摆弄了。我自己在运营的过程中一直在思考另外一个问题,要不要把博客的风格升级得更花哨一些。我后来被拒绝了。对于我们的核心目的是编写和存储内容,我认为很简单,用户阅读内容后就离开了。不要设置各种弹窗广告骚扰。不要添加太多插件,以免出现影响网站稳定性等问题。当然?就是这样?结束了?不对,这怎么可能。我的意思是,一个博客站点的基本功能已经具备了,我们需要花一些时间来填充一些文章。直到我们遇到下一个问题。例如,操作流程需要针对SEO进行优化。计算访问量。需要表格收集反馈信息等。甚至,我们需要销售一些我们自己的产品等等。由于我们的主线是电商,所以下一篇就从Woocommerce说起。