如何在古腾堡编辑器中添加文本、图像和媒体文件

古腾堡是WordPress最新推出的可视化编辑器,通过简单的”拖放区块”就能轻松排版。本文会讲解如何添加文字、图片等内容,新手也能快速上手制作精美页面。

图片[1]-如何在古腾堡编辑器中添加文本、图像和媒体文件

一、什么是古腾堡编辑器?

古腾堡是 WordPress 自 5.0 版本起默认启用的可视化编辑器,用“区块”(Block)的理念替代了传统编辑器的单一内容框,支持图文混排、布局控制和多媒体嵌入。每种内容元素(如段落、标题、图片、视频等)都是一个独立的区块,用户可以自由组合与排序,极大提升了内容编辑的自由度。

二、添加文本内容

1. 插入段落文本

  • 点击页面任意空白区域或加号按钮(+)选择“段落”区块;
图片[2]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 输入想添加的正文内容;
  • 可以在右侧设置文字大小、字体颜色或背景颜色;
图片[3]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 也可以通过快捷格式工具栏进行加粗、斜体、添加链接等编辑操作。
图片[4]-如何在古腾堡编辑器中添加文本、图像和媒体文件

2. 添加标题

  • 点击加号(+)并选择“标题”区块;
图片[5]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 可选择标题等级(H2、H3、H4等),用于结构化排版;
图片[6]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 适当使用标题有助于提升文章的可读性和SEO表现。

三、插入图像

1. 插入单张图片

  • 点击加号(+),选择“图像”区块;
图片[7]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 选择上传本地图片、从媒体库中选择已有图片,或插入外部图片URL;
图片[8]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 图片插入后,可以在区块设置中调整图片尺寸、对齐方式、替代文字(alt text)等。
图片[9]-如何在古腾堡编辑器中添加文本、图像和媒体文件
图片[10]-如何在古腾堡编辑器中添加文本、图像和媒体文件

2. 设置图片样式

  • 可设置为默认、圆角的样式;
图片[11]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 支持在图片下添加标题说明;
图片[12]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 插入后可以点击上下箭头快速调整图片在页面中的位置。
图片[13]-如何在古腾堡编辑器中添加文本、图像和媒体文件

四、添加媒体文件(视频、音频、PDF)

1. 插入视频

  • 方式一:选择“视频”区块,上传视频文件或选择媒体库视频;
图片[14]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 方式二:插入“嵌入”区块,粘贴 YouTube、Vimeo 等平台链接,自动生成播放器。
图片[15]-如何在古腾堡编辑器中添加文本、图像和媒体文件

2. 插入音频

  • 添加“音频”区块;
  • 支持上传MP3文件或选择已有音频;
  • 插入后可设置是否自动播放、循环播放等选项。
图片[16]-如何在古腾堡编辑器中添加文本、图像和媒体文件

3. 插入PDF或其他文档

  • 添加“文件”区块;
  • 上传PDF、Word等文件;
  • 系统会自动生成下载按钮或预览链接,方便用户查看或保存。
图片[17]-如何在古腾堡编辑器中添加文本、图像和媒体文件

五、区块的移动与组合技巧

  • 鼠标悬停在区块左侧,可以上下拖动排序;
  • 可以将多个区块合并为“组”,方便统一设置背景、边距等;
图片[18]-如何在古腾堡编辑器中添加文本、图像和媒体文件
  • 用“列”或“媒体与文字”布局区块,可以实现图文并排等高级排版效果。

六、小技巧与优化建议

  • 使用快捷键 / 输入区块名称(如 /image)快速添加对应内容;
  • 设置图像替代文字,有助于SEO优化和无障碍访问;
  • 利用“封面图”区块可添加背景图+文字的开头效果,提升视觉吸引力;
  • 常用的组合区块(如图片 + 文本 + 按钮)可以保存为“可重用区块”,方便后续再用。

七、总结

古腾堡编辑器让WordPress排版变得简单直观。像搭积木一样,用区块轻松添加文字、图片和视频,自由组合就能做出专业又好看的页面。


联系我们
教程看不懂?联系我们为您免费解答!免费助力个人,小企站点!
客服微信
客服微信
电话:020-2206-9892
QQ咨询:1025174874
邮件:[email protected]
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:linxiulian
THE END
喜欢就支持一下吧
点赞135 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容