云服务器免费试用

wordpress编辑器插件(wordpress word插件)

服务器知识 0 1413

本文目录:

  • 1、wordpress怎么添加HTML编辑器
  • 2、如何解决wordpress编辑器插件内容 变成源码
  • 3、怎样用 WordPress 搭建网站
  • 4、wordpress用什么编辑器
  • 5、如何开发一个WordPress插件
  • 6、怎么选择wordpress 编辑器

wordpress怎么添加HTML编辑器

1.登录wordpress管理后台。

2.新建文章,看看这个“可视化”选项卡下的编辑器。的确不是很让人满意。

3.没事,还是那句话,这不叫问题。进入插件安装,查找“CKEditor”。安装并启动插件。

4.完啦!开始测试下。新建文章看看。点击“可视化”选项。是不是可以像编辑word文档那样编辑?

5.试试字体颜色与大小。

希望我的回答可以帮到您哦

如何解决wordpress编辑器插件内容 变成源码

许多wordpress站长特别是新手站长,会纠结适用哪个编辑器的问题,于是就在网络上众多编辑器种类中做出选择,其实选哪一种编辑器就看你的目的是什么了。如果你熟悉php代码,就直接用wordpress自带的编辑器即可(增强方法下面会有描述),这样还可以减少众多插件给服务器带来的负担;如果你是新手而且就是想省事,可以选择以下3种常用编辑器,也是编辑器中做的比较好的。

工具/原料

wordpress程序

方法/步骤

1

首先,wordpress编辑器增强方法是将以下代码复制到你的主题目录下的function.php中即可。

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'cleanup';

$buttons[] = 'styleselect';

$buttons[] = 'hr';

$buttons[] = 'del';

$buttons[] = 'sub';

$buttons[] = 'sup';

$buttons[] = 'copy';

$buttons[] = 'paste';

$buttons[] = 'cut';

$buttons[] = 'undo';

$buttons[] = 'image';

$buttons[] = 'anchor';

$buttons[] = 'backcolor';

$buttons[] = 'wp_page';

$buttons[] = 'charmap';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

2

常用wordpress编辑器插件一:UEditor。

该插件是百度所开发,其功能非常强大,拥有一切编辑器的功能外,还可以添加php、java、javascript、html、css……等多种语言代码而且高亮显示,另外,它还可以将文章中的远程链接的图片下载到本地,减少因为图床的图片链接失效导致无法浏览网站图片。

3

常用wordpress编辑器插件二:CKEditor for WordPress。

该插件有2种皮肤,外观清新,而且可以直接在wordpress后台快速安装。

4

常用wordpress编辑器插件三:Kindeditor For Wordpress。

该插件样式跟FCK编辑器比较相似,功能强大,也可以添加多种语言代码并高亮显示,和百度的UEditor不同的是,远程链接图片不需要下载到本地,以节省空间。

缺点:该插件编辑器的html模式和wordpress原始编辑器不兼容,当在html模式中输入代码()时来回切换视图/代码模式,这句代码会消失。

END

注意事项

以上4种方法丰富你的wordpress编辑器已经绰绰有余,不需要再纠结其他编辑器。

如果你的php、wordpress代码水平达到一定层次,就算不能做一个编辑器,你也是可以修改其样式的,Good Luck!

怎样用 WordPress 搭建网站

1、首先购买域名和虚拟空间。

2、域名就是一个网站的地址,例如即为百度。购买域名可以到一些知名的网站去购买,例如万网,请首先考虑好域名的名字,十分重要。一般.com等域名费用为首年49元。建议购买国内不需要备案的如.com.me。

3、虚拟主机是存放网站上各种数据的地方,比如网站的图片等。虚拟主机的购买可选择一些大型的网站,但费用相对较贵。本人的虚拟主机是从淘宝上买的,一年80多。建议购买香港或美国的,免去备案的麻烦。之后卖家会提供ip地址即后台。

4、如果这两样已经准备好,接下来就是将域名解析到虚拟主机上。以万网为例(如果是从万网购买的域名的话):进入会员中心——选择解析——以默认的方式解析即可。解析时间为48小时以内。

5、接下来进入正题。(及著名的五步安装法,官网有的。)

