Wordpress插件与设计 - WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇) - 特色图片

WP教程 6 - 掌握文章创建和编辑的核心技巧(文本篇)

在上一篇文章中,简要地介绍了古腾堡编辑器的操作方式、区块功能和编辑页面的设置。

想必阅读过上一篇内容的话,应该对古腾堡编辑器的基本操作和使用方法有了一定的了解。

然而,了解并不等于掌握了该编辑器的使用方法。如果想要快速掌握编辑器的使用方法,那就需要多做编辑操作。

而多做编辑操作的最好方式就是创建和编辑文章。

1. 新建文章

要在古腾堡编辑器中创建新文章,有两种快捷方式。

一种是将鼠标悬停于WordPress仪表盘顶部的”+新建”按钮后,在弹出的下拉菜单中点击选择”文章”。

另一种方式是在仪表盘左侧的导航栏中点击导航栏中的”文章”按钮,然后在下拉菜单中再次点击”添加新文章”按钮即可

无论选择哪种方式,都将直接打开古腾堡编辑器界面。

2.编辑文章

进入编辑器后,首先在顶部的区块中填写文章标题。

古腾堡采用的是区块化的内容组织方式,标题、段落、图片等每个元素都是一个独立的区块。

2-1 复制和粘贴文本内容

如果你已经在其他写作应用或文档中准备好了文章内容,可以将其全选复制,粘贴到古腾堡编辑器内。

古腾堡编辑器会自动识别粘贴内容中的段落分隔,并为每个段落创建单独的区块,省去了手动划分段落的麻烦。

2-2 拆分和合并段落区块文本内容

在上图中,我使用AI生成了一篇童话故事。复制粘贴后,可以看到整个内容已分为四个段落。

如果你希望拆分文章以增强可读性,只需按照以下步骤操作。

首先,将鼠标移至你想拆分的位置,然后点击。接下来,按下Enter键,就可以将段落一分为二。

反之,如果你想将两个段落合并为一个,只需选择你想合并的段落的开头,然后按下键盘的Back Space键。

无论是拆分还是合并,你都可以对每个段落进行单独的编辑和设置格式。

2-3 使用区块工具栏

选中任意一个段落区块后,区块的顶部或者编辑页面的顶部会出现针对该区块类型的工具栏。

段落区块的工具栏提供了一些常用的格式选项。如调整位置,加粗,斜体,添加链接,移动位置,添加装饰等。

关于工具栏的详细说明请参考上一篇内容。《古腾堡编辑器完全指南:一步步成为WordPress编辑高手

2-4 使用区块控制面板

如果要对段落区块内的文本颜色,背景颜色,文字样式等具体设置的话,需要在区块的控制面板中进行。

点击任意一个段落区块后,再次点击顶部右上方的设置按钮的话,即可在编辑画面的右侧弹出区块控制面板。

在区块控制面板中,你可以设置文本颜色,背景颜色,以及文字样式。点击颜色或者排版右侧的”三个点”按钮的话,即可激活更多设置选项。

激活设置选项后,对备选的段落区块文本进行了设置。 下图是设置后的显示效果。

此外,在”高级”选项卡下,还可以为段落添加HTML锚点(anchor),这样在页面中设置指向该段落的链接,点击后,就可以直接链接到该段落。

如果您的WordPress主题自带段落级CSS样式,也可以在此处添加相应的CSS类名。

2-5 给文章添加段落标题

在阅读文章的时候,只有段落的话,而没有段落标题的话,读者就不知道文章的要点,结构,以及逻辑顺序。

所以,给文章添加段落标题是一个非常有效划分内容层级的方式。 优质的标题不仅能为读者提供视觉上的休息,也帮助搜索引擎更快地理解页面结构。

在古腾堡编辑器中,添加标题到段落之间非常简单。只需将鼠标移动至两个段落之间,你会看到一个 “+” 号按钮。点击这个 “+” 号按钮,会弹出一个功能区块快捷菜单。在这个菜单中找到并选择 “标题” 区块,就能将标题区块插入到两个段落之间。

如果在区块快捷菜单中找不到目标区块,您也可以点击下方的”浏览全部区块”,或者在顶部搜索条中输入区块名称进行快速搜索。

2-6 设置标题HTML属性

