WrdoPress 教程 ·

WordPress 新增短代码(Shortcodes)教程

平时在写文章,用户通过WordPress短代码Shortcodes)可以非常方便快速地在编辑文章或页面的时候插入动态内容,短代码的常见应用有插入最新文章、插入广告、插入音频视频、插入下载按钮等。但在这里介绍的是一些注意事项的短代码,同样实用。

将以下代码添加到主题functions.php中

回复可见

// 使用

注意:本段内容须"回复本文"后"刷新本页"方可查看!

">回复可见</option> <option value="
注意:本段内容须输入密码才能查看:
">密码可见</option> <option value="<!--nextpage-->">文章分页</option> </select>'; } function xz_button_js() { echo '<script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#sc_select").change(function() { send_to_editor(jQuery("#sc_select :selected").val()); return false; }); }); </script>'; } add_action('media_buttons_context', 'xz_select'); add_action('admin_head', 'xz_button_js');

将一下代码添加到一个js文件中,然后在后台中引入该js文件,例如我的是:shortcode.js

文本模式

QTags.addButton( 'h1', 'h1', '<h1>','</h1>' );								// h1
QTags.addButton( 'h2', 'h2', '<h2>','</h2>' );								// h2
QTags.addButton( 'h3', 'h3', '<h3>','</h3>' );								// h3
QTags.addButton( 'h4', 'h4', '<h4>','</h4>' );								// h4
QTags.addButton( 'h5', 'h5', '<h5>','</h5>' );								// h5
QTags.addButton( 'h6', 'h6', '<h6>','</h6>' );								// h6
QTags.addButton( 'paged', '分页', '\n<!--nextpage-->\n', "" );						// 添加文章分页
QTags.addButton( 'success', '成功盒子', '\n<div class="alert alert-success">\n\n</div>', "" ); 		// 成功信息盒子
QTags.addButton( 'info', '注意盒子', '\n<div class="alert alert-info">\n\n</div>', "" ); 		// 注意信息盒子
QTags.addButton( 'warning', '警告盒子', '\n<div class="alert alert-warning">\n\n</div>', "" ); 		// 警告信息盒子
QTags.addButton( 'danger', '错误盒子', '\n<div class="alert alert-danger">\n\n</div>', "" ); 		// 错误信息盒子
QTags.addButton( 'reply', '回复可见', '

注意:本段内容须"回复本文"后"刷新本页"方可查看!

','' ); // 回复可见 QTags.addButton( 'secret', '密码可见', '
注意:本段内容须输入密码才能查看:
','' ); // 密码可见
// 后台编辑器添加短代码按钮
function my_quicktags() {
    wp_enqueue_script('my_quicktags',get_stylesheet_directory_uri().'/js/shortcode.js',array('quicktags'));
}
add_action('admin_print_scripts', 'my_quicktags');

注意:显示的效果请自行调节,至于如何使用,我想这里不用解释了吧,写文章的时候,按照自己的需求直接选就是了。

参与评论