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

使用古腾堡来排版页面

废话不多说,我们直接开始吧,今天主要来聊聊如何使用Wordpress自带的可视化页面编辑器。我相信只有驾驭最基础的可视化排版,后面才能对高级版本的扩展可视化编辑器elementor有着更深刻的理解。

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

图文排版

1,登录WP后台管理页,找到文章,去添加一个文章。如图(我把之前的示例清空了),

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

添加之后,列表会出现在下面。

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

进入添加文章之后,先把标题添加上,固定链接,最好自己设置,方便SEO,分类的话,我这边先写个案例。以方便演示,后面会讲分类的设置。设置完成后,我们可以先点击一下保存草稿。WP默认也会实时的保存。

下面为了避免版权问题,我们先去找一个神器,[狗屁不通文章生成器],随机生成一篇文章。生成好文章后,按照下面的方式添加进去

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

也可以按左侧的添加板块,将需要的板块拖拽到内容区域。

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

我们可以直接从左侧操作栏拖拽一个图片放在文档的开头。图片可以来自URL,也可以媒体库。

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

如果我们需要添加图片与文字的组合,我们可以使用列,

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

在文章的任意地方,我们可以添加一个列,根据需要,来进行对列的选择。比如,我们选择7/3分。

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

我们在第一列选择图片,第二列选择文字,

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

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

其实这样的多列看起来总是缺乏很多的违和感,我们还可以用古腾堡提供的媒体图文块,

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

调整一些排版,就可以像这样。

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

就这样,看起来就像杂志的排版。下面,我们来组多图插入,做一个画廊,

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

直接拖拽过来,从媒体库选择一组图片。古腾堡会自动进行图片排版。

最后,我们来为文章插一个封面,

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

发布一下,我们回到博客主页看看,

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

好了,到现在为止,图文排版差不多就这样了。还有更多的板块,同学们可以自由去发挥,比如插入视频,图表,子标题,链接到别的网站等内容。

Qubely古腾堡的神兵利器

去插件下载一个qubely,完成安装激活。我们只需要使用其免费功能即可。

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

激活后,我们来添加一个主页,作为我们打开博客页面的门面。如下图

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

此时,我们打开主页进行编辑,发现很多高级块,可以随意拖拽到内容区体验下。

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

我们现在可以拖拽一个图片过去,并更改页面模板,为全宽(Qubely Full Width),如下,

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

我们选中图片区块,在右侧的操作栏,可以看到区块的样式,并从此处去选择媒体库中的图片,

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

这里只是一个示例,现在我们可以把图片删掉,添加一个行块,来增加更复杂的组块。如下图,

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

我们可以在高级你们设置内边距,外边距等。我们也可以为行块添加一个背景图片,使其更有层次感。照着自己的感觉去调整。

调整完成后,我们可以直接把我们刚才的文章,添加到我们的首页,

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

根据自己的需要,完成一些调整设置后,我们点击发布。发布完成后,我们可以去自定义网站,将该页面设置为我们的网站首页。步骤如下,

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyjywy.html