WordPress使用HTML中的H1至H6标签来定义标题级别。其中,H1通常作为页面主标题,H2作为一级子标题,H3作为二级子标题,以此类推。在古腾堡编辑器中,标题区块的工具栏提供了快速选择标题级别的下拉菜单。

如上图所示,我为文章添加了一个H2标题,一个H3标题,以及三个H4标题。这样一来,每段文本的关键内容得以突出,文章的结构也更加清晰,这对读者和搜索引擎都极其有利。

在设定标题HTML级别属性时,我们应当遵循内容的逻辑层次,而非依据所需的字体大小来选择。

原因在于,古腾堡编辑器本身并不直接控制标题的文字大小和字体样式,这些都由网站所使用的WordPress主题或建站工具来决定。换句话说,标题的视觉效果通常由主题的样式表(style.css)来定义。

总的来说,在古腾堡编辑器中,段落和标题是最常用的两种区块。只要掌握了以上介绍的几个要点,就能轻松创建出层次分明、结构严谨的文章主体内容。

3.要点总结

古腾堡编辑器通过其区块化的编辑方式,为WordPress用户提供了一个直观且功能丰富的文章创作环境。本文概述了如何使用古腾堡编辑器来创建和编辑文章,强调了编辑器的易用性和灵活性。

新建文章:用户可以通过WordPress仪表盘快速创建新文章,直接进入编辑器界面。

编辑文章:编辑器支持复制粘贴文本内容,并自动为每个段落创建独立的区块。用户可以通过简单的键盘操作来拆分或合并段落,以及使用工具栏和控制面板对文本进行格式化和样式设置。

段落标题:为文章添加适当的段落标题是划分内容层级的有效方法,有助于读者和搜索引擎理解文章结构。古腾堡编辑器简化了标题的添加和HTML属性的设置。

古腾堡编辑器的设计鼓励内容的模块化,使得文章的每个部分都可以独立编辑和格式化。这种方法不仅提高了编辑效率,还有助于维护一致的设计和格式。对于SEO而言,正确使用标题和段落可以显著提高文章的可发现性。

此外,编辑器的直观性使得用户无需深入了解HTML或CSS,就能创建出专业级别的文章。总之,古腾堡编辑器是一个强大的工具,它通过简化编辑过程,使得内容创作变得更加高效和愉悦。

用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}
副业时代 站内使用 图像内容 LOGO图像 4
fuyeshidai

做点副业,为生活加点料

相关 文章
Wordpress插件与设计 - Elementor 基础教程 28 - 菜单锚点小工具的设置和使用方法 - 特色图片
Elementor 基础教程 28 - 菜单锚点小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 7 - Slides小工具的设置和使用方法 - 特色图片
Elementor 专业教程 7 - Slides小工具的设置和使用方法
Wordpress插件与设计 - WP教程 5 - 古腾堡编辑器使用指南!逐步成为WordPress编辑专家 - 特色图片
WP教程 5 - 古腾堡编辑器使用指南!逐步成为WordPress编辑专家
Wordpress插件与设计 - Elementor 基础教程 12 - 图标框小工具的设置和使用方法 - 特色图片
Elementor 基础教程 12 - 图标框小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 29 - Video Playlist小工具的设置和使用方法 - 特色图片
Elementor 专业教程 29 - Video Playlist小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 19 - 证明小工具的设置和使用方法 - 特色图片
Elementor 基础教程 19 - 证明小工具的设置和使用方法
Wordpress插件与设计 - Elementor 专业教程 9 - Animated Headline小工具的设置和使用方法 - 特色图片
Elementor 专业教程 9 - Animated Headline小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 6 - 按钮小工具的设置和使用方法 - 特色图片
Elementor 基础教程 6 - 按钮小工具的设置和使用方法
Wordpress插件与设计 - Elementor 基础教程 21 - 手风琴小工具的设置和使用方法 - 特色图片
Elementor 基础教程 21 - 手风琴小工具的设置和使用方法
Wordpress插件与设计 - WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题 - 特色图片
WP教程 32 - 一文搞定WP设置功能!让设置不再是你的难题
快速 搜索
站长 推荐
副业时代 站内使用 推广图像 - PR-image.webp

Elementor

建站必备插件推荐
Elementor是一款WordPress平台上的可视化页面构建器插件,无需编程即可设计网页

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Astra Theme

