最新公告
  • 欢迎您光临笨羊博客,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • RiPro 主题美化教程+源码 (第三期)

    本期内容:添加VIP引导页,首页幻灯片美化,添加站点统计模块,默认修改首页五列布局

    VIP引导页_张昊翔博客

    效果展示(一)
    教程一、添加VIP引导页
    第一步:ripro -> parts 目录下navbar.php,在“<div class=”actions”>”和“<?php if (is_site_shop_open()) : ?>”之间添加如下代码
    <div title="加入VIP,免费下载全站素材" class="menu-head_you-container">
    <ul id="menu-head_you" class="menu">
    <li id="menu-item-967" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-967">
    <a href="vip"><i class="fa fa-diamond"></i> 开通会员</a>
    </li>
    </ul>
    </div>

    第二步:ripro -> pages目录下添加 vip.php,录入如下代码并保存

    <?php
    /**
    * Template name: 会员介绍
    * Description:   A VIP introduction page
    */
    $vip_site = _cao( 'homevip_field');
    $vip_mone = _cao( 'homevip_montext');
    $homevip_group = _cao('homevip_group');
    get_header();
    ?>
    <div class="vip-banner">
    <img src="<?php echo esc_url( $vip_site['homevip_topimg'] ); ?>">
    <div class="vipbj">
    <h2><?php echo $vip_site['homevip_top_title']; ?></h2>
    <p><?php echo $vip_site['homevip_top_description']; ?></p>
    <?php if ($vip_site['homevip_top_title']) : ?>
    <a href="<?php echo home_url()?>/user?action=vip" title="" target="_blank"><?php echo $vip_site['homevip_top_text']; ?></a>
    <?php endif; ?>
    </div>
    </div>
    <div class="module-line">
    <span class="arrow left-arrow"></span>
    <span class="text"><?php echo _cao('homevip_numtext');?></span>
    <span class="arrow right-arrow"></span>
    </div>
    <div class="row vip-slogan">
    <?php if (!empty($homevip_group)) {
    foreach ($homevip_group as $key => $link) {
    echo '<div class="col-xs-12 col-sm-6 col-md-4 vip-slogan-box"><i class="'.$link['_ico'].'"></i><div class="vip-slogan-text"><p>'.$link['_text1'].'</p><p>'.$link['_text2'].'</p></div></div>';
    }
    }?> 
    </div>
    <div class="container">
    <article class="single-content" id="post-<?php the_ID(); ?>" <?php post_class( 'post vip' ); ?>>
    <div class="module-line">
    <span class="arrow left-arrow"></span>
    <span class="text"><?php echo $vip_mone['_title1']; ?></span>
    <span class="arrow right-arrow"></span>
    <div class="vip-desc"><?php echo $vip_mone['_title2']; ?></div>
    </div>
    <div class="container">
    <div class="vip-row vip-block-wrapper" style="padding-bottom: 0; padding-top: 30px; margin-bottom: 0; ">
    <?php
    $vip_pay_setting = _cao('vip-pay-setting');
    foreach ($vip_pay_setting as $key => $item) {
    echo '<div class="vip-block-item"><div class="home-vipbox"><div class="icon">';
    echo '<img src="'.$item['vipico'].'"> </div>';
    if ($item['daynum'] == 7) {
    echo '<h3 class="content0-title">包周会员</h3>';
    echo '<p class="vip-home-price">'.$item['price'].'<i>'._cao('site_money_ua').'</i></p>';
    echo '<p>周费VIP '.$item['daynum'].'天 福利</p>';
    }elseif ($item['daynum'] == 30 || $item['daynum'] == 31){
    echo '<h3 class="content0-title">包月会员</h3>';
    echo '<p class="vip-home-price">'.$item['price'].'<i>'._cao('site_money_ua').'</i></p>';
    echo '<p>月费VIP '.$item['daynum'].'天 福利</p>';
    }elseif ($item['daynum'] == 365){
    echo '<h3 class="content0-title">包年会员</h3>';
    echo '<p class="vip-home-price">'.$item['price'].'<i>'._cao('site_money_ua').'</i></p>';
    echo '<p>年费VIP '.$item['daynum'].'天 福利</p>';
    }elseif ($item['daynum'] == 9999){
    echo '<h3 class="content0-title">终身会员</h3>';
    echo '<p class="vip-home-price">'.$item['price'].'<i>'._cao('site_money_ua').'</i></p>';
    echo '<p>终身VIP 终身 福利</p>';
    }else{
    echo '<h3 class="content0-title">请后台设置</h3>';
    }
    echo '<p>'.$item['description1'].'</p>';
    if ($item['daynum'] == 7 || $item['daynum'] == 30 || $item['daynum'] == 31 || $item['daynum'] == 365 ){
    echo '<p>每天可下载'._cao('vip_down_num').'个VIP资源</p>';
    }elseif ($item['daynum'] == 9999){
    echo '<p>每天可下载'._cao('boosvip_down_num').'个VIP资源</p>';
    }
    echo '<p>'.$item['description2'].'</p>';
    echo '<a href="'.home_url().'/user?action=vip"><p class="vip-bt">开通</p></a>';
    echo '</div></div>';
    } ?>
    </div>
    </div>
    </article>
    </div>
    <div style="clear:both"></div>
    <style type="text/css">
    .site-content{ padding:0px;}
    .term-bar{ display:none;}
    </style>
    <?php get_footer(); ?>

    第三步:ripro -> inc -> codestar-framework -> options 目录下打开 options.theme.php,搜索“// 商城-佣金设置并跳转到该位置”,在该备注上方“));”后添加如下代码

     

    //
    // Field: VIP页设置
    //
    CSF::createSection($prefix, array(
    'parent' => 'shop_fields',
    'title'  => 'VIP页设置',
    'icon'   => 'fa fa-circle',
    'fields' => array(
    array(
    'id'     => 'homevip_field',
    'type'   => 'fieldset',
    'title'  => '头部大图相关设置',
    'fields' => array(
    array(
    'id'         => 'homevip_topimg',
    'type'       => 'upload',
    'title'      => 'VIP引导页头部大图',
    'dsec'       => '上传一张显示在VIP引导页的大图',
    'default'    => get_stylesheet_directory_uri() . '/assets/images/comvip-banner.png',
    ),
    array(
    'id'      => 'homevip_top_title',
    'type'    => 'text',
    'title'   => '头部大图文字',
    'default' => '开通VIP独享海量下载特权',
    ),
    array(
    'id'      => 'homevip_top_description',
    'type'    => 'text',
    'title'   => '头部大图描述',
    'default' => '现在努力只为 不再仰望大神的后背!',
    ),
    array(
    'id'      => 'homevip_top_switcher',
    'type'    => 'switcher',
    'title'   => '头部大图按钮开关',
    'default' => true,
    ),
    array(
    'id'      => 'homevip_top_text',
    'type'    => 'text',
    'title'   => '按钮文字',
    'default' => '开通会员',
    'dependency' => array('homevip_top_switcher', '==', 'true'),
    ),
    ),
    ),
    array(
    'type'    => 'notice',
    'style'   => 'success',
    'content' => '注意,这里添加特权说明时,请添加3或3的倍数个,不然不美观!!!特权图标示例 <span style="color:red;">fa fa-vimeo-square</span> <a  target="_blank">图标获取地址:http://fontawesome.dashgame.com/</a>',
    'dependency' => array('is_show_homevip', '==', 'true'),
    ),
    array(
    'id'    => 'homevip_numtext',
    'type'   => 'text',
    'title'     => 'VIP特权模块标题',
    'default' => '会员尊享6项特权',
    ),
    array(
    'id'        => 'homevip_group',
    'type'      => 'group',
    'title'     => 'VIP特权说明',
    'label'     => '请添加3或3的倍数个,不然不美观!!!',
    'max'       => '6',
    'fields'    => array(
    array(
    'id'    => '_ico',
    'type'  => 'text',
    'title' => '特权图标',
    'default'=>'fa fa-vimeo-square',
    ),
    array(
    'id'    => '_text1',
    'type'  => 'text',
    'title' => '特权说明-1(大标题)',
    'default'=>'1000+资源,无限量下载',
    ),
    array(
    'id'    => '_text2',
    'type'  => 'text',
    'title' => '特权说明-2',
    'default'=>'真正的海量,无套路,诚意满满',
    ),
    ),
    'default' => array(
    array(
    '_ico'  => 'fa fa-vimeo-square',
    '_text1'=> '1000+资源,无限量下载',
    '_text2'=> '真正的海量,无套路,诚意满满',
    ),
    ),
    ),
    array(
    'id'    => 'homevip_montext',
    'type'   => 'fieldset',
    'title'     => 'VIP资费设置',
    'fields' => array(
    array(
    'id'    => '_title1',
    'type'  => 'text',
    'title' => '标题-1',
    'default'=>'VIP会员资费介绍',
    ),
    array(
    'id'    => '_title2',
    'type'  => 'text',
    'title' => '标题-2',
    'attributes' => array(
    'style' => 'width: 100%;',
    ),
    'default'=>'在这里,会员每平均10个用户开通会员, 下载资源 100+份~',
    ),
    ),
    ),
    ),
    ));

    第四步:主题目录打开 functions.php ,搜索“pages/tags.php”并跳转到该处,换一行添加

    暂无优惠

    已有1人支付

    张昊翔博客原创文章,作者:,如若转载,请注明出处:
    1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2、分享目的仅供大家学习和交流,请不要用于商业用途!
    3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    4、如有链接无法下载、失效或广告,请联系管理员处理!
    5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    笨羊博客 » RiPro 主题美化教程+源码 (第三期)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    笨羊博客
    一个关注网站建设、网站模板、搜索引擎、小程序的媒体博客

    发表评论