RiPro4.9 主题美化教程_添加VIP引导页,首页幻灯片美化,添加站点统计模块,默认首页五列布局

作者 : 西楼源码网 本文共10482个字,预计阅读时间需要27分钟 发布时间: 2019-12-18 共290人阅读
效果展示(一)
效果展示(二)
效果展示(三)





 教程一、添加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”并跳转到该处,换一行添加

'pages/vip.php' => array('会员介绍', 'vip'),

注:第四步作用是将vip引导页设为默认添加页面,这一步不强求大家添加,视个人喜好而定


教程二、添加统计模块(本人是单独分离,网上大多的方

第一步:ripro -> inc -> codestar-framework -> options 目录下打开 options.theme.php,搜索“‘lastpost’ => ‘最新文章展示’”并跳转到该处,换一行添加

'census'  => '统计模块',

第二步:ripro -> parts -> home-mode目录下新建“census.php”,并添加如下代码

<?php
$mode_census = _cao('mode_census');
$count_posts = wp_count_posts();
$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");
ob_start(); ?>
<div class="section text-center pb-0" style="padding-top:20px; height:75px;">
  <div class="container">
    <div class="alert alert-modern alert-dark">
      <div class="alert-content">
        <span class="type_icont_2"><i class="fa fa-bell-o"></i> 博主统计 </span>
        <span class="description-17codesign">
          <p>  资源总数:<?php echo $published_posts = $count_posts->publish;?>个   &#3665;   注册用户:<?php echo $users; ?>位   &#3665;   本周更新:<?php echo get_week_post_count(); ?>篇   &#3665;   今日更新:<?php echo WeeklyUpdate();?>篇  </p>
        </span> 
      </div>
    </div>
  </div>
</div>

第三步:主题目录打开 functions.php ,在最后一行后面添加

5
// 每周更新
function get_week_post_count(){
    $date_query = array(
        array(
            'after'=>'1 week ago'
        )
    );$args = array(
        'post_type' => 'post',
        'post_status'=>'publish',
        'date_query' => $date_query,
        'no_found_rows' => true,
        'suppress_filters' => true,
        'fields'=>'ids',
        'posts_per_page'=>-1
    );
    $query = new WP_Query( $args );
    return $query->post_count;
}
// 每周日新
function WeeklyUpdate() {
    $today = getdate();
    $query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]);
    $postsNumber = $query->found_posts;
    echo $postsNumber;
}

 教程三、修改幻灯片布局样式

第一步:ripro -> parts -> home-mode -> slider.php,第五行到第九行替换为如下代码

<div class="section">
            <div class="container">
                <div class="module slider big owl nav-white <?php echo esc_attr( $mode_slider['autoplay'] ? ' autoplay' : '' ); ?>">
                    <?php foreach ($mode_slider['diy_data'] as $key => $item) {?>
                    <article class="post lazyload visible" data-bg="<?php echo esc_url( $item['_img'] );?>">
                        <div class="container">
                            <a target="_blank" class="u-permalink" href="<?php echo esc_url( $item['_href'] );?>"></a>
                        </div>
                    </article>
                    <?php } ?>
                </div>
            </div>
        </div>

教程转自52破解@死神的泪谁懂

免责声明: 本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
侵删请致信E-mail:noticexlw@qq.com

西楼网 » RiPro4.9 主题美化教程_添加VIP引导页,首页幻灯片美化,添加站点统计模块,默认首页五列布局

常见问题FAQ