可视化编辑器中包含更多不同的HTML元素

时间:2019-04-11 作者:Adam Tal

我们基于HTML的网站使用多种格式来设置文本/页面的样式。

我们现在正在过渡到Wordpress,这样我们的员工也可以创建和编辑页面,但Wordpress编辑器似乎在控制文本设计方面有很大的限制。

有3个主要限制:

文本样式:在标题或段落中为单个单词加下划线、更改单个单词的颜色等基本操作。

对单个单词进行更多的设计控制,如添加<em>, <i>, 等,以允许超出加粗/下划线/斜体/删除线的基本样式。

前一个的扩展:添加如下内容<span class="red"></span> 标题中的一个单词,以便通过网站的默认CSS进行更多控制。

添加除标题、段落、列表、blockquote和其他默认元素之外的元素。例如,我希望允许我的员工向“警告警报”之类的页面添加项目(这将是一个<div class="alert alert-warning"></div>).

实现这一目标的最佳方法是什么?

1 个回复
SO网友:WebElaine

听起来您可能正在使用块编辑器,这是可用于WP的最新编辑器。如果是这样的话,您将希望探索插件。一些插件创建新的块,即除了WP Core附带的基本标题、段落等之外的元素。其他插件扩展现有块。

文本样式和单字-可以添加其他格式按钮,但需要相当多的代码。根据您需要的特定样式选项,以及是否希望将样式应用于整个块或部分文本,您可能需要查找添加工具栏按钮以添加样式的插件,或者只使用您可以在整个块上指定的“附加CSS类”。

扩展-对于大多数块,您可以在HTML模式下编辑,这允许您添加任何需要的CSS类。如果你正在潜心研究CSS类,你还需要构建一个子主题,它将在不改变主题本身的情况下应用你的CSS,允许你保持主题最新,而不会覆盖你的更改。

其他元素-您可以查看许多可用的块插件,也可以决定创建自己的自定义块。