【B2主题二开】自定义短代码面板及短代码

释放双眼,带上耳机,听听看~!

B2这套主题,在功能上已经非常强大了,至于样式方面,就等着我们二开了。在用这套主题前,我还用过RiPro等主题,其中RiPro就有一个完善的自定义短代码,可以在编辑文章时,选择想要的短代码,进行插入,非常方便,样式也挺不错的。于是,开始对B2进行二开,把RiPro的这套短代码全部集成过来。

代码我已经全部打包了,教程也写的很详细,你可以直接放到B2子主题的指定位置。对了,PHP我不熟,WP我也不熟,都是边搜边摸索的,你要是觉得写的烂,写的不规范,请赐教,但别瞎BB,我搜了一下,还没有搜到类似的教程,更别说把相关源码直接分享的了。

开始之前,先看看效果。

【B2主题二开】自定义短代码面板及短代码

【B2主题二开】自定义短代码面板及短代码

【B2主题二开】自定义短代码面板及短代码

【B2主题二开】自定义短代码面板及短代码

好了,接下来介绍下怎么集成、怎么实现的。截至目前,只是集成到B2主题了,并且简单的短代码能直接使用,不过,像“评论后可见”、“TABS选项”、“开关菜单”这些,功能和样式还有些问题,后续我会慢慢更新,当然,如果你有能力,也可以自己动手,实际上,就是前端的技术了。

首先,在子主题新建一个文件夹,如下图所示,文件夹的名字随意。再把我打包好的文件,放入文件夹内。

【B2主题二开】自定义短代码面板及短代码

最后,在子主题的functions.php内,加入下面这段代码。注意:要替换成你新建的文件夹名。

// 加载自定义短代码所需的css和js

define('custom_THEME_FOLDER',str_replace("\",'/',dirname(__FILE__)));

define('custom_THEME_PATH','/' . substr(custom_THEME_FOLDER,stripos(custom_THEME_FOLDER,'wp-content')));

//custom shortcodes css

function wp_add_styles() {

wp_register_style('wp_stylesheet',B2_CHILD_URI.'/替换成你新建文件夹的名字/shortcode/shortcodes.css', false, '1.0.0');

wp_enqueue_style('wp_stylesheet');

}

add_action( 'wp_enqueue_scripts', 'wp_add_styles' );

//custom shortcodes js

function wp_add_scripts() {

wp_register_script('wp_script', B2_CHILD_URI.'/替换成你新建文件夹的名字/jquery.min.js', ['jquery'], '1.0.0');

wp_register_script('wp_script', B2_CHILD_URI.'/替换成你新建文件夹的名字/shortcode/shortcodes.js', ['jquery'], '1.0.0');

wp_enqueue_script('wp_script');

}

add_action( 'wp_enqueue_scripts', 'wp_add_scripts' );

require_once custom_THEME_FOLDER.'/替换成你新建文件夹的名字/shortcode/shortcodes.php';

// 自定义Metabox

/* 注册Metabox */

add_action( 'add_meta_boxes', 'qingchen_add_custom_box' );

function qingchen_add_custom_box() {

/*在文章编辑界面的主栏中添加一个模块 */

add_meta_box('qingchen_custom_box_id', __( '自定义短代码', 'qingchen_textdomain' ),'qingchen_inner_custom_box','post', 'side','high');

}

/* Metabox展示的回调函数,即:输出Metabox内容 */

function qingchen_inner_custom_box( $post ) {

include(custom_THEME_FOLDER . '/替换成你新建文件夹的名字/shortcode/meta.php');

// create a custom nonce for submit verification later

echo '<input type="hidden" name="custom_meta_noncename" value="' . wp_create_nonce(__FILE__) . '" />';

}

如果有缓存或者CDN的,刷新一下,就可以看到效果了~

联系作者:

相关商品

B2主题 7B2主题 wordpress正版商业主题 wordpress企业主题 多功能主题[出售]

相关专题

7B2/B2主题

B2/7B2主题- WordPress多功能主题 B2的是一款面向未来的Wordpress主题,这款主题与市面上所有已售主题有着巨大的差别。您看到的可能仅仅是它的外表,它的运行机制和功能可能是您更需要了解的。   4年多,我们只专注这一个主题的开发,用户购买以后终生享受升级服务,您买完了直接用,剩下…

为TA充电
共{{data.count}}人
人已赞赏

【龙萱坤诺】声明:

龙萱坤诺所有资源来源于网络及用户分享或为本站原创,仅限用于学习和研究,如有侵权请邮件联系站长!不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站概不负责!

 

龙萱坤诺欢迎您投稿发表文章,更有龙萱坤诺奖励和额外收入!根据投稿内容质量,可获邀入驻本平台,开启您的站长之路!

 

如有链接无法下载、失效或广告,请到论坛反馈!

联系我们

© 转载请声明:转载自“龙萱坤诺"

资料教程

站长笔记:新版B2主题开发教程 备忘录

2020-4-22 23:20:10

软件教程

ps怎么做喷溅效果字体?

2020-1-12 16:39:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

热门专栏

文章发布排行

更多
  • 官方编辑

    仁师lv9

    文章

    6176

    评论

    4

    粉丝

    6

    关注

    0

    龙萱坤诺官方编辑员
  • 玩机技巧

    初学子lv0

    文章

    819

    评论

    2

    粉丝

    2

    关注

    0

    分享最新、最热的玩机教程。有需要的教程也可以圈子发帖提需求呦。
  • 微客创赢

    坛圣lv13

    文章

    301

    评论

    27

    粉丝

    9

    关注

    4

    程序员小白
  • 龙萱坤诺

    坛圣lv13

    文章

    141

    评论

    70

    粉丝

    7

    关注

    5

    龙萱坤诺管理员
  • wordpress建站

    有学者lv2

    文章

    82

    评论

    13

    粉丝

    2

    关注

    0

    Wordpress建站服务商