原懿古今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 '<div id="sc_notice">'.$content.'</div>';
}
add_shortcode('v_notice','toz');
function toa($atts, $content=null){
    return '<div id="sc_error">'.$content.'</div>';
}
add_shortcode('v_error','toa');
function toc($atts, $content=null){
    return '<div id="sc_warn">'.$content.'</div>';
}
add_shortcode('v_warn','toc');
function tob($atts, $content=null){
    return '<div id="sc_tips">'.$content.'</div>';
}
add_shortcode('v_tips','tob');
function tod($atts, $content=null){
    return '<div id="sc_blue">'.$content.'</div>';
}
add_shortcode('v_blue','tod');
function toe($atts, $content=null){
    return '<div id="sc_black">'.$content.'</div>';
}
add_shortcode('v_black','toe');
function tof($atts, $content=null){
    return '<div id="sc_xuk">'.$content.'</div>';
}
add_shortcode('v_xuk','tof');
function tog($atts, $content=null){
    return '<div id="sc_lvb">'.$content.'</div>';
}
add_shortcode('v_lvb','tog');
function toh($atts, $content=null){
    return '<div id="sc_redb">'.$content.'</div>';
}
add_shortcode('v_redb','toh');
function toi($atts, $content=null){
    return '<div id="sc_orange">'.$content.'</div>';
}
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即可：

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

增加站内文章调用

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

<option value="">插入站内文章</option>

第二步：添加对应解析函数，代码如下：

//通过短代码显示站内文章图文添加
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 .= '<div class="wplist-item"><a href="' . get_permalink() . '" target="_blank" isconvert="1" rel="nofollow"><div class="wplist-item-img"></div><div class="wplist-title">' . get_the_title() . '</div><p class="wplist-des">'.wp_trim_words( get_the_content(), 90, '......' ).'</p><div class="wplist-btn">阅读全文</div><div class="clear"></div></a><div class="clear"></div></div>';
}
wp_reset_postdata();
return $content;
}
add_shortcode('lxtx_fa_insert_post', 'lxtx_fa_insert_posts');

【友情提示：】
1、本文由 ♚纪实阁付涛♚ 作者：付涛纪实阁 发表，其版权均为 ♚纪实阁付涛♚ 所有；
2、文章内容系作者个人观点，不代表除个人作者外的任何第三方针对观点赞同或支持；
3、本站文章均为博主原创，如需转载，请注明文章来源；