为wordpress经典编辑器添加普通高亮按钮
为WordPress经典编辑器添加自定义按钮。
把以下代码加入你主题[normalbox]functions.php[/normalbox]文件里就可以了。
- //普通高亮框
- function normalbox($atts, $content=null, $code="") {
- $return = '<span class="normalbox" style="-moz-box-shadow:1px 1px 2px #999 inset;-webkit-box-shadow:1px 1px 2px #999 inset;box-shadow:1px 1px 2px #999 inset;margin:0 2px 0 2px;border:1px solid #bbb;border-radius:3px;background-color:#fff;padding:0px 5px 1px 5px;text-shadow:0 1px 3px #999;text-align:center;font-size:14px;height-line:14px;">';
- $return .= $content;
- $return .= '</span>';
- return $return;
- }
- add_shortcode('normalbox' , 'normalbox' );
- function appthemes_add_quicktags() { ?><script type="text/javascript"> QTags.addButton( '普通高亮', '普通高亮', '【normalbox]', '【/normalbox]' ); //普通高亮 </script><?php } add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );
效果预览:
[normalbox]这是一段普通高亮代码演示[/normalbox]