如何向WYSIWYG编辑器添加自定义页面元素?

时间:2015-02-06 作者:Foo Bar

在无插件的Worpress安装中,WYSIWYG编辑器允许使用样式按钮(列表、字体、斜体、粗体、添加图片…)从上到下书写页面。

我缺少的是定义自定义页面元素的可能性。示例:“添加图片”旁边的一个按钮,标记为“添加框”,可以添加一个带有标题和内容的框(设计是在模板代码的某个地方定义的)。因此,用户(没有HTML/CSS知识的内容编辑器)不仅可以使用格式化的文本和图片构建页面,还可以使用支持WYSIWYG的自定义内容元素(由主题开发人员我定义)构建页面。

假设我从头开始写自己的主题,我该怎么做?

2 个回复
SO网友:Lauren Gray

可以手动将按钮添加到编辑器中。https://codex.wordpress.org/TinyMCE_Custom_Buttons

实际上,《法典》还链接了一个完整的教程,详细介绍了这一过程。http://code.tutsplus.com/tutorials/guide-to-creating-your-own-wordpress-editor-buttons--wp-30182

这将引导您完成所有步骤:

向站点添加短代码创建一个TinyMCE插件(注册、设置、创建按钮并添加它们应该做的事情)

  • 包括编辑器样式,以便它在管理区域中正确显示,包括它在前端正确显示的主题样式

  • SO网友:Sean Grant

    我认为,与Duane提到的插件类似,您最有可能使用短代码。

    我所看到的大多数主题都使用短代码帮助设置帖子/页面格式,以帮助实现您所谈论的内容。

    短代码示例:

    [addbox type="full-width" headline="Headline Title Here"]Content goes here[/addbox]
    
    然后在主题代码中,您可以识别一个“addbox”短代码,并输出适当的HTML,其中标题变量填充在H2标记中,类型可以是框的宽度(设置CSS类?)当然,您可以在短代码中添加更多要识别的属性。

    但要实现这一点需要做大量的工作,即使这样,用户也总是希望自定义那里的内容。虽然如果您使用的是Foundation 5或类似的框架,那么只使用它们提供的CSS类可能会更容易一些。

    祝你好运

    结束

    相关推荐

    不带_Content()的自定义帖子字段中的快捷代码

    我创建了一个自定义帖子类型,它不使用the_content() 要在前端显示任何内容,只需使用echo即可。用户在插件管理后端的文本区域字段中输入数据,CPT执行一些数据操作,所有内容都通过使用短代码的模板文件输出。当用户将短代码输入后端管理中的CPT文本区域时,我如何获取要触发的短代码。我看不到正在使用任何过滤器。此外,由于它是一个管理区域文本输入字段,php代码片段将无法工作。EDIT:也许更好的问题是如何实施the_loop 在自定义帖子中是否正确?当前我的代码;<?php /*&#x