用于WordPress高级自定义布局的内容编辑器模板

　　用于WordPress高级自定义布局的内容编辑器模板

　　WordPress编辑器TinyMCE是一个非常强大的工具。对于网页设计师来说，使用WordPress编辑器TinyMCE并不困难，但是对于不了解HTML的人来说，使用起来并不容易。便利;如果我们使内容编辑器所见即所得，则内容编辑器的布局已预先设定，我们的用户只需在相应区域中直接输入内容即可。上述问题可以很容易地解决，也可以提高我们内容编辑的效率。

　　今天，我将介绍Wordpress高级自定义布局内容编辑器模板的生产技能。要获得所见即所得，我们必须在内容编辑器中自定义并添加预设内容和布局布局，然后可以通过与样式表结合轻松实现此功能。

　　vci0x“ src =”“ />

　　创建自定义布局

　　排版布局分为两部分，一个是HTML排版布局，另一个是CSS样式表界面。

　　HTML排版布局

　　WordPress的default_content过滤器只能应用于新创建的文章或页面，并且文章或之前已发布的页面将不起作用。因此，不必担心会影响已发布的文章。

　　CSS样式设计

　　接下来，我们为该结构布局引入样式表：

　　我们需要创建另一个样式表文件，名为：editor-style.css，其中的示例代码如下：

　　body {background：＃f5f5f5;} .content-col-main {float：left;宽度：66％;填充：1％;边框：1px点缀#ccc;背景：#fff;} .content-col-side {float：right;宽度：29％;填充：1％;边框：1px点缀#ccc;背景：#fff;} img {/ *确保图像停留在其列内* / max-width：100％;宽度：自动;高度：自动； }

　　这里需要注意的是样式表文件的路径。根据此示例，它放置在主题目录下，该主题目录与style.css相同。

　　现在我们切换到后端，单击以创建新文章文章（或页面），内容编辑器区域将自动添加我们刚刚创建的HTML结构：

　　这是一个简单的布局。您可以根据网站在default_content和styles.css中编辑内容和布局结构。以下是基于我自己的网站（觉威前端），我将向您展示一个示例：

　　有了这个，我们可以简单地自动将一些简单的布局结构添加到内容编辑器中，这将为以后的内容编辑带来很多便利。

　　自定义不同的文章类型的布局模板

　　上面的代码是制作高级自定义布局内容编辑器模板的最基本想法，但是仍然存在一些限制。例如，我需要自动向post 文章和页面页面添加不同的HTML。代码，我们如何扩展解决方案？实际上，我们可以在custom_editor_content（）函数中添加if条件语句。 WordPress的if条件语句无疑是非常实用的语句，我们需要很好地理解和使用它。首先让我们看一下以下代码：

　　post_type =='page'）{$ content ='//定义页面页面模板';} elseif（$ current_screen-> post_type =='POSTTYPE'）{$ content ='//定义post 文章模板';} else {$ content ='//定义除页面和帖子以外的模板';}返回$ content;}？>

　　以上代码可在不同的文章类型的内容编辑器中自动添加不同的HTML代码。谈到这一点，您也会认为，那么我还可以添加不同的文章类型的内容。编辑器使用不同的样式文件表吗？通过自定义不同的样式表来创建多样化和个性化的布局模板？是的，我们还可以根据上述想法定义不同的文章类型的内容编辑器。不同样式的文件表：

　　post_type）{case'post'：add_editor_style（'editor-style-post.css'）;休息; case'page'：add_editor_style（'editor-style-page.css'）;休息; case'[POSTTYPE]'：add_editor_style（'editor-style- [POSTTYPE] .css'）; break;}} add_action（'admin_head'，'custom_editor_style'）; ？>

　　将上面的代码添加到您的functions.php文件中。在这里，“ editor-style- [POSTTYPE] .css”将根据您的文章类型自动创建相应的样式表文件，例如声明：“ bulletin”，它将自动引入“ editer-style-bulletin.css”

　　谈到自动获取文章类型并输出相应的文章类型样式表，您还可以使用以下代码调用方法自动获取相应的文章类型。它是日志还是页面，还是公告，视频，相册等。所有内容都是由背景自动判断的。就个人而言，与上述if语句判断相应的文章类型相比，该实现方法更加灵活，高效，并且具有代码更简洁的特点。当然，选择哪种实现方法，每个都可以根据自己的模板进行选择，最合适的就是最好的。

　　post_type。'。css'））;} add_action（'admin_head'，'custom_editor_style'）; ？>

　　好吧，这取决于您接下来如何将您的Wordpress内容编辑器投入使用。这里提出的想法仅仅是想法，创新和实践仍然取决于每个人。欢迎大家讨论...