logo

WordPress基础之内容管理

2024 年 6 月 9 日   作者:倚栏听风

本文最后更新于2025 年 2 月 6 日,其中的信息可能已经有所发展或是发生改变,若失效请联系站长更新,谢谢!

WordPress内容管理是重点部分,本篇教程将详细讲解WordPress如何发布文章、页面、媒体内容及其注意事项;古腾堡编辑器的使用;文章分类和标签的使用。

内容管理可以分为文章与页面管理、媒体库管理两个方面,再简单讲一下古腾堡编辑器。

1. 文章管理(同页面)

文章是整个WordPress的重要部分,我们写的所有的博客内容都是通过文章中撰写的,点击左侧导航栏可以看到已写的文章详细信息。

每篇文章包含了标题、作者、分类目录、标签、评论、日期等基本信息,可以使用右上角的“显示选项”来调整。

2. 文章快速编辑(同页面)

WordPress文章管理

每篇文章都有“编辑”和“快速编辑”两种选项,快速编辑可以不打开古腾堡编辑器直接修改文章的部分信息。

3. 古腾堡编辑器及区块使用

WordPress古腾堡编辑器

编辑文章或者新建文章会打开WordPress的默认编辑器—古腾堡。

古腾堡编辑器于2018年12月推出,我第一次上手这个编辑器的时候非常不习惯,换回了经典编辑器。不过,现在写博客的体验已经相当完善了,可以识别部分Markdown语言,省去了调文章格式的麻烦。

古腾堡编辑器引入了区块(Block)的概念,文字,图片,视频,按钮,代码等等都以块的方式展现在内容编辑区中,可以自由编辑区块的对齐方式、字体大小、颜色背景等等。

古腾堡编辑器界面可以分为三个主要部分:

3.1 区块

古腾堡编辑器区块

在古腾堡编辑器中,页面中的每一个元素,无论是一段文字,一张图片,还是一个视频,都被视为一个独立的内容区块。你可以独立插入,移动,设置每一个区块,就像搭积木一样构建自己的帖子或者页面

1.左上交的图标可打开区块库,WordPress已经做了分类,用户可自由插入区块到内容编辑区。

你会发现它主要包含以下几类常用区块:

2.选中一个区块后,你会发现每种区块都有自己独特的控件,用于设置颜色,宽度,对齐,添加链接等属性。而且,还可以在编辑页面右侧的区块详细设置栏中对选中的区块内内容做详细的设置。编辑区域内的控件会在你选中区块时自动显示和隐藏。

3.区块浮动条可以改变区块内容的格式或者区块类型,如:可将标题区块转化为段落区块。

虽然Wordpress的默认区块库几乎可以满足大多数用户的需求,如果希望添加更多区块的话,还可以通过安装第三方区块插件来进一步扩展其功能。例如,”Gutenberg Blocks”、”Ultimate Addons for Gutenberg” 和 “Spectra” 等流行插件提供了大量实用且美观的新区块。

结合Wordpress核心区块、主题自带区块以及第三方提供的区块的话,区块库中可使用的区块将变得非常丰富。

3.2 区块工具栏

当你选中一个区块时,编辑器顶部会出现一个动态的工具栏,其中包含了针对该区块类型的快捷编辑按钮。

WordPress区块工具栏

3.3 区块设置面板

古腾堡编辑器区块设置面板

设置面板通常位于编辑器的右侧,基于区块的类型提供相应的属性配置。以图中的段落区块为例,你可以在这里调整标题的HTML级别(H1~H6)、文字颜色、背景色等。不同区块的设置面板内容会有所不同,但都为个性化提供了充足的空间。

4. 媒体设置

4.1 文章中插入图片

在古腾堡编辑器中选择“➕”,弹出的菜单中选择图片即可添加图片。

古腾堡编辑器上传图片

关于添加图片的方式,有以下几种:

4.2 图片的设置和样式

点击图片后,我们可以看到右侧设置栏中会出现图片的设置和样式标签。

古腾堡编辑器设置图片样式

设置标签中可以对图像进行如下设置。

4.3 编辑图像的SEO属性