建站主题推荐
Astra Theme是一个快速、轻量级且高度可定制的WordPress主题,适合各种网站

访问官网
副业时代 站内使用 推广图像 - PR-image.webp

Crocoblock

建站功能插件推荐
Crocoblock是一系列高功能的Elementor附加插件,用于创建动态内容和专业级网站

访问官网
副业时代 站内使用 elementor 免费教程 横板图像 - image-2.webp

Elementor Free Widget

Elementor 免费版小工具
是设计网页时所需的基础类工具。
大约包含30多个小工具

访问课程页
副业时代 站内使用 elementor 专业教程 横板图像 - image-2.webp

Elementor Pro Widget

Elementor 专业版小工具
是面向专业熟练用户的高级设计套件。
大约包含30多个小工具

访问课程页
已阅读 文章
您还没有阅读任何文章
AI Tools Post
AI工具与服务推荐 - LogoCreatorAI - AI标识设计工具 - 特色图片
LogoCreatorAI - 12种风格一键生成,轻松打造独特品牌标识
AI工具与服务推荐 - Revyu - AI评论管理工具 - 特色图片
Revyu - 电商品牌评论管理的专家,利用AI生成真实评论,有效提升店铺的转化率。
AI工具与服务推荐 - CSM - 3D生成AI平台 - 特色图片
CSM - 3D生成AI平台,将想象力变为现实
AI工具与服务推荐 - Otter - 智能英语语音转文字应用 - 特色图片
Otter - AI语音转文字助手,高效记录,助力语言学习
AI工具与服务推荐 - 语雀 - 在线文档编辑与协同工具 - 特色图片
Yuque - 高效优雅的知识管理方式,让文档协作与分享变得如此简单便捷!
AI工具与服务推荐 - Boomy - 在线音乐创作平台 - 特色图片
Boomy - AI音乐创作平台,零基础也能快速生成原创音乐佳作
Canva Post
Canva使用教程 - Canva 新手指南 3 - 无需编程!用Canva创建专业一页式网站的指南 - 特色图片
Canva新手指南3 - 无需编程!用Canva创建专业一页式网站的指南
Canva使用教程 - Canva 新手指南 6 - 无需专业软件!用Canva制作高质量动态视频 - 特色图片
Canva新手指南6 - 无需专业软件!用Canva制作高质量动态视频
Canva使用教程 - Canva 新手指南 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍! - 特色图片
Canva 使用教程 9 - 如何巧妙地利用建组功能,让你的设计效率翻倍!
Canva使用教程 - Canva 新手指南 8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级 - 特色图片
Canva新手指南8 - 提升设计效率!使用调整功能,轻松管理素材样式和层级
Canva使用教程 - Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘! - 特色图片
Canva 相关教程 1 - 未来的设计在这里!Canva「Magic Studio」AI工具包大揭秘!
Canva使用教程 - Canva 新手指南 5 - 掌握Docs的功能和技巧,使文档创作更简单! - 特色图片
Canva新手指南5 - 掌握Docs的功能和技巧,使文档创作更简单!
Smm Post
社媒运营推广 - Youtube - 从0到10万!12个实用技巧快速提升YouTube频道的订阅量 - 特色图片
从0到10万!12个实用技巧快速提升YouTube频道的订阅量
社媒运营推广 - Youtube - 一文读懂YouTube Premium会员权益!让你不再犹豫 - 特色图片
一文读懂YouTube Premium会员权益!让你不再犹豫
社媒运营推广 - Youtube - YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里! - 特色图片
YouTube频道交易的大揭秘:机遇还是陷阱?你需要知道的一切都在这里!
社媒运营推广 - Youtube - YouTube运营全攻略 从零到一打造你的油管频道 - 特色图片
YouTube运营全攻略:从零到一打造你的油管频道
社媒运营推广 - Youtube - 将爱好转为事业!通过YouTube频道赚钱的秘诀 - 特色图片
将爱好转为事业!通过YouTube频道赚钱的秘诀
社媒运营推广 - Youtube - 特色图片设计终极指南,打造吸睛的视频门面! - 特色图片
缩略图设计终极指南,打造吸睛的视频门面!
AI工具 分类筛选
AI Main Category checkbox