将 WordPress 压缩包解压至一个空文件夹,并上传它。将WordPress放置在网站的根目录下。

在浏览器中访问 wp-admin/install.php。它将帮助您把数据库链接信息写入到 wp-config.php 文件中。

如果上述方法无效,也没关系,这很正常。请用文本编辑器(如写字板)手动打开 wp-config-sample.php 文件,填入数据库信息。

将文件另存为 wp-config.php 并上传。进入后台(购买虚拟主机的时候卖家会提供的)。选择文件管理器将修改好的WordPress上传即可。

在浏览器中访问 wp-admin/install.php。

至此算是基本建立了你的博客网站。对于WordPress的后台自己慢慢去熟悉吧,此处不再赘述。

6、网上有各种WordPress的插件,主题资源。可以极大的丰富你的网站内容。

注意事项:务必将WordPress放置在网站的根目录下。

wordpress用什么编辑器

方法/步骤

首先,wordpress编辑器增强方法是将以下代码复制到你的主题目录下的function.php中即可。

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'cleanup';

$buttons[] = 'styleselect';

$buttons[] = 'hr';

$buttons[] = 'del';

$buttons[] = 'sub';

$buttons[] = 'sup';

$buttons[] = 'copy';

$buttons[] = 'paste';

$buttons[] = 'cut';

$buttons[] = 'undo';

$buttons[] = 'image';

$buttons[] = 'anchor';

$buttons[] = 'backcolor';

$buttons[] = 'wp_page';

$buttons[] = 'charmap';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

常用wordpress编辑器插件一:UEditor。

该插件是百度所开发,其功能非常强大,拥有一切编辑器的功能外,还可以添加php、java、javascript、html、css……等多种语言代码而且高亮显示,另外,它还可以将文章中的远程链接的图片下载到本地,减少因为图床的图片链接失效导致无法浏览网站图片。

常用wordpress编辑器插件二:CKEditor for WordPress。

该插件有2种皮肤,外观清新,而且可以直接在wordpress后台快速安装。

常用wordpress编辑器插件三:Kindeditor For Wordpress。

该插件样式跟FCK编辑器比较相似,功能强大,也可以添加多种语言代码并高亮显示,和百度的UEditor不同的是,远程链接图片不需要下载到本地,以节省空间。

缺点:该插件编辑器的html模式和wordpress原始编辑器不兼容,当在html模式中输入代码()时来回切换视图/代码模式,这句代码会消失。

如何开发一个WordPress插件

在开始之前,需要注意三件事情

I、给插件取一个个性化的名字,越个性化越好,以防和其他插件重名冲突。

II、代码里面,一定要包含注释,不为自己,也要为想修改你代码的别人想想。

III、尽量用最新版的 WordPress 进行开发和测试。

插件名称和插件结构

一般来说,都是在 wp-content\plugins 目录下建立一个文件夹,文件夹名就是插件的名称,我们插件名字为"copyright_plugin",文件结构如下。

\wp-content\plugins\copyright_plugin下有copyright_plugin.php和readme.txt

这里的 readme.txt 文件中包含了一些插件的介绍,使用说明等信息,主要是提交到 WordPress 官方网站时候用到的,可以参考他们给的模板 ,另外还有插件截图预览的功能,需要另外添加图片,但是我们现在是练习,不需要提交到官网,所以暂时先不涉及这些。

插件的核心

总的来说,插件的核心是两个 function,用来添加 Hooks(中文译为钩子)

add_action ($hookname, $callbackfunction)

add_filter ($hookname,$callbackfunction)

这两个方法相当重要,几乎所有的插件都要用到他们。

Actions,我理解就是 wordpress 核心代码预留的一些特殊的切入点,或者说是在执行一些特定事件时候发生,例如文章发布时,或者访客留言时触发。

Filters,应该就是 wordpress 执行时,对数据传输过程的一种过滤机制,例如当文章保存到数据库的过程,或者文章从事数据库中取出,展现到浏览器中的这个过程。

我们今天要制作的插件,应该是用 Filters,因为我们要在文章显示在浏览器之前,在最后面加上一段字符窜,用来显示版权信息,后面添加菜单项的时候,也要用到 Actions。

插件概要信息

