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

付涛纪实阁 WP教程与插件 2018年6月24日 百度已收录

1.38K 0 1

这两天感觉以前用的懿古今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');

wordpress 代码，wordpress 搜索代码(1)wordpress 代码插件，wordpress 代码高亮(1)wordpress 统计代码(1)wordpress代码大全(1)wordpress分页代码(1)wordpress注释代码(1)wordpress短代码使用(1)

文章不错？【打赏】给我点更新欲望