使用古腾堡来排版页面

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

图文排版

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Qubely古腾堡的神兵利器

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

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

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

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

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

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

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

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

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

确认无误后,点击发布,即发现,现在的首页已经是我们设计的啦。(如果觉得自己做的首页不好看,不设置,也没有关系,我们后面有机会还会讲更强大的网页编辑器,只需要简单的拖拽,就可以完成随心所欲的页面)

我做的页面感觉实在不好看,我给删了,用默认的页面

分类和标签

分类,即是把文章按照树形结构进行排列分组。可以对分类进行父子关系的组合。而标签,主要的目的是提取文章的核心关键词,以便搜索引擎索引。一篇文章的核心关键词不建议超过五个。

设置分类,建议别名使用英文,方便SEO

我这边按照我的编程计划,设置一些内容。完成类别的设置后,我们去自定义菜单,将分类作为菜单。

我们先创建一个主菜单。

在管理位置中,将菜单添加至页眉的菜单

这样,我们回到首页,便可以看见菜单已经配置到我们的主页面头部了。

我已经在菜单中,调整过想要展示菜单的顺序了。

页眉和页脚设置简介

关于页眉与页脚,这期只简要提到一下,不做深入讲解。我贴几张图,从左往右,大家去操作一下,即刻能明白其中的意思。比如页头,

页脚也这样,

我们可以对具体的内容进行编辑。比如对社交媒体进行编辑。

尾记

至此,一个基本的属于自己的博客网站,已经差不多设置完成了,剩下的功能,需要同学们自己去多折腾折腾。我自己在操作的过程中也一直再思考一个问题,要不要把博客的风格再升级的花里胡巧一些。后来都被我否定了。

对于我们核心的目的是写内容,存储内容,我想这样简简单单,用户看完内容就走。不去设置各种弹窗广告去骚扰。也不要添加过多的插件,避免影响网站的稳定性等问题。

然?就这?结束了?

No,这怎么可能。我的意思是说,作为一个博客网站的基本功能,现在已经具备了,我们需要花一些时间填充一些文章。直到我们遇到下一个问题。比如运营过程需要对SEO进行优化。对访问进行统计。需要表单对反馈信息进行收集等。甚至,我们需要销售一些自家的产品,等等。

既然我们的主线是电商,下一篇开始Woocommerce咯。

2021年Wordpress博客装修美化(二)的更多相关文章

  1. 2021年Wordpress博客搭建

    2021年WordPress博客搭建教程 这是一篇关于2021最新版的WP个人博客搭建教程.整篇文章会事无巨细的一步步讲述搭建博客的每一步. 0.前言 随着互联网和移动互联网的飞速发展,博客这一功能恍 ...

  2. 3步!完成WordPress博客迁移与重新部署

    本文来自于轻量应用服务器征文活动的用户投稿,已获得作者(昵称nstar)授权发布. 由于现有的服务器已经到期,并且活动已经取消,续费一个月145元比较贵,于是参加了阿里云的活动购买一台轻量应用服务器. ...

  3. 烂泥:使用nginx利用虚拟主机搭建WordPress博客

    本文由秀依林枫提供友情赞助,首发于烂泥行天下. 最近开始打算学习nginx web服务器,既然是学习还是以实用为目的的.我们在此以搭建WordPress博客为例. 搭建WordPress博客,我们需要 ...

  4. Coding.net代码托管空间申请与使用-安装并运行WordPress博客

    参考: http://www.freehao123.com/coding-net/ Coding.net这是一个国内新兴的代码托管平台,功能主要包括:代码托管.在线运行环境.监控代码质量,兼有一定的社 ...

  5. WordPress博客搭建与问题总结

      一.WordPress博客搭建 1.安装Apache web服务器 yum install -y httpd systemctl restart httpd systemctl enable ht ...

  6. LNMP环境搭建之php安装,wordpress博客搭建

    LNMP环境搭建之php安装,wordpress博客搭建 一.介绍: 1.什么是CGI CGI全称是"通用网关接口"(Common Gateway Interface),HTTP服 ...

  7. LNMP环境搭建wordpress博客及伪静态

    WordPress是使用PHP语言开发的博客平台,是一款开源的软件,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站.也可以把 WordPress当作一个内容管理系统(CMS)来使用 ...

  8. 搭建WordPress博客程序库

    搭建WordPress博客程序库 wordpress简介 wordpress是一套利用PHP语言和Mysql数据库开发的开源免费的Blog(博客,网站)程序,用户可以在支持PHP环境和Mysql数据库 ...

  9. 博客圆美化主题推荐之Slience

    博客圆美化主题推荐之Slience 一.前言 本博客美化主题作者为:Esofar,本文仅在教导如何快速把该美化主题应用到自己的博客中,详细部署内容见Silence - 专注于阅读的博客园主题. 二.博 ...