用文本编辑器打开 copyright-plugin.php 文件,输入如下信息:

?php

/*

Plugin Name: Copyright plugin

Plugin URI:

Description: 此插件将在文章正文最下面,显示一行版权信息

Version: 1.0.0

Author: xcxc

Author URI:

License: GPL

*/

?

保存好文件,然后登录 WordPress 后台,打开插件菜单,应该就可以看到这个插件,已经显示在插件列表里面了,并且可以启用这个插件试试,不过没有任何效果,因为到目前为止,这个插件还没有实现任何功能。

为插件实现功能

修改copyright_plugin.php

?php

/*

Plugin Name: Copyright plugin

Plugin URI:

Description: 此插件将在文章正文最下面,显示一行版权信息

Version: 1.0.0

Author: xcxc

Author URI:

License: GPL

*/

/* 此插件将在文章正文最下面,显示一行版权信息 */

function display_copyright() {

return "p style='color:red'本站点所有文章均为原创,转载请注明出处!/p";

}

?

保存好这个文件,然后打开正在用的主题文件夹,打开index.php 文件夹,找到 get_template_part( 'content', get_post_format() ); 并在下面添加如下代码

if(function_exists('display_copyright')) {

echo display_copyright();

}

function_exists 是判断 display_copyright 函数是否存在,因为当插件停用的时候,主题代码里面是找不到这个函数的,所以要判断一下,防止出错。

然后在 wordpress 后台启用该插件,再打开首页看看效果吧!

至此,这段代码,应该可以勉强算是一个插件了。之所以说勉强,是因为这个插件存在一个问题,需要手工去修改主题代码,如果用户换了主题的话,需要在新主题里面再次修改代码,这个不好。

改良插件

还记得我们前面说过的 Hooks (钩子)吗,我们要开始用 Filter 钩子了!

代码修改copyright_plugin.php如下:

?php

/*

Plugin Name: Copyright plugin

Plugin URI:

Description: 此插件将在文章正文最下面,显示一行版权信息

Version: 1.0.0

Author: xcxc

Author URI:

License: GPL

*/

add_filter( 'the_content', 'display_copyright' );

/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 首页 页面才添加 */

function display_copyright( $content ) {

if( is_home() )

$content = $content . "p style='color:red'本站点所有文章均为原创,转载请指明出处!/p";

return $content;

}

?

参看以上代码,其中 the_content 是钩子的名字,display_copyright 是回调函数名称。这样一来,只要启用插件就可以实现功能,无需去修改主题了,请把刚才在index.php 文件中添加的代码删掉,然后启用插件,看看效果吧,显示效果应该是一样的,无论怎么换主题,还是会自动显示版权信息。

is_home是判断是不是主页

更进一步

至此一个真正的插件算是完成了。但是此插件将版权信息直接写在代码里,如果用户想自定义版权信息的话,需要修改插件的源代码,仍然不方便,所以此插件仍需改进。其实,我们可以在 WordPress 后台中为插件单独添加一个菜单和页面,用户可以在这里来自定义设置设置版权信息,信息可以保存在数据库里面。

先附上完整代码,后面会做说明

?php

/*

Plugin Name: Copyright plugin

Plugin URI:

Description: 此插件将在文章正文最下面,显示一行版权信息

Version: 1.0.0

Author: xcxc

Author URI:

License: GPL

*/

/* 注册激活插件时要调用的函数 */

register_activation_hook( __FILE__, 'display_copyright_install');

/* 注册停用插件时要调用的函数 */

register_deactivation_hook( __FILE__, 'display_copyright_remove' );

function display_copyright_install() {

/* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */

add_option("display_copyright_text", "p style='color:red'本站点所有文章均为原创,转载请注明出处!/p", '', 'yes');

}

function display_copyright_remove() {

/* 删除 wp_options 表中的对应记录 */

delete_option('display_copyright_text');

}

if( is_admin() ) {

/* 利用 admin_menu 钩子,添加菜单 */

add_action('admin_menu', 'display_copyright_menu');

}

function display_copyright_menu() {

/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function); */

/* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */

add_options_page('Set Copyright', 'Copyright Menu', 'administrator','display_copyright', 'display_copyright_html_page');

}

