wordpress段代码插件（wordpress相关文章插件）

本篇文章给大家谈谈wordpress段代码插件，以及wordpress相关文章插件对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何在Wordpress中添加一段代码
• 2、如何开发一个WordPress插件
• 3、wordpress下贴代码有什么好用的插件
• 4、wordpress文章编辑必备插件有哪些？效果怎么样？
• 5、wordpress代码高亮用什么插件
• 6、如何在WORDPRESS首页插入一段自定义代码？

如何在Wordpress中添加一段代码

第一步：首先从网上下载出WordPress的插件Wp-syntax。

第二步：在编辑文章时，使用HTML的编辑方式插入以下代码pre lang=”LANGUAGE” line=”0″//“line为1时表示显示行号”/pre，中间插入要插入的代码即可，LANGUAGE改为语言类型，例如php、java。line为0不显示行号，为1时显示。

附：支持的语言如下：abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

如何开发一个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="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="button-primary" /

/p

/form

/div

?php

}

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

另外还有如下代码要修改

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

function display_copyright( $content ) {

if( is_home() )

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

return $content;

}

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

wordpress下贴代码有什么好用的插件

WP-Syntax的插件来实现代码高亮，可以试试；

crayon-syntax-highlighter；

CodeColorer插件，代码高亮比较漂亮，也可以试试；

CodeColorer 默认设置就可以。

wordpress文章编辑必备插件有哪些？效果怎么样？

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

一、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模式中输入代码(style=”display:none;”)时来回切换视图/代码模式，这句代码会消失。

注意事项：

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

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

如需安装插件，只需到插件功能出搜索插件名称，直接安装即可！

文章详情：

wordpress代码高亮用什么插件

WordPress有很多的代码高亮插件，但是效果和使用都不是很理想，后来也就找到了一款WP-Syntax的插件，感觉还是非常不错的。

但是由于WP-Syntax插件的默认样式有些怪异，所以可以使用一下css做一个美化

/* wp_syntax update：2016/04/12*/

.wp_syntax {

color:#100;

background-color:#f9f9f9;

border:1px solid #EBEBEB;

margin:6px 0;

overflow:auto;

}

.wp_syntax {

overflow-x:auto;

overflow-y:hidden;

padding-bottom:expression(this.scrollWidth  this.offsetWidth ? 15:0);

width:99%;

}

.wp_syntax table {

border:none;

border-collapse:collapse;

margin:0;

padding:0;

width:100% !important

}

.wp_syntax caption {

padding:2px;

width:100%;

background-color:#def;

text-align:left;

font-family:Monaco;

font-size:13px;

line-height:20px;

}

.wp_syntax caption a {

color:#1982d1;

text-align:left;

font-family:Monaco;

font-size:13px;

line-height:20px;

text-decoration:none;

}

.wp_syntax caption a:hover {

color:#1982d1;

text-decoration:underline;

}

.wp_syntax div,.wp_syntax td {

border:none;

text-align:left;

padding:0;

vertical-align:top;

}

.wp_syntax td.code {

background:none;

line-height:normal;

white-space:normal;

padding-left:10px;

}

.wp_syntax pre,.wp_syntax span {

background:transparent;

margin:0;

padding:0;

width:auto;

float:none;

clear:none;

overflow:visible;

font-family:Monaco;

font-size:13px;

line-height:26px;

white-space:pre;

font-family: Consolas, Monaco, 'Microsoft YaHei','WenQuanYi Micro Hei' ,'Lucida Console', monospace;

}

.wp_syntax td.line_numbers {

width:36px

}

.wp_syntax td.line_numbers pre {

border-right:3px solid #666;

background-color:#E7E5DC;

color:gray;

padding:0 5px;

text-align:right;

}

你也可以将上面的代码添加到你主题的 style.css 文件中，然后在 functions.php 中添加下面的代码，取消 WP-Syntax 加载的css文件，这样，即使你以后升级了插件，也能保留你自己的样式。

if ( has_action( 'wp_print_styles', 'wp_syntax_style' ) ) {

remove_action( 'wp_print_styles', 'wp_syntax_style' );

};

这样就非常的好了。

以上代码参考资料： （版权归原作者所有）

如何在WORDPRESS首页插入一段自定义代码？

后台文章编辑框添加按钮，可以通过下面的代码实现 。把这个代码放到主题functions.php文件里。

//增强编辑器开始 ，将代码放到function.php文件中

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'outdent';

$buttons[] = 'indent';

$buttons[] = 'copy';

$buttons[] = 'paste';

$buttons[] = 'cut';

$buttons[] = 'backcolor';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

具体添加哪些按钮，可参照下面这些。wordpress编辑器按钮调用的Key：

1.剪切（cut）复制（copy）粘贴（paste）撤销（undo）重做（redo）居中（justifycenter）

2.加粗（bold）斜体（italic）左对齐（justifyleft）右对齐（justfyright）

3.两端对齐（justfyfull）插入超链接（link）取消超链接（unlink）插入图片（image）

4.清除格式（removeformat）下划线（underline）删除线（strikethrough）

5.锚文本（anchor）新建文本（newdocument）

6.字体颜色（forecolor）字体背景色（backcolor）

7.格式选择（formmatselect）字体选择（fontselect）字号选择（fontsizeselect）

8.样式选择（styleselect）无序列表（bullist）编号列表（numlist）

9.减少缩进（outdent）缩进（indent）帮助（wp_help）

10打开HTML代码编辑器（code）水平线（hr）清除冗余代码（cleanup）

11.上标（sub）下标（sup）特殊符号（charmap）插入more标签（wp_more）

12.插入分页标签（wp_page）

13.隐藏按钮显示开关（wp_adv）

14.隐藏按钮区起始部分（wp_adv_start）

15.隐藏按钮区结束部分（wp_adv_end）

16.拼写检查（spellchecker）

关于wordpress段代码插件和wordpress相关文章插件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。