WordPress高级自定义布局的内容编辑器(TinyMCE)模板(2)-木庄网络博客

通过这里，我们就可以简单的为我们的内容编辑器自动添加一些简单的布局结构，这将为我们的以后的内容编辑的时候带来很多的方便。

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

上面的代码就是制作一个高级自定义布局内容编辑器模版的一个最基本的思路，但还是有一些局限性的，例如我需要我的post文章和page页面分别自动添加不同的HTML代码，,那该怎么延伸解决呢?其实我们可以在custom_editor_content（）函数上面加上if条件语句，Wordpress的if条件语句无疑是一个实用性很强的语句，我们要懂的善用。先来看看下面的代码：

代码如下:

<?php
add_filter( 'default_content', 'custom_editor_content' );
function custom_editor_content( $content ) {
global $current_screen;
if ( $current_screen->post_type == 'page') {
$content = '
// 定义page页面模版
';
}
elseif ( $current_screen->post_type == 'POSTTYPE') {
$content = '
// 定义post文章模版
';
}
else {
$content = '
// 定义除了page、post以外的模版
';
}
return $content;
}
?>

上面的代码就实现了在不同的文章类型内容编辑器里面自动添加不同的HTML代码，讲到这里，也行你也会想到，那我也可以在不同的文章类型内容编辑器使用不同的样式文件表？通过自定义不同的样式表制作出多样化个性化的布局模版出来？是的，我们按照上面的思路也可以自己定义不同的文章类型内容编辑器分别引用不同的样式文件表：

代码如下:

<?php
function custom_editor_style() {
global $current_screen;
switch ($current_screen->post_type) {
case 'post':
add_editor_style('editor-style-post.css');
break;
case 'page':
add_editor_style('editor-style-page.css');
break;
case '[POSTTYPE]':
add_editor_style('editor-style-[POSTTYPE].css');
break;
}
}
add_action( 'admin_head', 'custom_editor_style' );
?>

把上面的代码加到你的functions.php文件即可。这里的“ editor-style-[POSTTYPE].css ”会根据你文章的类型自动创建相对应的样式表文件，例如公告：“ bulletin ”，则会自动引入“ editor-style-bulletin.css ”。

说到自动获取文章类型然后输出相对应的文章类型样式表，也可以用下面的代码调用方式来自动获取相对应的文章类型，是属于日志呢、还是页面、或者还是公告、视频、相册等等。一切交给后台自动判断。个人感觉，相对于上面的if语句来判断引用相对应文章类型来说，这种实现方式更加的灵活，效率更高，代码更简洁的特点。当然选择哪一种实现方法，各自可以根据自己的模版各自选择，最合适的才是最好的。

代码如下:

<?php
function custom_editor_style() {
global $current_screen;
add_editor_style(
array(
'editor-style.css',
'editor-style-'.$current_screen->post_type.'.css'
)
);
}
add_action( 'admin_head', 'custom_editor_style' );
?>

好了，接下来要怎么折腾你的Wordpress内容编辑器，看你们的了。在这里介绍的只是思路，创新实践还是靠大家。欢迎大家一起来探讨……

标签：WordPress

返回前面的内容

WordPress高级自定义布局的内容编辑器(TinyMCE)模板

相关推荐

评论