随机推荐

  1. .NET之生成数据库全流程

    开篇语 本文主要是回顾下从项目创建到生成数据到数据库(代码优先)的全部过程.采用EFCore作为ORM框架. 本次示例环境:vs2019.net5.mysql 创建项目 本次事例代码是用过vs2019 ...

  2. 有趣的css—简单的下雨效果2.0版

    简单的下雨效果2.0版 前言 笔者上一篇发布的文章有趣的css-简单的下雨效果中有位老哥给我提了一个很棒的建议,大致意思是波纹应该产生于雨滴的消失处. 这是按照老哥的建议完善后的效果图: 由于我制作G ...

  3. Java中Stream流相关介绍

    什么是Stream? Stream是JDK8 API的新成员,它允许以声明性方式处理数据集合 特点 代码简洁: 函数式编程写出的代码简洁且意图明确,使用stream接口让你从此告别for循环 多核友好 ...

  4. 29.Map,可变参数

    1.Map集合 1.1Map集合概述和特点[理解] 单列集合一次存一个元素 双列集合一次存两个元素 键:不能重复的        值:可以重复的 Map集合概述 interface Map<K, ...

  5. [Java] 数据分析 -- 回归分析

    线性回归 需求:从文件读取数据对,计算回归函数及系数 实现1:commons.math的SimpleRegression,定义函数getData从文件读取数据返回SimpleRegression类 1 ...

  6. 查看 swappiness 值

    Swap的使用频率  发表于 2017-06-02 |  分类于 Linux |  评论数: 通过调整swappiness的值, 可以调整系统使用 swap 的频率 该值越小, 表示越大限度的使用物理 ...

  7. 从CentOS7默认安装的/home中转移空间到根目录/ - LVM操作简明教程

    一.基础概念 Cent0S 7默认启用LVM2(Logical Volume Manager),把机器的一块硬盘分为两个区sda1和sda2,其中分区sda1作为系统盘/boot挂载,少量空间:sda ...

  8. 9.11 strace:跟踪进程的系统调用 、ltrace:跟踪进程调用库函数

    strace 是Linux环境下的一款程序调试工具,用于检查一个应用程序所使用的系统调用以及它所接收的系统信息.strace会追踪程序运行时的整个生命周期,输出每一个系统调用的名字.参数.返回值和执行 ...

  9. C语言编译器开发之旅(一):词法分析扫描器

    本节我们先从一个简易的可以识别四则运算和整数值的词法分析扫描器开始.它实现的功能也很简单,就是读取我们给定的文件,并识别出文件中的token将其输出. 这个简易的扫描器支持的词法元素只有五个: 四个基 ...

  10. grasshopper | 通过图层引用线条 报错:“ Data conversion failed from Guid to Curve ”的避免方法

    需求:通过 LunchBox - > layer reference 电池 可以快速选中图层所在的线条,但是选择的数据流错误 直接选择会报错--"Data conversion fai ...