我们上传的每一张图片都是网站上可能重复使用的资源,同时也是面向外部,特别是被搜索引擎收录的内容。因此,如果想要提高图片的管理和推广效率,编辑图像的SEO属性是必不可少的。

打开媒体库,随机点击一张图像,就可以看到以下的设置选项。

WordPress设置图片SEO属性

如果你上传的图片数量较多的话,只需尽量填写”替代文本”,”标题”和”说明文字”即可。标题通常会自动采用图像上传前的文件名,因此在上传图像前确定图像的名称可以减少修改标题的麻烦

4.4 文章中插入视频

WordPress上传视频

要在Wordpress的文章或者页面中添加视频主要有以下几种方式。

无论使用哪种方式,都能实现文章或页面中添加视频内容的需求。但是,对于新手小白来说,使用WordPres古腾堡编辑器自带的视频区块或者嵌入区块就能快速实现视频的嵌入。

视频嵌入区块是多种媒体类型的一部分。

在区块库的嵌入类型一览中,可以看到一系列第三方平台的嵌入区块,包括Twitter、Instagram、Facebook、SoundCloud等热门服务。

只需将这些资源的URL粘贴到编辑器,WordPress即可自动生成相应的嵌入区块,轻松引用各类多媒体内容。

以上就是WordPress内容管理的主要内容,写博客的过程中发现古腾堡编辑器的知识还有很多,看情况之后出一个古腾堡的专题吧。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。

转载请注明:
作者 – 倚栏听风
页面标题 – WordPress基础之内容管理
页面链接:https://oyouoo.com/wordpress-content-management/

加入掘金随想的社群

如果你有兴趣和其他的人一起了解更多AI建站、AI-SEO、开发者出海等更多高质量内容和我自己的心得体会,我建了一个付费社群,欢迎你的加入!扫描右边的二维码可直接加入哦!

同时如果你也认为Bricks是一个好的工具但是想找人帮你来建站,欢迎找我聊聊。

知识星球社群二维码

推荐阅读

  • Bebuilder快速导入预设模块和页面(3种方式)

    之前讲过关于Betheme如何导入预设模板,不过会重置数据库,而有时候只想导入模板的某个Section或者单页,这样该如何操作?本篇文章将学习Bebuilder页面编辑器中快速导入预设模块和页面。 Bebuilder导入预设模块或者页面的方式有3种: 1. 使…

    2025 年 2 月 6 日

  • 如何添加并使用谷歌网域别名发送外贸开发信|完整图文教程

    我做外贸时客户的来源之一是外贸开发信推广,大概能占百分之十五。最开始写外贸开发信的时候邮件送达率并不理想,大多会进入客户的垃圾箱,这也导致了域名邮箱的权威越来越不好,最终形成一个恶性循环,致使该域名已经无法用于外贸开发信营销。 这也就产生了一个问题:是否需要将…

    2025 年 2 月 5 日

  • Bebuilder使用Section、Wrap、Item对页面排版设计

    了解Bebuilder的基本功能后,本篇文章将学习如何使用bebuilder页面编辑器对页面做一个布局排版,方便规划页面内容。 Bebuilder排版工具 Bebuilder有三个排版工具分别为:Section、Wrap、Item(Element)。类似Ele…

    2025 年 2 月 6 日

  • Betheme如何购买、安装、激活、更新以及设置子主题

    本篇将学习如何购买、安装、激活Betheme主题、如何安装Betheme子主题以及主题的迁移等。 Betheme主题购买与下载 Betheme主题只能主题森林商店下载(Theme Forest),售价为60美金/站,终身,需要提前准备好VISA双币信用卡或者P…

    2025 年 2 月 6 日

  • SEO初学者指南之什么是SEO

    前言 Hi,大家好,我是听风。欢迎来到SEO基础入门指南。在这个博客中主要教大家SEO的基础知识,以谷歌SEO为主,重点放在实操方面。 虽然是基础入门教程,但我希望朋友们不要对“初学者”这个词有什么误解。其实大部分的知识点都可以从谷歌SEO官方指南中找到,我只…

    2025 年 2 月 7 日

导航目录