wordpress添加多个编辑器(附带源码)

WordPress技术博客wp应用技术

我们在制作一些企业网站的时候,会有一些非常多的说明的产品,比如说参数拉、图片啦、说明拉等等,需要分开来表述,这样我们的产品就会比较清晰,如下图联想官网的模式:

wordpress添加多个编辑器(附带源码)

http://appserver.lenovo.com.cn/Lenovo_Series_List.aspx?CategoryCode=A03B07C13#remote-tab-2

可以点击进入感受一下

那么,如果我们想要添加这样的标签转换的正文内容应该如何做到呢?

 

给wordpress添加多个编辑器

给wordpress添加多个编辑器,即可实现这样的效果,下图就是我们做出的实验,在撰写文章时,在底部添加了多个编辑器:

wordpress添加多个编辑器(附带源码)

 

这样就能是实现多个内容输出,而且可以编辑文章和图片、链接等和正文一样的内容输出,美观方便。

 

如何实现wordpress多个编辑器

这个功能归功于wordpress3.3 所发布的新函数wp_editor,这个函数可以调用wordpress的默认编辑器。

<?php wp_editor( $content, $editor_id, $settings = array() ); ?>
如此调用编辑器结合自定义栏目,即可在后台实现多个编辑框。
这里我们提供一些文件,将这个文件放置在你的主题文件夹中,在functions.php中添加关联:include_once(“defined.php”);

 

然后在你的single.php 输出中,在合适的地方输出自定义栏目即可:

 

<?php  echo get_post_meta($post->ID, “你的自定义字段名称”,true);?>

 

这样就可以轻松的实现了,点击这里下载php文件,放进主题文件夹,以上面的方式进行操作即可。

自定义栏目添加多个编辑框文件(右键另存为)

 

 

上一篇:

下一篇:

文章评论

您好!请登录

取消回复
  1. 德工 回复

    为什么添加后,整个网站都打不开了


    • WEB主题公园
      WEB主题公园-管理员 回复

      可能是和你的主题有一些冲突,需要修改一下函数名


      • Loading 回复

        更改函数名之后还是一篇空白,


  2. 一天 回复

    这个教程是否能,重新编写一下呢? 那个文件无法下载~~


    • WEB主题公园
      WEB主题公园-管理员 回复

      文件已经更新了,重新整理了一下注释文件和使用指南


展开更多