function display_copyright_html_page() {

?

div

h2Set Copyright/h2

form method="post" action="options.php"

?php /* 下面这行代码用来保存表单中内容到数据库 */ ?

?php wp_nonce_field('update-options'); ?

p

textarea

name="display_copyright_text"

id="display_copyright_text"

cols="40"

rows="6"?php echo get_option('display_copyright_text'); ?/textarea

/p

p

input type="hidden" name="action" value="update" /

input type="hidden" name="page_options" value="display_copyright_text" /

input type="submit" value="Save" class="cha-ef67-5a68-06eb-fe0b button-primary" /

/p

/form

/div

?php

}

add_filter( 'the_content', 'display_copyright' );

/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 首页 页面才添加 */

function display_copyright( $content ) {

if( is_home() )

$content = $content . get_option('display_copyright_text');

return $content;

}

?

说明:

以下代码自己要是在启用插件时和停用插件时调用,注释中已经写得很详细了。

/* 注册激活插件时要调用的函数 */

register_activation_hook( __FILE__, 'display_copyright_install');

/* 注册停用插件时要调用的函数 */

register_deactivation_hook( __FILE__, 'display_copyright_remove' );

function display_copyright_install() {

/* 在数据库的 wp_options 表中添加一条记录,第二个参数为默认值 */

add_option("display_copyright_text", "p style='color:red'本站点所有文章均为原创,转载请注明出处!/p", '', 'yes');

}

function display_copyright_remove() {

/* 删除 wp_options 表中的对应记录 */

delete_option('display_copyright_text');

}

添加菜单和页面的代码如下:

if( is_admin() ) {

/* 利用 admin_menu 钩子,添加菜单 */

add_action('admin_menu', 'display_copyright_menu');

}

function display_copyright_menu() {

/* add_options_page( $page_title, $menu_title, $capability, $menu_slug, $function); */

/* 页名称,菜单名称,访问级别,菜单别名,点击该菜单时的回调函数(用以显示设置页面) */

add_options_page('Set Copyright', 'Copyright Menu', 'administrator','display_copyright', 'display_copyright_html_page');

}

至此,已经可以在后台看到菜单项了,但是点击的话,还会出错,因为还没有添加对应的页面(如何自定义添加后台菜单位置)

下面开始添加页面,主要代码如下:

function display_copyright_html_page() {

?

div

h2Set Copyright/h2

form method="post" action="options.php"

?php /* 下面这行代码用来保存表单中内容到数据库 */ ?

?php wp_nonce_field('update-options'); ?

p

textarea

name="display_copyright_text"

id="display_copyright_text"

cols="40"

rows="6"?php echo get_option('display_copyright_text'); ?/textarea

/p

p

input type="hidden" name="action" value="update" /

input type="hidden" name="page_options" value="display_copyright_text" /

input type="submit" value="Save" class="cha-5a68-06eb-fe0b-f492 button-primary" /

/p

/form

/div

?php

}

现在再去点击刚才新加的菜单,可以显示出来一个页面了,我们可以在这里设置版权信息文本。

另外还有如下代码要修改

/* 这个函数在日志正文结尾处添加一段版权信息,并且只在 首页 页面才添加 */

function display_copyright( $content ) {

if( is_home() )

$content = $content . get_option('display_copyright_text');

return $content;

}

将原来的静态化文本,改成动态的,之所以要这么改,是因为我们已经将数据存到数据库里面了,这里要从数据库里面取出数据。

怎么选择wordpress 编辑器

wordpress编辑器选择ckeditor、ckfinder

CKEditor for WordPress

搜索安装

上传功能需要ckfinder

下载 CKFinder for PHP

上传ckfinder文件夹的内容到服务器“ckfinder”的根目录

重命名ckfinder_config.php为config.php(覆盖掉原有文件夹下的config.php文件)

删除ckfinder文件下“_samples”和 “userfiles”例子与用户文件夹两个子文件夹

最后在左边CKEditor的管理菜单中选择upload options 中启用ckfinder功能即可

【wordpress编辑器插件】的内容来源于互联网,如引用不当,请联系我们修改。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942@qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: wordpress编辑器插件(wordpress word插件)
本文地址: https://solustack.com/13477.html

相关推荐:

网友留言:

我要评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。