WP教程与插件

原懿古今NANA主题向知更鸟BEGIN主题 短代码接入

这两天感觉以前用的懿古今NANA主题总不是太顺,于是昨天花了点时间将原主题更新升级为著名主题包开发者知更鸟旗下的BEGIN主题;

因为以前用的是懿古今NANA主题,后台集成了大量的短代码,而且前面大量的文章中都涉及到了短代码的添加;为了避免原代码失去效果,同时又没有足够精力一篇篇文章进行修改的时候,做出一个考虑就是将原懿古今NANA主题下的短代码样式全部集成接入到新的BEGIN主题;

经过琢磨,终于找到解决办法,具体操作方法如下:

修改函数functions.php文件

第一步:添加函数functions.php文件里面的短代码样式及处理代码;添加短代码样式:

打开BEGIN主题包目录下的“\begin\inc\function.php”,通过搜索找到其中的function begin_select()函数,如下:

然后在最后一行后面添加以下代码:
上述代码下载
第二步:添加短代码函数

通过搜索“function begin_register_tinymce_button”搜索,然后在“array_push”数组里面依次添加以上value值,添加后如下:

第三步:添加短代码对应的HTML编码代码

// 短代码信息框
function toz($atts, $content=null){
    return ''.$content.'
'; } add_shortcode('v_notice','toz'); function toa($atts, $content=null){     return ''.$content.''; } add_shortcode('v_error','toa'); function toc($atts, $content=null){     return ''.$content.''; } add_shortcode('v_warn','toc'); function tob($atts, $content=null){     return ''.$content.''; } add_shortcode('v_tips','tob'); function tod($atts, $content=null){     return ''.$content.''; } add_shortcode('v_blue','tod'); function toe($atts, $content=null){     return ''.$content.''; } add_shortcode('v_black','toe'); function tof($atts, $content=null){     return ''.$content.''; } add_shortcode('v_xuk','tof'); function tog($atts, $content=null){     return ''.$content.''; } add_shortcode('v_lvb','tog'); function toh($atts, $content=null){     return ''.$content.''; } add_shortcode('v_redb','toh'); function toi($atts, $content=null){     return ''.$content.''; } add_shortcode('v_orange','toi');

将以上代码复制然后粘贴到“\begin\inc\function.php”此文件的最后面即可,或者其它自己觉得可以的任何地方,但一定是在这个文件内;

添加短代码对应的样式

经过对代码的层层分离,最后找出以下代码:

#sc_notice{color:#7da33c;background:#ecf2d6 url(img/sc_notice.png) -1px -1px no-repeat;border:1px solid #aac66d;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
#sc_warn{color:#ad9948;background:#fff4b9 url(img/sc_warn.png) -1px -1px no-repeat;border:1px solid #eac946;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
#sc_error{color:#c66;background:#ffecea url(img/sc_error.png) -1px -1px no-repeat;border:1px solid #ebb1b1;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
#sc_tips{color:#777;background:#eaeaea url(img/sc_tips.png) -1px -1px no-repeat;border:1px solid #ccc;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
#sc_blue{color:#1ba1e2;background:rgba(27,161,226,.26) url(img/sc_blue.png) -1px -1px no-repeat;border:1px solid #1ba1e2;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}#
sc_black{border-width:1px 4px 4px 1px;border-style:solid;border-color:#3e3e3e;margin:10px 0;padding:15px 15px 15px 35px}
#sc_xuk{border:2px dashed #29aae3;background-color:#f8f7f5;margin:10px 0;padding:15px 15px 15px 35px}
#sc_lvb{margin:10px 0;padding:15px 15px 15px 35px;border:1px solid #e3e3e3;border-left:2px solid #05B536;background:#FFF}
#sc_redb{margin:10px 0;padding:15px 15px 15px 35px;border:1px solid #e3e3e3;border-left:2px solid #ED0505;background:#FFF}
#sc_orange{margin:10px 0;padding:15px 15px 15px 35px;border:1px solid #e3e3e3;border-left:2px solid #EC8006;background:#FFF}

将以上代码复制粘贴到根目录下的style.css的最后一行即可;

对应的5张图片压缩如下,将解压出来的文件,全部上传至主题包目录下的Img即可:

图片素材

根据以上修改后演示效果如下:

增加站内文章调用

第一步:向短代码列表添加以下代码:

第二步:添加对应解析函数,代码如下:

//通过短代码显示站内文章图文添加
function lxtx_fa_insert_posts( $atts, $content = null ){
extract( shortcode_atts( array(
'ids' ="> ''
),
$atts ) );
global $post;
$content = '';
$postids = explode(',', $ids);
$inset_posts = get_posts(array('post__in'=">$postids));
foreach ($inset_posts as $key ="> $post) {
setup_postdata( $post );
$content .= '';
}
wp_reset_postdata();
return $content;
}
add_shortcode('lxtx_fa_insert_post', 'lxtx_fa_insert_posts');
(0)
【友情提示:】
1、[焦点热议]及其子栏目内容为网络转载,其它栏目内容系作者个人原创文章观点,不代表除作者外的任何第三方观点赞同或支持;
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录,便于日后面对相同问题时候的复盘总结,同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集,请用户下载后24小时内删除,否则引起的争议由使用者承担,与本站无关;
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;
LensNews

发表评论