古腾堡教程：WordPress自定义HTML区块使用方法与技巧

自定义HTML区块为内容创作者提供了强大的功能，让您能够轻松嵌入和编辑HTML内容，而无需离开可视化编辑界面或切换到代码模式。无论是想标记文本并转换为样式化段落，还是嵌入Google地图等复杂代码，这个区块都能满足您的需求。本文将深入探讨自定义HTML区块的强大功能，涵盖添加方法、设置选项、使用技巧以及常见问题解答，帮助您充分利用这一工具。

如何将自定义HTML区块添加到文章或页面

要在您的文章或页面中添加自定义HTML区块，只需将光标定位在期望的位置，然后选择插入器工具。在搜索框中输入”html”，系统将显示相关区块选项。点击该区块即可插入，或者直接输入”/html”后按Enter键快速添加。完成插入后，您将看到一个空白区域，可以在此输入HTML代码。我们将在后续内容中展示具体示例，帮助您更好地理解其应用。

自定义HTML区块设置和选项

与大多数区块不同，自定义HTML区块的设置集中在工具栏而非侧边栏。点击区块任意位置即可显示工具栏，若未自动显示，可在新区域下方再次选择区块以展开全部工具。每个区块都配备专属控件，顶部提供区块类型切换、转换及选项功能。

自定义HTML更改区块或样式

在工具栏选项中选择”HTML”将打开下拉菜单，允许您将区块转换为代码区块、栏目或组。具体功能如下：
– 代码：将HTML区块转换为代码区块，适合展示各类代码
– 栏目：将区块放置在多栏布局中
– 组：将区块添加到可调整的组单元中

自定义HTML区块拖动工具

拖动工具包含六个控制点，您可以用鼠标抓住任意一点移动区块。拖动时会出现蓝色指示线，显示区块将放置的位置。当蓝线到达理想位置时松开鼠标，区块即被放置。这种直观的操作方式让位置调整变得简单高效。

自定义HTML区块移动

向上和向下箭头可逐段移动区块，每次点击自动滚动页面以保持可视。这是快速调整区块顺序的便捷方法，特别适合需要精确排列多个区块的场景。

自定义HTML区块的HTML和预览

工具栏中的HTML和预览按钮让您在编辑器中切换代码视图和执行效果。默认的HTML视图以代码形式显示内容，而预览视图则展示浏览器中的实际效果。通过这种切换，您可以轻松编辑HTML并实时查看结果。例如，在HTML视图中编辑Google地图代码，切换到预览视图即可看到嵌入的地图效果。

自定义HTML区块选项

工具栏最右侧的三个点展开10项高级操作，包括：
– 隐藏更多设置：隐藏右侧边栏，扩展工作区
– 转换为区块：将内容转换为其他区块类型
– 复制：复制区块内容到剪贴板
– 新建副本：在原区块下方创建副本
– 在区块前插入：在当前区块前添加新区块
– 在区块后插入：在当前区块后添加新区块
– 移动到：使用箭头键调整区块位置
– 添加至可重用区块：将区块保存为可重用模板
– 组合：将多个区块组合为单个单元
– 删除区块：移除当前区块

有效使用自定义HTML区块的提示和最佳实践

1. 先使用此区块设置文本样式并编辑HTML，再通过转换工具创建段落等区块，实现更好的内容控制
2. 频繁使用预览功能，无需在可视化编辑器和代码编辑器间切换
3. 适合嵌入地图、广告、视频等复杂内容，避免在普通区块中插入HTML代码
4. 替代页面和帖子的代码编辑器，创造更简洁的工作环境
5. 添加脚本标签时需谨慎，可能被系统删除导致代码失效

关于自定义HTML区块的常见问题

自定义HTML区块有什么作用？
它允许您在可视化编辑器中直接输入HTML代码，同时保留页面在编辑器中的状态，无需切换到代码模式。

如何使用自定义HTML区块？
可以添加任何支持标签的HTML内容，包括广告、地图、视频、iframe、表格等。也可用于标记文本后转换为段落区块。

它会对标记进行颜色编码吗？
不会，区块中的标记与普通文本编辑器显示方式相同。

自定义HTML区块是否运行HTML？
在前端会正常运行HTML，在编辑器中可选择显示代码或执行效果。

是否支持所有HTML标签？
不支持全部标签，具体支持列表可在WordPress代码页面查看。

小结

自定义HTML区块不仅适用于开发人员，更成为内容创作者的得力助手。其核心优势在于无需在可视化编辑器和代码编辑器间切换，让您在处理常规内容的同时轻松使用HTML。通过随时预览功能，您可以精确控制HTML的呈现效果。这个区块为在区块编辑器中使用HTML提供了简单高效的解决方案，极大提升了内容创作的灵活性和效率。

文章网址：https://www.wpbull.com/jiqiao/9718.html

古腾堡教程：WordPress自定义HTML区块使用方法与技巧

相关推荐