WordPress主题-日主题V2主题美化二开模板教程

本文共77626个字,预计阅读时间需要195分钟 发布时间: 2021-12-19 共69人阅读

 

广告位模块

最后在外观–自定义–额外CSS加入以下CSS样式

.yfx_ads {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-top: 10px;
    margin-bottom: 10px !important;
}
.yfx_ads li {
    margin: 5px 0;
    padding-left: 15px;
    flex: 0 0 33.33344%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
	 		list-style: none;
}
.yfx_ads a {
    position: relative;
    display: block;
    float: left;
}
.yfx_ads a:before {
    position: absolute;
    content: \\\" \\\";
    width: 26px;
    height: 1pc;
    background: url(https://www.hualigs.cn/image/61026b910e427.jpg);
    right: 0;
    font-size: 9pt;
    text-align: center;
    bottom: 0;
    color: #fff;
}
@media screen and (max-width: 800px) { .yfx_ads{display:none; }
}

微信内关闭商城


利用宝塔或则FTP打开/rizhuti-v2/inc/options下的admin-options.php文件放入以下代码在第10行下面:

CSF::createSection( $prefix, array(
            \\\\\\\'title\\\\\\\'  => \\\\\\\'功能增强\\\\\\\',
            \\\\\\\'icon\\\\\\\'   => \\\\\\\'fas fa-rocket\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                  array(
                    \\\\\\\'id\\\\\\\'      => \\\\\\\'is_weixin_close_site_shop\\\\\\\',
                    \\\\\\\'type\\\\\\\'    => \\\\\\\'switcher\\\\\\\',
                    \\\\\\\'title\\\\\\\'   => esc_html__( \\\\\\\'在微信内访网站自动关闭商城\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\' ),
                    \\\\\\\'desc\\\\\\\'    => esc_html__( \\\\\\\'微信官方规则限制所有公众号小程序等不允许存在虚拟交易付款产品,此功能方便的一B,既然你不让出现,我就自动判断,在微信内访问的时候作为博客展示\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\' ),
                    \\\\\\\'default\\\\\\\' => false,
                ),
            )
        )
    );

最后在functions.php文件最底部下添加以下代码即可

/**
 * 微信访问关闭商城
 */
function close_site_shop() {
    if (is_weixin_visit() && _cao(\\\\\\\'is_weixin_close_site_shop\\\\\\\', false)) {
        add_filter(\\\\\\\'is_site_shop\\\\\\\', \\\\\\\'__return_true\\\\\\\');
    }
}
add_action(\\\\\\\'init\\\\\\\', \\\\\\\'close_site_shop\\\\\\\');

排行榜模块


利用宝塔或则FTP打开/rizhuti-v2/inc/options下的widget-options.php文件放入以下代码在第2行下面:

/**
 * 排行榜
 */
CSF::createWidget(\\\\\\\'rizhuti_v2_module_rank\\\\\\\', array(
    \\\\\\\'title\\\\\\\' => esc_html__(\\\\\\\'RI-首页模块 : 排行榜\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
    \\\\\\\'classname\\\\\\\' => \\\\\\\'rizhuti_v2-widget-rank\\\\\\\',
    \\\\\\\'description\\\\\\\' => esc_html__(\\\\\\\'Displays a 排行榜\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
    \\\\\\\'fields\\\\\\\' => array(
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'home_mode_rank\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_title\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'标题\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'排行榜\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'图标代码\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                ),

                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'catcms\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'group\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'新建排行榜(至多4个)\\\\\\\',
                    \\\\\\\'max\\\\\\\' => 4,
                    \\\\\\\'fields\\\\\\\' => array(
                        array(
                            \\\\\\\'id\\\\\\\' => \\\\\\\'_title\\\\\\\',
                            \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                            \\\\\\\'title\\\\\\\' => \\\\\\\'排行榜标题\\\\\\\',
                            \\\\\\\'default\\\\\\\' => \\\\\\\'\\\\\\\',
                            \\\\\\\'desc\\\\\\\' => \\\\\\\'不设置则自动显示分类名称为标题\\\\\\\',
                        ),
                        array(
                            \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                            \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                            \\\\\\\'title\\\\\\\' => \\\\\\\'图标代码\\\\\\\',
                            \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                            \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                        ),

                        array(
                            \\\\\\\'id\\\\\\\' => \\\\\\\'_is_all_cat\\\\\\\',
                            \\\\\\\'type\\\\\\\' => \\\\\\\'switcher\\\\\\\',
                            \\\\\\\'title\\\\\\\' => \\\\\\\'选择全部分类\\\\\\\',
                            \\\\\\\'default\\\\\\\' => false,
                        ),

                        array(
                            \\\\\\\'id\\\\\\\' => \\\\\\\'nav_cat_id\\\\\\\',
                            \\\\\\\'type\\\\\\\' => \\\\\\\'checkbox\\\\\\\',
                            \\\\\\\'title\\\\\\\' => \\\\\\\'参与排行的分类\\\\\\\',
                            \\\\\\\'placeholder\\\\\\\' => \\\\\\\'选择分类\\\\\\\',
                            \\\\\\\'chosen\\\\\\\' => true,
                            \\\\\\\'multiple\\\\\\\' => true,
                            \\\\\\\'inline\\\\\\\' => true,
                            \\\\\\\'options\\\\\\\' => \\\\\\\'categories\\\\\\\',
                            \\\\\\\'dependency\\\\\\\' => array(\\\\\\\'_is_all_cat\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'false\\\\\\\'),
                        ),
                        array(
                            \\\\\\\'id\\\\\\\' => \\\\\\\'_blank\\\\\\\',
                            \\\\\\\'type\\\\\\\' => \\\\\\\'switcher\\\\\\\',
                            \\\\\\\'title\\\\\\\' => \\\\\\\'新窗口打开导航链接\\\\\\\',
                            \\\\\\\'default\\\\\\\' => true,
                            \\\\\\\'dependency\\\\\\\' => array(\\\\\\\'is_cat_nav\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'true\\\\\\\'),
                        ),

                        array(
                            \\\\\\\'id\\\\\\\' => \\\\\\\'orderby\\\\\\\',
                            \\\\\\\'type\\\\\\\' => \\\\\\\'radio\\\\\\\',
                            \\\\\\\'title\\\\\\\' => \\\\\\\'排序方式\\\\\\\',
                            \\\\\\\'inline\\\\\\\' => true,
                            \\\\\\\'options\\\\\\\' => array(
                                \\\\\\\'view\\\\\\\' => esc_html__(\\\\\\\'浏览量\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
                                \\\\\\\'date\\\\\\\' => esc_html__(\\\\\\\'日期\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
                                \\\\\\\'rand\\\\\\\' => esc_html__(\\\\\\\'随机\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
                                \\\\\\\'comment_count\\\\\\\' => esc_html__(\\\\\\\'评论数量\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
                                \\\\\\\'id\\\\\\\' => esc_html__(\\\\\\\'文章ID\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
                            ),
                            \\\\\\\'default\\\\\\\' => \\\\\\\'view\\\\\\\',
                        ),

                    ),
                ),
            ),
        ),

    ),
));
if (!function_exists(\\\\\\\'rizhuti_v2_module_rank\\\\\\\')) {
    function rizhuti_v2_module_rank($args, $instance)
    {
        if (!is_page_template_modular()) {
            return false;
        } //非模块页面不显示

        echo $args[\\\\\\\'before_widget\\\\\\\'];

        ob_start(); 
     ?>
        <?php if (!empty($instance[\\\\\\\'home_mode_rank\\\\\\\'][\\\\\\\'catcms\\\\\\\'])) :
        $post_count = 0;
        foreach ($instance[\\\\\\\'home_mode_rank\\\\\\\'][\\\\\\\'catcms\\\\\\\'] as $k => $item) {
            if (\\\\\\\'1\\\\\\\' === $item[\\\\\\\'_is_all_cat\\\\\\\']) {
                $post_count += wp_count_posts()->publish;
            } else {
                foreach ($item[\\\\\\\'nav_cat_id\\\\\\\'] as $v) {
                    $post_count += get_category($v)->count;
                }
            }
        }
        ?>
        <h3 class=\\\"section-title section-title1\\\"><span><i
                        class=\\\"<?php echo $instance[\\\\\\\'home_mode_rank\\\\\\\'][\\\\\\\'_icon\\\\\\\'] ?>\\\"></i> <?php echo $instance[\\\\\\\'home_mode_rank\\\\\\\'][\\\\\\\'_title\\\\\\\'] ?>
                    </span></h3>
        <div class=\\\"home-section-ranks\\\" id=\\\"h_rank\\\">
            <div class=\\\"container\\\">
                <div class=\\\"section-content\\\">
                    <div class=\\\"ranks-content\\\">
                        <div class=\\\"ranks-bar\\\">
                            <h4 class=\\\"total\\\">榜单合计 <em
                                        class=\\\"total_num\\\"><?php echo $post_count; ?></em> 篇</h4>
                            <ul data-tabs style=\\\"padding-left: 0\\\">
                                <?php foreach ($instance[\\\\\\\'home_mode_rank\\\\\\\'][\\\\\\\'catcms\\\\\\\'] as $k => $item) {
                                    $title = $item[\\\\\\\'_title\\\\\\\'];
                                    $icon = $item[\\\\\\\'_icon\\\\\\\'];
                                    if ($k === 0) {
                                        echo <<<EOT
<li id=\\\"rank-$k\\\" class=\\\"ranking-post current\\\" data-source=\\\"inspiration\\\"><a><i class=\\\"$icon\\\"></i>$title</a></li>
EOT;
                                    } else {
                                        echo <<<EOT
<li id=\\\"rank-$k\\\" class=\\\"ranking-post\\\" data-source=\\\"inspiration\\\"><a><i class=\\\"$icon\\\"></i>$title</a></li>
EOT;
                                    }
                                } ?>
                            </ul>
                        </div>
                        <?php
                        echo <<< EOT
<script>
var list_rank;
$(function() {
    $(\\\"#rank-0,#rank-1,#rank-2,#rank-3\\\").click(function(){
        $(\\\"#rank-0,#rank-1,#rank-2,#rank-3\\\").removeClass(\\\\\\\'current\\\\\\\');
        $(this).addClass(\\\\\\\'current\\\\\\\');
        list_rank = \\\\\\\'#list-\\\\\\\' + $(this).attr(\\\"id\\\");
        $(\\\"#list-rank-0,#list-rank-1,#list-rank-2,#list-rank-3\\\").hide();
        $(list_rank).show();
    });
});
</script>
EOT; ?>
                        <div class=\\\"ranks-main\\\">
                            <div class=\\\"rank-results\\\">
                                <?php foreach ($instance[\\\\\\\'home_mode_rank\\\\\\\'][\\\\\\\'catcms\\\\\\\'] as $k => $item) {
                                    if ($item[\\\\\\\'orderby\\\\\\\'] === \\\\\\\'view\\\\\\\') {
                                        $args = array(
                                            \\\\\\\'ignore_sticky_posts\\\\\\\' => true,
                                            \\\\\\\'post_status\\\\\\\' => \\\\\\\'publish\\\\\\\',
                                            \\\\\\\'posts_per_page\\\\\\\' => 5,
                                            \\\\\\\'meta_key\\\\\\\' => \\\\\\\'_views\\\\\\\',
                                            \\\\\\\'orderby\\\\\\\' => \\\\\\\'meta_value_num\\\\\\\',
                                            \\\\\\\'order\\\\\\\' => \\\\\\\'DESC\\\\\\\'
                                        );
                                    } else {
                                        $args = array(
                                            \\\\\\\'ignore_sticky_posts\\\\\\\' => true,
                                            \\\\\\\'post_status\\\\\\\' => \\\\\\\'publish\\\\\\\',
                                            \\\\\\\'posts_per_page\\\\\\\' => 5,
                                            \\\\\\\'orderby\\\\\\\' => $item[\\\\\\\'orderby\\\\\\\'],
                                            \\\\\\\'order\\\\\\\' => \\\\\\\'DESC\\\\\\\'
                                        );
                                    }

                                    if ($item[\\\\\\\'_is_all_cat\\\\\\\'] === \\\\\\\'0\\\\\\\' || $item[\\\\\\\'_is_all_cat\\\\\\\'] === \\\\\\\'\\\\\\\') {
                                        if (empty($item[\\\\\\\'nav_cat_id\\\\\\\'])) {
                                            $args[\\\\\\\'category__in\\\\\\\'] = [md5(123)];
                                        } else {
                                            $args[\\\\\\\'category__in\\\\\\\'] = $item[\\\\\\\'nav_cat_id\\\\\\\'];
                                        }
                                    }

                                    $wp_query = new WP_Query($args);
                                    $i = 0;
                                    if ($k == 0) {
                                        echo \\\\\\\'<div class=\\\"items\\\" id=\\\"list-rank-\\\\\\\' . $k . \\\\\\\'\\\">\\\\\\\';
                                    } else {
                                        echo \\\\\\\'<div class=\\\"items\\\" id=\\\"list-rank-\\\\\\\' . $k . \\\\\\\'\\\" style=\\\"display: none;\\\">\\\\\\\';
                                    }
                                    while ($wp_query->have_posts()) : $wp_query->the_post();
                                        global $post;
                                        if (empty($sizes)) {
                                            $thum_arr_px = _cao(\\\\\\\'thumb_px\\\\\\\');
                                            $_w = (!empty($thum_arr_px)) ? (int)$thum_arr_px[\\\\\\\'width\\\\\\\'] : 300;
                                            $_h = (!empty($thum_arr_px)) ? (int)$thum_arr_px[\\\\\\\'height\\\\\\\'] : 200;
                                        } else {
                                            $_w = (int)$sizes[\\\\\\\'width\\\\\\\'];
                                            $_h = (int)$sizes[\\\\\\\'height\\\\\\\'];
                                        }
                                        $modular = _cao(\\\\\\\'thumb_type\\\\\\\');
                                        $src = _get_post_thumbnail_url($post);
                                        if ($modular == \\\\\\\'php\\\\\\\' && !_img_is_gif($src)) {
                                            $thumb_url = get_template_directory_uri() . \\\\\\\'/timthumb.php?src=\\\\\\\' . $src . \\\\\\\'&h=\\\\\\\' . $_h . \\\\\\\'&w=\\\\\\\' . $_w . \\\\\\\'&zc=1&a=c&q=100&s=1\\\\\\\';
                                        } elseif ($modular == \\\\\\\'other\\\\\\\' && !_img_is_gif($src)) {
                                            $thumbnail_other = _cao(\\\\\\\'thumbnail_other\\\\\\\', \\\\\\\'\\\\\\\');
                                            $thumb_url = $src . $thumbnail_other;
                                        } else {
                                            $thumb_url = $src;
                                        }

                                        $categoriy = \\\\\\\'\\\\\\\';
                                        $categories = get_the_category();
                                        foreach ($categories as $k => $v) {
                                            if ($k > 0) {
                                                break;
                                            }

                                            if ($k === 1) {
                                                $categoriy .= \\\\\\\' | \\\\\\\' . \\\\\\\'<a href=\\\"\\\\\\\'%20.%20get_category_link($v->term_id)%20.%20\\\\\\\'\\\">\\\\\\\' . $v->name . \\\\\\\'</a>\\\\\\\';
                                            } else {
                                                $categoriy .= \\\\\\\'<a href=\\\"\\\\\\\'%20.%20get_category_link($v->term_id)%20.%20\\\\\\\'\\\">\\\\\\\' . $v->name . \\\\\\\'</a>\\\\\\\';
                                            }
                                        }
                                        $author = get_the_author_posts_link();

                                        $i++;
                                        ?>
                                        <div class=\\\"item\\\">
                                            <div class=\\\"item-num num-<?php echo $i ?>\\\"><span
                                                        class=\\\"num\\\"><?php echo $i ?></span></div>
                                            <div class=\\\"item-thumb\\\"><a href=\\\"<?php%20the_permalink()%20?>\\\" target=\\\"_blank\\\">
                                                    <i
                                                            class=\\\"thumb \\\"
                                                            style=\\\"background-image:url(<?php echo $thumb_url ?>)\\\"></i>
                                                </a></div>
                                            <div class=\\\"item-title\\\"><a href=\\\"<?php%20the_permalink()%20?>\\\" target=\\\"_blank\\\">
                                                    <?php the_title(); ?></a></div>
                                            <div class=\\\"item-cat\\\" style=\\\"text-align: center\\\"><?php echo $categoriy; ?></div>
                                            <div class=\\\"item-author\\\">
                                                <?php echo $author; ?>
                                            </div>
                                            <div class=\\\"item-views\\\">
                                                <div class=\\\"un-hover\\\"><em><?php echo _get_post_views(); ?></em> 观众</div>
                                            </div>
                                        </div>
                                    <?php endwhile;
                                    echo \\\\\\\'</div>\\\\\\\';
                                } ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
    <?php endif; ?>
        <?php

        echo ob_get_clean();

        echo @$args[\\\\\\\'after_widget\\\\\\\'];

    }
}

最后进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的代码:

/*排行榜*/
.rizhuti_v2-widget-rank {
    margin-bottom: 20px;
}

.ranks-main {
    height: 620px;
}

@media (min-width: 768px) {
    .ranks-main {
        height: 650px;
    }
}

@media (max-width: 768px) {
    .reds-count-widget {
        display: none;
    }
}

.section-title1 {
    margin-bottom: 50px !important;
}

@media (min-width: 768px) {
    .section-title1 {
        margin-bottom: 18px !important;
    }
}

.ranks-main .thumb,
.home-slide .thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.home-slide li a {
    display: block;
    width: 100%;
    height: 100%
}

.home-slide li .thumb {
    height: 100%;
    padding: 0;
    -webkit-background-size: contain;
    background-size: 1000px 610px;
    background-position: 50%;
    max-width: 1300px;
    margin: 0 auto
}

@media (min-width: 1330px) {
    .home-slide li .thumb {
        background-position: 0
    }
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.h-mark {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: relative;
    display: block;
    overflow: hidden
}

.h-mark:after {
    content: \\\"\\\";
    display: block;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .01)), to(#000));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .01), #000);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .01) 0, #000 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .01), #000);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.h-mark:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: .3
}

.h-scale {
    position: relative;
    display: block;
    overflow: hidden
}

.h-scale,
.h-scale .thumb,
.h-scale img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.h-scale:hover .thumb,
.h-scale:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes flash {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

li,
ul {
    margin: 0;
    padding: 0
}

/**
body, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, ul {
    margin: 0;
    padding: 0
}

div, h1, h2, h3, h4, h5, h6, ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li, ol, ul {
    list-style: none
}

img {
    max-width: 100%;
    height: auto
}

a {
    color: #262626
}

a:hover {
    color: #3385ff
}

button, input, textarea {
    font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif;
    letter-spacing: .5px;
    outline: none
}


@media (min-width: 1024px) {
    body {
        padding-top: 0
    }
}

body.hideScroll {
    height: 100%;
    overflow: hidden
}

@media (max-width: 767px) {
    body.home {
        padding-top: 24px
    }
}*/

[class*=\\\" icon-\\\"]:before,
[class^=icon-]:before {
    margin: 0
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: \\\"\\\";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

img,
input {
    margin: 0;
    padding: 0;
    border: 0;
    outline-style: none;
    vertical-align: middle
}

a,
a:active,
a:visited {
    text-decoration: none
}

.thumb,
a,
a:active,
a:visited {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}


.bl {
    border-bottom: 1px solid #f3f3f3
}

.show {
    visibility: visible;
    opacity: 1
}

.hide,
.show {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.hide {
    visibility: hidden;
    opacity: 0
}

.hidden {
    display: none !important
}

.nav-inline li {
    display: inline
}

.content-loading {
    text-align: center;
    padding: 60px 0 80px;
    color: #ccc;
    font-size: 13px
}

.content-loading .loading-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em
}

.clr_orange {
    color: #ff7300;
    font-style: normal
}

.img-zoom {
    display: block;
    width: 100%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.img-zoom img {
    display: block;
    margin: 0 auto
}

.img-zoom .thumb {
    display: none
}

@media (min-width: 1024px) {
    .img-zoom .thumb {
        display: block
    }

    .img-zoom img {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        width: 0;
        height: 0;
        transition: none
    }

    .img-zoom.zoom_in,
    .img-zoom img {
        -webkit-transition: none;
        -o-transition: none
    }

    .img-zoom.zoom_in {
        cursor: -webkit-zoom-out;
        cursor: -moz-zoom-out;
        cursor: zoom-out;
        overflow: visible;
        z-index: 25;
        text-align: center;
        transition: none
    }

    .img-zoom.zoom_in .thumb {
        background-position: top;
        -webkit-background-size: auto auto;
        background-size: auto;
        display: none
    }

    .img-zoom.zoom_in img {
        width: auto;
        height: auto;
        max-width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}


.vitara_slide_in {
    width: 100%;
    position: relative;
    letter-spacing: 1.2px
}

.vitara_slide_in .slide_loading {
    background-position: 50%;
    background-repeat: no-repeat
}

.vitara_slide_in .vitara_slide {
    width: 100%;
    position: relative;
    overflow: hidden
}

.vitara_slide_in .vitara_slide ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.vitara_slide_in .vitara_slide ul li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    overflow: hidden
}

.vitara_slide_in .vitara_slide ul li.current {
    z-index: 2
}

.vitara_slide_in .vitara_slide ul li.finish,
.vitara_slide_in .vitara_slide ul li.ready {
    z-index: 1
}

.vitara_slide_in .vitara_slide ul li a {
    display: block;
    text-align: center
}

.vitara_slide_in .vitara_slide ul li img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    max-width: none;
    top: 0
}

.vitara_slide_in .vitara_slide ul li h3 {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 3px #525252;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .3));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .3));
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, .3)));
    background: linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .3))
}

.vitara_slide_in .vitara_slide ul li h3 .label {
    background: #fff;
    color: #525252;
    margin-right: 10px;
    text-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #666;
    -moz-box-shadow: 0 1px 1px #666;
    -webkit-box-shadow: 0 1px 1px #666
}

.vitara_slide_in .slide_btn {
    display: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0
}

.vitara_slide_in .slide_btn i {
    padding: 20px 5px;
    background: #999;
    background: rgba(0, 0, 0, .1)
}

.vitara_slide_in .slide_btn i:before {
    content: \\\"\\\\\\\\e815\\\"
}

.vitara_slide_in .slide_btn i.icon-left:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.vitara_slide_in .slide_btn:hover i {
    background: #333;
    background: rgba(0, 0, 0, .3)
}

.vitara_slide_in .slide_prev {
    left: 0
}

.vitara_slide_in .slide_next {
    right: -.5px
}

.vitara_slide_in .extra {
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 15px
}

@media (min-width: 1330px) {
    .vitara_slide_in .extra {
        right: auto;
        left: 50%;
        margin-left: 200px
    }
}

.vitara_slide_in .extra ul {
    padding: 0;
    margin: 0;
    text-align: right;
    overflow: hidden
}

.vitara_slide_in .extra li {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    height: 8px;
    width: 8px;
    background: hsla(0, 0%, 100%, .5);
    margin: 0 0 5px 5px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.vitara_slide_in .extra li .num,
.vitara_slide_in .extra li .sign,
.vitara_slide_in .extra li img,
.vitara_slide_in .extra li span {
    display: none
}

.vitara_slide_in .extra li.current,
.vitara_slide_in .extra li:hover {
    background: #fff
}

.vitara_slide_in .extra li.current {
    height: 8px;
    width: 18px
}


.home-section-first-menus {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 110px;
    width: 260px;
    padding: 20px 40px 20px 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: rgba(55, 55, 55, .5);
    margin-left: 390px;
    display: none
}

@media (min-width: 1330px) {
    .home-section-first-menus {
        display: block
    }
}

.home-section-first-menus .main-menus .li {
    display: block;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin-bottom: 8px
}

.home-section-first-menus .main-menus .li.show {
    background: hsla(0, 0%, 100%, .1)
}

.home-section-first-menus .main-menus .li.show .menu {
    color: #fff
}

.home-section-first-menus .main-menus .li.show .sub {
    visibility: visible;
    opacity: 1;
    right: 96%
}

.home-section-first-menus .main-menus .li:first-child .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0075ce), to(#46bbfe));
    background-image: -webkit-linear-gradient(top, #0075ce, #46bbfe);
    background-image: -o-linear-gradient(top, #0075ce 0, #46bbfe 100%);
    background-image: linear-gradient(180deg, #0075ce, #46bbfe)
}

.home-section-first-menus .main-menus .li:nth-child(2) .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6b01), to(#ffa15f));
    background-image: -webkit-linear-gradient(top, #ff6b01, #ffa15f);
    background-image: -o-linear-gradient(top, #ff6b01 0, #ffa15f 100%);
    background-image: linear-gradient(180deg, #ff6b01, #ffa15f)
}

.home-section-first-menus .main-menus .li:nth-child(3) .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8803ff), to(#c17bff));
    background-image: -webkit-linear-gradient(top, #8803ff, #c17bff);
    background-image: -o-linear-gradient(top, #8803ff 0, #c17bff 100%);
    background-image: linear-gradient(180deg, #8803ff, #c17bff)
}

.home-section-first-menus .main-menus .li:nth-child(4) .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#676fb6), to(#8d99fd));
    background-image: -webkit-linear-gradient(top, #676fb6, #8d99fd);
    background-image: -o-linear-gradient(top, #676fb6 0, #8d99fd 100%);
    background-image: linear-gradient(180deg, #676fb6, #8d99fd)
}

.home-section-first-menus .main-menus .menu {
    display: block;
    padding: 10px 10px 10px 40px;
    color: hsla(0, 0%, 100%, .8);
    line-height: 32px;
    font-size: 14px
}

.home-section-first-menus .main-menus .menu i {
    font-size: 12px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    text-align: center;
    margin-right: 15px;
    background: rgba(0, 0, 0, .08);
    -webkit-border-radius: 32px;
    border-radius: 32px
}

.home-section-first-menus .main-menus .sub {
    position: absolute;
    right: 110%;
    top: 0;
    bottom: 0;
    background: #fff;
    padding: 35px 30px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
    width: 430px;
    overflow-y: auto
}

.home-section-first-menus .main-menus .sub h2 {
    color: #000;
    font-size: 16px;
    margin-bottom: 18px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 {
    margin: 0 -12px 18px;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item {
    float: left;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a {
    display: block;
    background: rgba(245, 245, 248, .97);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 20px 12px 50px;
    position: relative
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover {
    background: #3385ff;
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .desc,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-023,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-024,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .ithumb,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .tit {
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #3385ff;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 18px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit {
    font-size: 16px;
    color: #3c3c3c;
    display: block;
    font-weight: 400;
    height: 1.5em;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-023,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
    font-size: 12px;
    color: #ffa300;
    vertical-align: bottom;
    margin-bottom: 3px;
    display: inline-block
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
    color: #ff2c58
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .desc {
    font-size: 12px;
    color: #bdbdbd;
    height: 1.5em;
    display: block;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-2 {
    margin: 0 -10px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item {
    float: left;
    width: 33.3333%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a {
    display: block;
    background: #f7fafa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    color: #878990;
    white-space: nowrap;
    height: 36px;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #9199a1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
    font-style: normal
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover {
    background: #3385ff;
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover em {
    background: #fff;
    color: #3385ff
}


.home-section-division {
    background: #fff
}

@media (max-width: 767px) {
    .home-section-division .container {
        padding: 0
    }
}

.home-section-division .home-division {
    overflow: hidden
}

.home-section-division .home-division a {
    color: #525252;
    display: block;
    padding: 20px 0 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .home-section-division .home-division a {
        text-align: left;
        padding: 22px 10px 30px 50px
    }
}

@media (min-width: 1330px) {
    .home-section-division .home-division a {
        padding-right: 0;
        padding-left: 88px;
    }
}

.home-section-division .home-division a:hover .icon-inspiration-nav-1:before {
    content: \\\"\\\\\\\\e82c\\\"
}

.home-section-division .home-division a:hover .icon-tool-nav-1:before {
    content: \\\"\\\\\\\\e82a\\\"
}

.home-section-division .home-division a:hover .icon-course-nav-1:before {
    content: \\\"\\\\\\\\e82e\\\"
}

.home-section-division .home-division ul {
    margin: 0 -14px;
    overflow: hidden
}

.home-section-division .home-division li {
    float: left;
    line-height: 1;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px
}

.home-section-division .home-division li h3 {
    font-size: 13px;
    line-height: 1;
    margin: 10px 0;
    color: #43484d;
    font-weight: 400
}

@media (min-width: 768px) {
    .home-section-division .home-division li h3 {
        font-size: 18px;
        font-weight: 700
    }
}

.home-section-division .home-division li h3 .go {
    background: #3385ff;
    display: none;
    line-height: 14px;
    padding: 2px 2px 2px 5px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: top
}

@media (min-width: 1024px) {
    .home-section-division .home-division li h3 .go {
        display: inline-block
    }
}

.home-section-division .home-division li h3 .go i {
    vertical-align: middle;
    margin: -2px 3px 0
}

.home-section-division .home-division li p {
    font-size: 13px;
    color: #9a9a9a;
    display: none
}

@media (min-width: 1024px) {
    .home-section-division .home-division li p {
        display: block
    }
}

.home-section-division .home-division li .item-thumb {
    font-size: 28px
}

@media (min-width: 768px) {
    .home-section-division .home-division li .item-thumb {
        position: absolute;
        left: 5px;
        top: 20px;
        font-size: 40px
    }
}

@media (min-width: 1330px) {
    .home-section-division .home-division li .item-thumb {
        top: 30px;
        left: 40px
    }
}

@media (min-width: 1024px) {
    .home-section-division .home-division li.li_4 .item {
        background: #f3f8ff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #3385ff
    }

    .home-section-division .home-division li.li_4 .item .item-thumb,
    .home-section-division .home-division li.li_4 .item h3 {
        color: #3385ff
    }

    .home-section-division .home-division li.li_4 .item:hover {
        background: #3385ff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #fff
    }

    .home-section-division .home-division li.li_4 .item:hover h3,
    .home-section-division .home-division li.li_4 .item:hover i,
    .home-section-division .home-division li.li_4 .item:hover p {
        color: #fff
    }
}

.home-section-ranks {
    background: #fff
}

@media (min-width: 768px) {
    .home-section-ranks {
        background: #eaeef100;
        padding: 30px 0 0
    }
}

@media (min-width: 768px) {
    .home-section-ranks .section-title {
        margin-bottom: 22px
    }
}

.home-section-ranks .section-content {
    margin: 0 -15px
}

/**@media (min-width: 768px) {
    .home-section-ranks .section-content {
        margin: 0
    }
}*/

.home-section-ranks .ranks-content {
    background: #fff;
    position: relative;
    overflow: hidden
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-content {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding-left: 304px;
    }
}

.home-section-ranks .ranks-content .rank-results {
    margin: 0;
    padding: 30px 50px
}

@media (max-width: 767px) {
    .home-section-ranks .ranks-content .rank-results {
        margin: 0;
        padding: 15px
    }
}

@media (max-width: 767px) {
    .home-section-ranks .ranks-content .rank-results .items {
        margin: 0
    }
}

.home-section-ranks .ranks-content .rank-results .items .item {
    padding: 20px 0 0
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item {
        padding: 20px 30px 0
    }
}

.home-section-ranks .ranks-content .rank-results .items .item:after {
    height: 20px
}

.home-section-ranks .ranks-content .rank-results .items .item .item-num {
    width: 45px;
    line-height: 80px
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-num {
        width: 60px
    }
}

.home-section-ranks .ranks-content .rank-results .items .item .item-thumb {
    width: 120px
}

.home-section-ranks .ranks-content .rank-results .items .item .item-title {
    margin: 0;
    float: none
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-title {
        width: auto;
        margin-top: 0;
        /*margin-right: 60px*/
    }
}

@media (min-width: 1330px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-title {
        width: 140px;
        float: left;
        margin-top: 15px
    }
}

.home-section-ranks .ranks-content .rank-results .items .item .item-author,
.home-section-ranks .ranks-content .rank-results .items .item .item-cat {
    margin-top: 15px
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-cat {
        width: 160px;
        /*margin-right: 40px*/
    }

    .home-section-ranks .ranks-content .rank-results .items .item .item-author {
        width: 120px;
    }
}

.home-section-ranks .ranks-content .rank-results .items .item .item-views .un-hover {
    margin-top: -21px;
    display: block
}

.home-section-ranks .ranks-content .rank-results .items .item .item-views .hover {
    display: none
}

.home-section-ranks .ranks-content .rank-results .items .item .item-author,
.home-section-ranks .ranks-content .rank-results .items .item .item-cat,
.home-section-ranks .ranks-content .rank-results .items .item .item-views {
    height: 1.5em
}

.home-section-ranks .ranks-content .rank-results .items .item .item-author,
.home-section-ranks .ranks-content .rank-results .items .item .item-views {
    display: none
}

@media (min-width: 768px) {

    .home-section-ranks .ranks-content .rank-results .items .item .item-author,
    .home-section-ranks .ranks-content .rank-results .items .item .item-views {
        display: block
    }
}

.home-section-ranks .ranks-bar {
    background-color: #feae18;
    background-image: url(https://z3.ax1x.com/2021/07/17/W1BicR.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    -webkit-background-size: 20% 20%;
    background-size: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 0;
    color: #fff
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-bar {
        padding: 40px 20px 0
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar {
        padding: 40px 0 0 44px;
        position: absolute;
        left: 0;
        top: 0;
        width: 304px;
        height: 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        background-position: bottom
    }
}

.home-section-ranks .ranks-bar .total {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-bar .total {
        margin-bottom: 28px;
        margin-top: 21px;
    }
}

.home-section-ranks .ranks-bar .total .total_num {
    font-size: 20px;
    font-style: normal
}

.home-section-ranks .ranks-bar ul li {
    display: inline-block
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar ul li {
        display: block;
        margin-bottom: 10px
    }
}

.home-section-ranks .ranks-bar ul a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-bar ul a {
        font-size: 16px;
        padding: 20px 24px
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar ul a {
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar ul a i {
        margin-right: 20px
    }
}

.home-section-ranks .ranks-bar ul a i,
.home-section-ranks .ranks-bar ul a span {
    display: none
}

@media (min-width: 768px) {

    .home-section-ranks .ranks-bar ul a i,
    .home-section-ranks .ranks-bar ul a span {
        display: inline
    }
}

.home-section-ranks .ranks-bar ul .current a {
    background: #fff;
    color: #feae18
}

.rank-results {
    background: #fff;
    padding: 15px;
    margin: 0 -15px 30px
}

@media (min-width: 768px) {
    .rank-results {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 20px 50px 10px;
        margin: 0 0 30px
    }
}

.rank-results .rank-total {
    font-size: 14px;
    color: #adafb8;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .rank-results .rank-total {
        font-size: 16px;
        color: #3c3c3c
    }
}

.rank-results .rank-total em {
    font-style: normal;
    font-weight: 400;
    color: #3385ff
}

.rank-results .items {
    margin: 0 -50px
}

.rank-results .items .item {
    padding: 15px 50px 0;
    overflow: hidden;
    position: relative;
    font-size: 14px
}

@media (min-width: 768px) {
    .rank-results .items .item {
        padding-top: 40px
    }
}

.rank-results .items .item:hover {
    background: #f8fbff
}

.rank-results .items .item:hover .item-views .un-hover {
    display: none
}

.rank-results .items .item:hover .item-views .hover {
    display: block
}

.rank-results .items .item:after {
    content: \\\"\\\";
    clear: both;
    display: block;
    width: 100%;
    height: 15px;
    border-bottom: 1px dashed #f6f6f6
}

@media (min-width: 1024px) {
    .rank-results .items .item:after {
        height: 40px
    }
}

.rank-results .items .item:last-child:after {
    border-bottom: none
}

.rank-results .items .item.author-item .item-num {
    line-height: 90px
}

.rank-results .items .item .item-num {
    float: left;
    width: 45px;
    line-height: 80px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-num {
        width: 70px;
        line-height: 106px
    }
}

.rank-results .items .item .item-num .num {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ededed;
    color: #b3b3b3;
    font-size: 14px;
    font-family: ArialMT, Arial;
    text-align: center
}

.rank-results .items .item .item-num.num-1 .num,
.rank-results .items .item .item-num.num-2 .num,
.rank-results .items .item .item-num.num-3 .num {
    height: 36px;
    padding-top: 7px;
    line-height: 28px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
    border-radius: 0
}

.rank-results .items .item .item-num.num-1 .num {
    background-image: url(https://z3.ax1x.com/2021/07/17/W1BYE8.png)
}

.rank-results .items .item .item-num.num-2 .num {
    background-image: url(https://z3.ax1x.com/2021/07/17/W1BN4g.png)
}

.rank-results .items .item .item-num.num-3 .num {
    background-image: url(https://z3.ax1x.com/2021/07/17/W1Bwgs.png)
}

.rank-results .items .item .item-thumb {
    float: left;
    width: 120px;
    margin-right: 15px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-thumb {
        width: 160px;
        margin-right: 30px
    }
}

.rank-results .items .item .item-thumb .thumb {
    padding-top: 66.6875%;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.rank-results .items .item .item-thumb .thumb:hover {
    opacity: .8
}

.rank-results .items .item .item-title {
    overflow: hidden;
    float: none;
    margin-left: 180px;
    max-height: 3em
}

@media (min-width: 768px) {
    .rank-results .items .item .item-title {
        width: auto;
        margin-top: 15px;
        margin-right: 60px;
        float: none;
        line-height: 22px;
    }
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-title {
        margin-left: 0;
        margin-right: 100px;
        margin-top: 30px;
        width: 290px;
        float: left
    }
}

.rank-results .items .item .item-author,
.rank-results .items .item .item-cat {
    float: left;
    overflow: hidden;
    margin-top: 15px;
    white-space: nowrap
}

@media (min-width: 768px) {

    .rank-results .items .item .item-author,
    .rank-results .items .item .item-cat {
        height: 3em;
        margin-right: 50px;
        margin-top: 30px
    }
}

@media (min-width: 1024px) {

    .rank-results .items .item .item-author,
    .rank-results .items .item .item-cat {
        width: 150px;
        margin-right: 50px;
    }
}

.rank-results .items .item .item-author a,
.rank-results .items .item .item-cat a {
    color: #a5a8b1
}

.rank-results .items .item .item-author a:hover,
.rank-results .items .item .item-cat a:hover {
    color: #3385ff
}

.rank-results .items .item .item-author {
    margin-right: 0
}

.rank-results .items .item .item-views {
    float: right;
    width: 100px;
    color: #a5a8b1
}

.rank-results .items .item .item-views .un-hover {
    margin-top: 30px
}

.rank-results .items .item .item-views .un-hover em {
    font-style: normal;
    color: #ff7300
}

.rank-results .items .item .item-views .hover {
    display: none
}

.rank-results .items .item .item-views .hover .btn {
    height: 42px;
    line-height: 42px
}

.rank-results .items .item .item-views .hover .btn-blue {
    margin-bottom: 15px
}

.rank-results .items .item .item-views .hover .btn-blue:hover {
    color: #fff
}

.rank-results .items .item .item-views .hover .fav {
    border: 1px solid #3385ff;
    color: #3385ff
}

.rank-results .items .item .item-views .hover .fav:hover {
    background: #3385ff;
    color: #fff
}

.rank-results .items .item .item-views .hover .fav em {
    font-style: normal
}

.rank-results .items .item .item-avatar {
    float: left;
    width: 90px;
    margin-right: 10px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-avatar {
        margin-right: 30px
    }
}

.rank-results .items .item .item-avatar .thumb {
    padding-top: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.rank-results .items .item .item-user {
    margin-left: 150px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-user {
        margin-left: 190px
    }
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-user {
        float: left;
        width: 500px;
        margin-left: 0;
        margin-right: 150px
    }
}

.rank-results .items .item .item-user .user-name {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

.rank-results .items .item .item-user h3 {
    font-weight: 400;
    color: #8f8f8f;
    font-size: 14px;
    margin-bottom: 5px
}

.rank-results .items .item .item-user h3 a {
    color: #8f8f8f
}

.rank-results .items .item .item-user h3 a:hover {
    color: #3385ff
}

.rank-results .items .item .item-user-count {
    text-align: right;
    width: 100px;
    margin-top: 15px;
    display: none
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-user-count {
        float: left;
        display: block
    }
}

.rank-results .items .item .item-user-count span {
    display: block;
    font-size: 14px;
    color: #a5a8b1
}

.rank-results .items .item .item-user-count strong {
    font-size: 24px;
    color: #a5a8b1
}

.rank-results .items .item .item-user-views {
    text-align: right;
    width: 190px;
    margin-top: 15px;
    display: none
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-user-views {
        float: right;
        display: block
    }
}

.rank-results .items .item .item-user-views span {
    display: block;
    font-size: 14px;
    color: #a5a8b1
}

.rank-results .items .item .item-user-views strong {
    font-size: 24px;
    color: #ff7300
}

.rank-results .items .item .item-author,
.rank-results .items .item .item-views {
    display: none
}

@media (min-width: 768px) {

    .rank-results .items .item .item-author,
    .rank-results .items .item .item-views {
        display: block
    }
}

.section-more {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .section-more {
        margin-bottom: 0
    }
}

.section-more .btn {
    display: block;
    text-align: center;
    background: #f7f7f7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #9e9e9e;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    white-space: nowrap
}


.section-more .btn {
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px
}

.section-more .btn i {
    font-size: 12px;
    vertical-align: top;
    line-height: 50px;
    display: inline-block
}

.section-more .btn:hover {
    background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(right, #006eff, #13adff);
    background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%);
    background-image: linear-gradient(270deg, #006eff, #13adff)
}


[role=tablist] {
    border-bottom: 0 !important;
}

[role=tab][aria-selected=true] {
    outline: none;
    background: #fff !important;
    color: #feae18 !important;
}

[role=tab]:hover {
    background: #fff;
    color: #feae18 !important;
}

:focus {
    outline: none;
}

[role=tablist] {
    border-bottom: 1px solid #d3d3d3;
    list-style: none;
    margin: 0;
    padding: 0
}

[role=tablist] * {
    box-sizing: border-box
}

@media (min-width: 30em) {
    [role=tablist] li {
        display: inline-block
    }
}

[role=tab] {
    border: 0;
    border-top-color: #d3d3d3;
    display: block;
    padding: .5em 1em;
    text-decoration: none
}

@media (min-width: 30em) {
    [role=tab] {
        border-top-color: transparent;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
        display: inline-block;
        margin-bottom: -1px
    }
}

[role=tab][aria-selected=true] {
    background-color: #d3d3d3
}

@media (min-width: 30em) {
    [role=tab][aria-selected=true] {
        border: 1px solid #d3d3d3;
        border-bottom-color: #fff
    }
}

[role=tab]:hover:not([aria-selected=true]) {
    background-color: #f7f7f7
}

@media (min-width: 30em) {
    [role=tab]:hover:not([aria-selected=true]) {
        border: 1px solid #d3d3d3
    }
}

[hidden] {
    display: none
}

.section-title {
    margin-bottom: 15px;
    position: relative
}

@media (min-width: 768px) {
    .section-title {
        margin-bottom: 36px
    }
}

.section-title strong {
    font-size: 20px;
    overflow: hidden;
    margin: 0 -15px;
    padding: 15px;
    color: #3c3c3c;
    font-weight: 400
}

@media (min-width: 768px) {
    .section-title strong {
        font-size: 32px;
        margin: 0 30px 0 0;
        padding: 0;
        background: rgba(0, 0, 0, 0);
        font-weight: 500
    }
}

.section-title .sub {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    vertical-align: text-bottom
}

@media (min-width: 768px) {
    .section-title .sub {
        font-size: 14px
    }
}

.section-title .sub a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    margin: 0 8px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #8f8f8f;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 1024px) {
    .section-title .sub a {
        margin: 0 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
}

.section-title .sub a:hover {
    color: #3385ff
}

.section-title .sub a.current {
    color: #fff;
    background: #3385ff;
    border-color: #3385ff
}

.section-title .more {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    color: #adafb8
}

.section-title .more em {
    font-style: normal;
    color: #3385ff
}

.section-title .more:hover {
    color: #3385ff
}

.do_header_fixed.do_header_fixed_show .header {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.nav-opacity .site-navbar .sub-menu ul {
    background-color: #fff !important;
}

.nav-opacity .site-navbar .sub-menu li a {
    color: #000 !important
}

.nav-opacity .site-navbar>ul>li>a {
    color: #fff
}

.nav-opacity .wel-navs .search-btn i,
.nav-opacity .site-navbar>ul>li>a,
.nav-opacity .wel-navs .avatar_a {
    color: #ffffff !important;
}

.nav-opacity .site-navbar li.has-sub-menu>a::after {
    border-top: 4px solid #ffffff;
}

@media (max-width: 767px) {
    .home-slide li .thumb {
        background-size: contain;
    }
}

@media (max-width: 1024px) {
    .home-slider2.pt-5 {
        padding-top: 0rem !important;
    }
}
.section-more {
    padding-top: 1ex;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .section-more {
        margin-bottom: 0
    }
}

.section-more .btn {
    display: block;
    text-align: center;
    background: #f7f7f7;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: unset;
    border-radius: 3px;
    color: #9e9e9e;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .section-more .btn {
        color: #ffffff;
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-size: 16px
    }

    .section-more .btn i {
        font-size: 12px;
        vertical-align: top;
        line-height: 50px;
        display: inline-block
    }

    .section-more .btn:hover {
        background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(right, #006eff, #13adff);
        background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%);
        background-image: linear-gradient(270deg, #006eff, #13adff)
    }
}

.section-title {
    margin-bottom: 15px;
    position: relative
}

@media (min-width: 768px) {
    .section-title {
        margin-bottom: 36px
    }
}

.section-title strong {
    display: block;
    font-size: 20px;
    overflow: hidden;
    background: #f5f9fc;
    margin: 0 -15px;
    padding: 15px;
    color: #3c3c3c;
    font-weight: 400
}

@media (min-width: 768px) {
    .section-title strong {
        font-size: 32px;
        margin: 0 30px 0 0;
        padding: 0;
        background: rgba(0, 0, 0, 0);
        font-weight: 500
    }
}

.section-title .sub {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    vertical-align: text-bottom
}

@media (min-width: 768px) {
    .section-title .sub {
        font-size: 14px
    }
}

.section-title .sub a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    margin: 0 8px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #8f8f8f;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 1024px) {
    .section-title .sub a {
        margin: 0 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
}

.section-title .sub a:hover {
    color: #3385ff
}

.section-title .sub a.current {
    color: #fff;
    background: #3385ff;
    border-color: #3385ff
}

.section-title .more {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    color: #adafb8
}

.section-title .more em {
    font-style: normal;
    color: #3385ff
}

.section-title .more:hover {
    color: #3385ff
}

/*排行榜结束*/

弹窗登录模块


利用宝塔或则FTP打开/rizhuti-v2/template-parts/global下的header-menu.php文件放入以下代码在<div class=”header-gap”></div> 上面:

<?php if ( _cao(\\\\\\\'login_use_target_mode\\\\\\\', false) ) {	?>

	<div id=\\\"login-box\\\" style=\\\"display: none;\\\">
		<div class=\\\"modal show-modal\\\">
			<div class=\\\"modal-content login-box-content\\\">

				<div class=\\\"box login-box-top b2-radius\\\">
					<span class=\\\"close-button\\\">×</span>
					<div class=\\\"login-logo\\\">
						<img src=\\\"<?php%20echo%20_cao(\\\\\\\'site_logo\\\\\\\');?>\\\" />
					</div>
					<form>

						<div class=\\\"login-box-in\\\" style=\\\"\\\">
							<div class=\\\"login-title\\\">
								<span><b>登录</b></span>
							</div>
							<label class=\\\"login-form-item\\\" style=\\\"display: none\\\"><input type=\\\"text\\\" name=\\\"nickname\\\" tabindex=\\\"1\\\" spellcheck=\\\"false\\\" autocomplete=\\\"off\\\" class=\\\"\\\" />
								<span><b>可爱的昵称</b></span></label>
							<label class=\\\"login-form-item\\\"><input type=\\\"text\\\" name=\\\"target_username\\\" tabindex=\\\"2\\\" spellcheck=\\\"false\\\" autocomplete=\\\"off\\\" class=\\\"\\\" />
								<span><b>账号</b></span>
								<p class=\\\"login-box-des\\\" style=\\\"display: none\\\">
									用作登录:字母或数字的组合,最少6位字符
								</p>
								<p class=\\\"login-box-des\\\" style=\\\"display: none\\\">用作登录</p>
							</label>
							<label class=\\\"login-form-item\\\"><input name=\\\"target_password\\\" tabindex=\\\"4\\\" autocomplete=\\\"off\\\" spellcheck=\\\"false\\\" type=\\\"password\\\" class=\\\"\\\" />
								<span><b>密码</b></span>
								<!-- <b class=\\\"login-eye button text\\\">
									<i class=\\\"b2font b2-eye-close\\\"></i>
								</b> -->
							</label>
              <p></p>
                <?php if (!stristr($_SERVER[\\\\\\\'REQUEST_URI\\\\\\\'], \\\\\\\'/login\\\\\\\')): ?>
                <?php qq_captcha_btn(); ?>
                <?php endif; ?>
							<label class=\\\"login-form-item\\\" style=\\\"display: none\\\"><input name=\\\"repassword\\\" tabindex=\\\"5\\\" autocomplete=\\\"off\\\" spellcheck=\\\"false\\\" type=\\\"password\\\" class=\\\"\\\" />
								<span><b>重复新密码</b></span>
								<p class=\\\"login-box-des\\\" style=\\\"display: none\\\">
									最少6位字符
								</p>
							</label>
							<!---->
							<div class=\\\"login-tk\\\"><!----> <!----> <p class=\\\"login-p\\\"><a href=\\\"<?php%20echo%20wp_lostpassword_url();%20?>\\\">忘记密码?</a><span>新用户?<a href=\\\"<?php%20echo%20wp_registration_url();%20?>\\\">注册</a></span></p> <!----></div>
							<div class=\\\"login-bottom\\\">
								<button class=\\\"go-login\\\">快速登录</button>
								<!---->
								<!---->
								<!---->
							</div>
						</div>
              <p style=\\\"height: 10px;\\\"></p>
              <?php
              $current_url = urlencode(curPageURL());
              $sns_opt = [
                  \\\\\\\'qq\\\\\\\' => [\\\\\\\'name\\\\\\\'=>\\\\\\\'QQ\\\\\\\',\\\\\\\'icon\\\\\\\'=>\\\\\\\'fa-qq\\\\\\\',\\\\\\\'css\\\\\\\'=>\\\\\\\'primary\\\\\\\'],
                  \\\\\\\'weixin\\\\\\\' => [\\\\\\\'name\\\\\\\'=>\\\\\\\'微信\\\\\\\',\\\\\\\'icon\\\\\\\'=>\\\\\\\'fa-weixin\\\\\\\',\\\\\\\'css\\\\\\\'=>\\\\\\\'success\\\\\\\'],
                  \\\\\\\'weibo\\\\\\\' => [\\\\\\\'name\\\\\\\'=>\\\\\\\'微博\\\\\\\',\\\\\\\'icon\\\\\\\'=>\\\\\\\'fa-weibo\\\\\\\',\\\\\\\'css\\\\\\\'=>\\\\\\\'danger\\\\\\\']
              ];
              ?>
            <div class=\\\"d-block mt-1 mb-0 text-center\\\">
                <?php
                if (_cao(\\\\\\\'is_sns_qq\\\\\\\') || _cao(\\\\\\\'is_sns_weixin\\\\\\\') || _cao(\\\\\\\'is_sns_weibo\\\\\\\')) {
                    echo \\\\\\\'<ul class=\\\"oauth list-unstyled social-icon mb-0 mt-3\\\">\\\\\\\';
                    foreach ($sns_opt as $type => $opt) {
                        $typeclass = $type;
                        if (_cao(\\\\\\\'is_sns_\\\\\\\'.$type)) {
                            if ($type==\\\\\\\'weixin\\\\\\\') {
                                $sns_weixin = _cao(\\\\\\\'sns_weixin\\\\\\\');
                                $typeclass = ($sns_weixin[\\\\\\\'sns_weixin_mod\\\\\\\']==\\\\\\\'mp\\\\\\\') ? \\\\\\\'weixin mpweixin\\\\\\\' : $type ;
                                $typeclass = (is_weixin_visit()) ? \\\\\\\'weixin mp\\\\\\\' : $typeclass ;
                            }
                            echo \\\\\\\'<li class=\\\"list-inline-item\\\"><a href=\\\"\\\\\\\'.get_open_oauth_url($type,%20$current_url).\\\\\\\'\\\" class=\\\"btn btn-sm btn-outline-\\\\\\\'.$opt[\\\\\\\'css\\\\\\\'].\\\\\\\' oauth-btn \\\\\\\'.$typeclass.\\\\\\\'\\\"><i class=\\\"fa \\\\\\\'.$opt[\\\\\\\'icon\\\\\\\'].\\\\\\\' mr-1\\\" loading=\\\"lazy\\\">
利用宝塔或则FTP打开/rizhuti-v2/inc/options下的widget-options.php文件放入以下代码在第2行下面:

 

/**
 * 网站统计
 */
CSF::createWidget(\\\\\\\'rizhuti_v2_module_count\\\\\\\', array(
    \\\\\\\'title\\\\\\\' => esc_html__(\\\\\\\'RI-首页模块 : 网站统计\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
    \\\\\\\'classname\\\\\\\' => \\\\\\\'rizhuti_v2-widget-parallax reds-count-widget\\\\\\\',
    \\\\\\\'description\\\\\\\' => esc_html__(\\\\\\\'Displays a 网站统计模块.\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
    \\\\\\\'fields\\\\\\\' => array(

        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'image\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'upload\\\\\\\',
            \\\\\\\'title\\\\\\\' => esc_html__(\\\\\\\'背景图\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
            \\\\\\\'default\\\\\\\' => get_template_directory_uri() . \\\\\\\'/assets/img/top-bg.jpg\\\\\\\',
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'is_text\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'switcher\\\\\\\',
            \\\\\\\'title\\\\\\\' => esc_html__(\\\\\\\'显示内容介绍\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
            \\\\\\\'default\\\\\\\' => true,
            \\\\\\\'sanitize\\\\\\\' => false,
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'is_button\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'switcher\\\\\\\',
            \\\\\\\'title\\\\\\\' => esc_html__(\\\\\\\'显示按钮\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
            \\\\\\\'default\\\\\\\' => true,
            \\\\\\\'sanitize\\\\\\\' => false,
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'text\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
            \\\\\\\'title\\\\\\\' => esc_html__(\\\\\\\'内容介绍\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
            \\\\\\\'default\\\\\\\' => esc_html__(\\\\\\\'内容介绍\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\'),
            \\\\\\\'dependency\\\\\\\' => array(\\\\\\\'is_text\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'true\\\\\\\'),
            \\\\\\\'sanitize\\\\\\\' => false,
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'button_one\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'按钮一\\\\\\\',
            \\\\\\\'dependency\\\\\\\' => array(\\\\\\\'is_button\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'true\\\\\\\'),
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_title\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'标题\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'开通VIP\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_link\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'链接\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'/user?action=vip\\\\\\\',
                ),
            ),
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'button_two\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'按钮二\\\\\\\',
            \\\\\\\'dependency\\\\\\\' => array(\\\\\\\'is_button\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'true\\\\\\\'),
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_title\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'标题\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'资源推荐\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_link\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'链接\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'#\\\\\\\',
                ),
            ),
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'user_count\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'会员总数统计\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_count\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'数量\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'留空调用系统数据\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_color\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'color\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'悬浮颜色\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'#ec2546\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'图标\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                ),
            ),
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'post_count\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'资源总数统计\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_count\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'数量\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'留空调用系统数据\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_color\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'color\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'悬浮颜色\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'#ec2546\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'图标\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                ),
            ),
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'post_count_for_week\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'本周发布统计\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_count\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'数量\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'留空调用系统数据\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_color\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'color\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'悬浮颜色\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'#ec2546\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'图标\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                ),
            ),
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'post_count_for_day\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'今日发布统计\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_count\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'数量\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'留空调用系统数据\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_color\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'color\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'悬浮颜色\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'#ec2546\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'图标\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                ),
            ),
        ),
        array(
            \\\\\\\'id\\\\\\\' => \\\\\\\'run_date\\\\\\\',
            \\\\\\\'type\\\\\\\' => \\\\\\\'fieldset\\\\\\\',
            \\\\\\\'title\\\\\\\' => \\\\\\\'稳定运行时长统计\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_count\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'date\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'数量\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'设置一个起始时间,系统将自动计算经过的天数\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'12/1/2020\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_color\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'color\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'悬浮颜色\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'#ec2546\\\\\\\',
                ),
                array(
                    \\\\\\\'id\\\\\\\' => \\\\\\\'_icon\\\\\\\',
                    \\\\\\\'type\\\\\\\' => \\\\\\\'text\\\\\\\',
                    \\\\\\\'title\\\\\\\' => \\\\\\\'图标\\\\\\\',
                    \\\\\\\'default\\\\\\\' => \\\\\\\'fa fa-home\\\\\\\',
                    \\\\\\\'desc\\\\\\\' => \\\\\\\'请使用<a target=\\\"_blank\\\" href=\\\"https://fontawesome.com/icons\\\">Font Awesome</a>图标,例子<code>fa fa-home</code>\\\\\\\',
                ),
            ),
        ),

    ),
));
if (!function_exists(\\\\\\\'rizhuti_v2_module_count\\\\\\\')) {
    function rizhuti_v2_module_count($args, $instance)
    {
        if (!is_page_template_modular()) {
            return false;
        } //非模块页面不显示

        echo $args[\\\\\\\'before_widget\\\\\\\'];

        ob_start(); ?>
        <div class=\\\"module parallax\\\">
            <?php if (!empty($instance[\\\\\\\'image\\\\\\\'])): ?>
                <img class=\\\"jarallax-img lazyload\\\" data-src=\\\"<?php%20echo%20esc_url($instance[\\\\\\\'image\\\\\\\']);%20?>\\\"
                     src=\\\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\\\"
                     alt=\\\"<?php echo esc_attr($instance[\\\\\\\'title\\\\\\\']); ?>\\\">
            <?php endif;

            if ($instance[\\\\\\\'text\\\\\\\'] != \\\\\\\'\\\\\\\'): ?>
                <?php
                $users = wp_list_authors(\\\\\\\'echo=0&exclude_admin=0&hide_empty=0&optioncount=1&style=0\\\\\\\');
                $users = explode(\\\\\\\',\\\\\\\', $users);
                ?>
                <div class=\\\"container\\\">
                    <div class=\\\"mobanweb\\\">
                        <ul class=\\\"data-items\\\">
                            <li><i class=\\\"mdi <?php echo $instance[\\\\\\\'user_count\\\\\\\'][\\\\\\\'_icon\\\\\\\'] ?>\\\"></i><strong
                                        data-count=\\\"97596\\\"
                                        class=\\\"active\\\"><?php echo $instance[\\\\\\\'user_count\\\\\\\'][\\\\\\\'_count\\\\\\\'] ?: count($users) ?></strong><span>会员总数(位)</span>
                            </li>
                            <li><i class=\\\"mdi <?php echo $instance[\\\\\\\'post_count\\\\\\\'][\\\\\\\'_icon\\\\\\\'] ?>\\\"></i><strong
                                        data-count=\\\"34774\\\"
                                        class=\\\"active\\\"><?php echo $instance[\\\\\\\'post_count\\\\\\\'][\\\\\\\'_count\\\\\\\'] ?: wp_count_posts()->publish ?></strong><span>资源总数(个)</span>
                            </li>
                            <li><i class=\\\"mdi <?php echo $instance[\\\\\\\'post_count_for_week\\\\\\\'][\\\\\\\'_icon\\\\\\\'] ?>\\\"></i><strong
                                        data-count=\\\"841940\\\"
                                        class=\\\"active\\\"><?php echo $instance[\\\\\\\'post_count_for_week\\\\\\\'][\\\\\\\'_count\\\\\\\'] ?: ft_get_posts_count_from_this_week() ?></strong><span>本周发布(个)</span>
                            </li>
                            <li><i class=\\\"mdi <?php echo $instance[\\\\\\\'post_count_for_day\\\\\\\'][\\\\\\\'_icon\\\\\\\'] ?>\\\"></i><strong
                                        data-count=\\\"2377\\\"
                                        class=\\\"active\\\"><?php echo $instance[\\\\\\\'post_count_for_day\\\\\\\'][\\\\\\\'_count\\\\\\\'] ?: ft_get_posts_count_from_today() ?></strong><span>今日发布(个)</span>
                            </li>
                            <li><i class=\\\"mdi <?php echo $instance[\\\\\\\'run_date\\\\\\\'][\\\\\\\'_icon\\\\\\\'] ?>\\\"></i><strong
                                        data-count=\\\"7082\\\"
                                        class=\\\"active\\\"><?php echo (int)((time() - strtotime($instance[\\\\\\\'run_date\\\\\\\'][\\\\\\\'_count\\\\\\\'])) / 86400); ?></strong><span>稳定运行(天)</span>
                            </li>
                        </ul>
                    </div>
                    <?php if($instance[\\\\\\\'is_text\\\\\\\'] === null ? true : $instance[\\\\\\\'is_text\\\\\\\']):?>
                    <h4 class=\\\"entry-title\\\"><?php echo $instance[\\\\\\\'text\\\\\\\'] ?></h4>
                    <?php endif;?>
                    <?php if($instance[\\\\\\\'is_button\\\\\\\'] === null ? true : $instance[\\\\\\\'is_button\\\\\\\']):?>
                    <a target=\\\"_blank\\\" class=\\\"button\\\"
                       href=\\\"<?php%20echo%20$instance[\\\\\\\'button_one\\\\\\\'][\\\\\\\'_link\\\\\\\']%20?>\\\"><?php echo $instance[\\\\\\\'button_one\\\\\\\'][\\\\\\\'_title\\\\\\\'] ?></a>
                    <a target=\\\"_blank\\\" class=\\\"button transparent\\\"
                       href=\\\"<?php%20echo%20$instance[\\\\\\\'button_two\\\\\\\'][\\\\\\\'_link\\\\\\\']%20?>\\\"><?php echo $instance[\\\\\\\'button_two\\\\\\\'][\\\\\\\'_title\\\\\\\'] ?></a>
                    <?php endif;?>
                </div>
            <?php endif;

            if (!empty($instance[\\\\\\\'link\\\\\\\'])): ?>
                <a class=\\\"u-permalink\\\"
                   href=\\\"<?php%20echo%20esc_url($instance[\\\\\\\'link\\\\\\\']);%20?>\\\"<?php echo esc_attr($instance[\\\\\\\'new_tab\\\\\\\'] ? \\\\\\\' target=\\\"_blank\\\"\\\\\\\' : \\\\\\\'\\\\\\\'); ?>></a>
            <?php endif; ?>
        </div> <?php

        echo ob_get_clean();

        echo $args[\\\\\\\'after_widget\\\\\\\'];

    }
}

随后把这行代码放在主题的functions.php文件最底部即可

/**
 * 统计模块需要用到的东西
 */
function ft_get_posts_count_from_this_week($post_type = \\\\\\\'post\\\\\\\')
{
    global $wpdb;

    $week = date(\\\\\\\'w\\\\\\\', time());
    if ($week == 0) {
        $week = 6;
    } else {
        $week = $week - 1;
    }

    $numposts = $wpdb->get_var(
        \\\"SELECT COUNT(ID) \\\" .
        \\\"FROM {$wpdb->posts} \\\" .
        \\\"WHERE post_status=\\\\\\\'publish\\\\\\\' \\\" .
        \\\"AND post_type= \\\\\\\'\\\" . $post_type . \\\"\\\\\\\' \\\" .
        \\\"AND post_date > \\\\\\\'\\\" . date(\\\\\\\'Y-m-d H:i:s\\\\\\\', strtotime(date(\\\\\\\'Y-m-d\\\\\\\', time() - $week * 86400))) . \\\"\\\\\\\'\\\",
    );

    if (empty($numposts)) {
        $numposts = 0;
    }
    return $numposts;
}

function ft_get_posts_count_from_today($post_type = \\\\\\\'post\\\\\\\')
{
    global $wpdb;
    $numposts = $wpdb->get_var(
        \\\"SELECT COUNT(ID) \\\" .
        \\\"FROM {$wpdb->posts} \\\" .
        \\\"WHERE post_status=\\\\\\\'publish\\\\\\\' \\\" .
        \\\"AND post_type= \\\\\\\'\\\" . $post_type . \\\"\\\\\\\' \\\" .
        \\\"AND DATE_FORMAT(post_date, \\\\\\\'%Y-%m-%d\\\\\\\') = \\\\\\\'\\\" . date(\\\\\\\'Y-m-d\\\\\\\', time()) . \\\"\\\\\\\'\\\",
    );

    if (empty($numposts)) {
        $numposts = 0;
    }
    return $numposts;
}

最后进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的代码

/*统计模块*/
.module.parallax {
    display: flex;
    min-height: 220px;
    position: relative;
    text-align: center;
}

.module.parallax img {
    height: 113%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.module.parallax .container {
    margin: auto;
    padding-bottom: 30px;
    padding-top: 30px;
}

.module.parallax .entry-title {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
    position: relative;
    margin-top: 30px;
}

.module.parallax .button,
.module.parallax input[type=\\\"submit\\\"],
.module.parallax button[type=\\\"submit\\\"],
.module.parallax .navigation .nav-previous a,
.module.parallax .navigation .nav-next a {
    margin: 30px 5px 0;
    position: relative;
    z-index: 60;
    background-color: #34495e;
}

@media (max-width: 767px) {
    .module.parallax {
        min-height: 250px;
    }

    .module.parallax .entry-title {
        font-size: 20px;
    }

    .module.parallax .button,
    .module.parallax input[type=\\\"submit\\\"],
    .module.parallax button[type=\\\"submit\\\"],
    .module.parallax .navigation .nav-previous a,
    .module.parallax .navigation .nav-next a {
        width: 100%;
    }

    .module.parallax .button+.button,
    .module.parallax input[type=\\\"submit\\\"]+input[type=\\\"submit\\\"],
    .module.parallax button[type=\\\"submit\\\"]+button[type=\\\"submit\\\"],
    .module.parallax .navigation .nav-previous a+.navigation .nav-previous a,
    .module.parallax .navigation .nav-next a+.navigation .nav-next a {
        margin-top: 10px;
    }
}

.mobanweb .data-items {
    font-size: 0;
    min-height: 85px;
    margin: 30px 0;
}

.mobanweb li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.mobanweb li i {
    display: inline-block;
    height: 25px;
    color: #fff;
    transition: 0.3s;
    font-size: 18px;
    margin-top: 20px;
}

.mobanweb li strong {
    display: block;
    line-height: 48px;
    font-size: 36px;
    color: #fff;
    position: relative;
    transition: 0.3s;
    font-weight: 500;
}

.mobanweb li span {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    transition: 0.3s;
}

.mobanweb li strong::after {
    content: \\\\\\\'+\\\\\\\';
    font-size: 18px;
    position: absolute;
    line-height: 1;
    padding-left: 3px;
    opacity: 0;
    transition: 0.3s;
}

.mobanweb li strong.active::after {
    opacity: 1;
}

.mobanweb li:hover i {
    color: #ec2546;
    transform: translate(0, -3px);
    text-shadow: 3px 5px 10px #1716166b;
}

.mobanweb li:hover strong {

    transform: translate(0, -3px);
    text-shadow: 3px 5px 10px #1716166b;
}

.mobanweb li:hover span {

    transform: translate(0, -3px);
    text-shadow: 3px 5px 10px #1716166b;
}

.module.parallax .container {
    padding-top: 1px;
    padding-bottom: 38px;
}

a.button.transparent.go_pay_vip_box {
    color: #1e1e1e;
    background: linear-gradient(50deg, #FFAB00 0, #fff800 100%) !important;
    box-shadow: 4px 3px 16px 0px #ffc1072e;
}

.footer-widget .widget--newsletter button {
    color: #0056ff;
}

.module.parallax .button,
.module.parallax input[type=\\\"submit\\\"],
.module.parallax button[type=\\\"submit\\\"],
.module.parallax .navigation .nav-previous a,
.navigation .nav-next a {
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Lato, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    outline: none;
    padding: 12px 20px;
    text-align: center;
    background-color: #34495e;
}

.module.parallax .button,
.module.parallax input[type=\\\"submit\\\"],
.module.parallax button[type=\\\"submit\\\"],
.module.parallax .navigation .nav-previous a,
.module.parallax .navigation .nav-next a {
    margin: 30px 5px 0;
    position: relative;
    z-index: 60;
    background-color: #34495e;
}

.button,
input[type=\\\"submit\\\"] {
    background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
    box-shadow: 0 3px 10px -1px #2c63ff !important;
    color: #FFF;
}

.module.parallax .button,
.module.parallax input[type=\\\"submit\\\"],
.module.parallax button[type=\\\"submit\\\"],
.module.parallax .navigation .nav-previous a,
.module.parallax .navigation .nav-next a {
    width: 200px;
}

@media (max-width: 767px) {
    .module.parallax {
        display: none;
    }
}


/*统计模块结束*/

/*首页横幅*/
@media (min-width: 992px) {
    .home-slider2>.container>.row .col-lg-9 {
        padding-left: 0 !important;
        padding: 0;
    }

    .home-slider2>.container>.row .col-lg-3 {
        padding-right: 0 !important;
        padding: 0;
    }
}

去掉分类category模块

利用宝塔或则FTP打开/rizhuti-v2/inc/options下的admin-options.php文件放入以下代码在第10行下面:

CSF::createSection( $prefix, array(
            \\\\\\\'title\\\\\\\'  => \\\\\\\'功能增强\\\\\\\',
            \\\\\\\'icon\\\\\\\'   => \\\\\\\'fas fa-rocket\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
                 array(
                    \\\\\\\'id\\\\\\\'      => \\\\\\\'no_category\\\\\\\',
                    \\\\\\\'type\\\\\\\'    => \\\\\\\'switcher\\\\\\\',
                    \\\\\\\'title\\\\\\\'   => esc_html__( \\\\\\\'去掉分类category\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\' ),
                    \\\\\\\'desc\\\\\\\'    => esc_html__( \\\\\\\'启用后会去除掉分类目录的category(开启/关闭都需要保存一次固定链接方可生效)\\\\\\\', \\\\\\\'rizhuti-v2\\\\\\\' ),
                    \\\\\\\'default\\\\\\\' => true,
                ),
            )
        )
    );

随后把这行代码放在主题的functions.php文件最底部即可

/**
 * 去除分类category相关
 */
if (_cao(\\\\\\\'no_category\\\\\\\') && !function_exists(\\\\\\\'no_category_base_refresh_rules\\\\\\\')) {

    register_activation_hook(__FILE__, \\\\\\\'no_category_base_refresh_rules\\\\\\\');
    add_action(\\\\\\\'created_category\\\\\\\', \\\\\\\'no_category_base_refresh_rules\\\\\\\');
    add_action(\\\\\\\'edited_category\\\\\\\', \\\\\\\'no_category_base_refresh_rules\\\\\\\');
    add_action(\\\\\\\'delete_category\\\\\\\', \\\\\\\'no_category_base_refresh_rules\\\\\\\');
    function no_category_base_refresh_rules()
    {
        global $wp_rewrite;
        $wp_rewrite->flush_rules();
    }

    register_deactivation_hook(__FILE__, \\\\\\\'no_category_base_deactivate\\\\\\\');
    function no_category_base_deactivate()
    {
        remove_filter(\\\\\\\'category_rewrite_rules\\\\\\\', \\\\\\\'no_category_base_rewrite_rules\\\\\\\');
        // We don\\\\\\\'t want to insert our custom rules again
        no_category_base_refresh_rules();
    }

    // Remove category base
    add_action(\\\\\\\'init\\\\\\\', \\\\\\\'no_category_base_permastruct\\\\\\\');
    function no_category_base_permastruct()
    {
        global $wp_rewrite, $wp_version;
        if (version_compare($wp_version, \\\\\\\'3.4\\\\\\\', \\\\\\\'<\\\\\\\')) {
            // For pre-3.4 support
            $wp_rewrite->extra_permastructs[\\\\\\\'category\\\\\\\'][0] = \\\\\\\'%category%\\\\\\\';
        } else {
            $wp_rewrite->extra_permastructs[\\\\\\\'category\\\\\\\'][\\\\\\\'struct\\\\\\\'] = \\\\\\\'%category%\\\\\\\';
        }
    }

    // Add our custom category rewrite rules
    add_filter(\\\\\\\'category_rewrite_rules\\\\\\\', \\\\\\\'no_category_base_rewrite_rules\\\\\\\');
    function no_category_base_rewrite_rules($category_rewrite)
    {

        $category_rewrite = array();
        $categories = get_categories(array(\\\\\\\'hide_empty\\\\\\\' => false));
        foreach ($categories as $category) {
            $category_nicename = $category->slug;
            if ($category->parent == $category->cat_ID)// recursive recursion
                $category->parent = 0;
            elseif ($category->parent != 0)
                $category_nicename = get_category_parents($category->parent, false, \\\\\\\'/\\\\\\\', true) . $category_nicename;
            $category_rewrite[\\\\\\\'(\\\\\\\' . $category_nicename . \\\\\\\')/(?:feed/)?(feed|rdf|rss|rss2|atom)/?$\\\\\\\'] = \\\\\\\'index.php?category_name=$matches[1]&feed=$matches[2]\\\\\\\';
            $category_rewrite[\\\\\\\'(\\\\\\\' . $category_nicename . \\\\\\\')/page/?([0-9]{1,})/?$\\\\\\\'] = \\\\\\\'index.php?category_name=$matches[1]&paged=$matches[2]\\\\\\\';
            $category_rewrite[\\\\\\\'(\\\\\\\' . $category_nicename . \\\\\\\')/?$\\\\\\\'] = \\\\\\\'index.php?category_name=$matches[1]\\\\\\\';
        }
        // Redirect support from Old Category Base
        global $wp_rewrite;
        $old_category_base = get_option(\\\\\\\'category_base\\\\\\\') ? get_option(\\\\\\\'category_base\\\\\\\') : \\\\\\\'category\\\\\\\';
        $old_category_base = trim($old_category_base, \\\\\\\'/\\\\\\\');
        $category_rewrite[$old_category_base . \\\\\\\'/(.*)$\\\\\\\'] = \\\\\\\'index.php?category_redirect=$matches[1]\\\\\\\';

        return $category_rewrite;
    }

    // Add \\\\\\\'category_redirect\\\\\\\' query variable
    add_filter(\\\\\\\'query_vars\\\\\\\', \\\\\\\'no_category_base_query_vars\\\\\\\');
    function no_category_base_query_vars($public_query_vars)
    {
        $public_query_vars[] = \\\\\\\'category_redirect\\\\\\\';
        return $public_query_vars;
    }

    // Redirect if \\\\\\\'category_redirect\\\\\\\' is set
    add_filter(\\\\\\\'request\\\\\\\', \\\\\\\'no_category_base_request\\\\\\\');
    function no_category_base_request($query_vars)
    {
        if (isset($query_vars[\\\\\\\'category_redirect\\\\\\\'])) {
            $catlink = trailingslashit(get_option(\\\\\\\'home\\\\\\\')) . user_trailingslashit($query_vars[\\\\\\\'category_redirect\\\\\\\'], \\\\\\\'category\\\\\\\');
            status_header(301);
            header(\\\"Location: $catlink\\\");
            exit();
        }
        return $query_vars;
    }

}

注册赠送会员模块


利用宝塔或则FTP打开/rizhuti-v2/inc/options下的admin-options.php文件放入一下代码在第10行下面:

CSF::createSection( $prefix, array(
            \\\\\\\'title\\\\\\\'  => \\\\\\\'功能增强\\\\\\\',
            \\\\\\\'icon\\\\\\\'   => \\\\\\\'fas fa-rocket\\\\\\\',
            \\\\\\\'fields\\\\\\\' => array(
            array(
                \\\\\\\'id\\\\\\\'     => \\\\\\\'register_gift\\\\\\\',
                \\\\\\\'title\\\\\\\'  => \\\\\\\'注册送会员\\\\\\\',
                \\\\\\\'type\\\\\\\'   => \\\\\\\'fieldset\\\\\\\',
                \\\\\\\'fields\\\\\\\' => array(
                    array(
                        \\\\\\\'id\\\\\\\'      => \\\\\\\'is_register_gift\\\\\\\',
                        \\\\\\\'type\\\\\\\'    => \\\\\\\'switcher\\\\\\\',
                        \\\\\\\'title\\\\\\\'   => \\\\\\\'开关\\\\\\\',
                        \\\\\\\'default\\\\\\\' => false,
                    ),
                    array(
                        \\\\\\\'id\\\\\\\'         => \\\\\\\'_level\\\\\\\',
                        \\\\\\\'type\\\\\\\'       => \\\\\\\'radio\\\\\\\',
                        \\\\\\\'title\\\\\\\'      => \\\\\\\'会员等级\\\\\\\',
                        \\\\\\\'inline\\\\\\\'     => true,
                        \\\\\\\'options\\\\\\\'    => array(
                            \\\\\\\'31\\\\\\\'   => \\\\\\\'月卡VIP\\\\\\\',
                            \\\\\\\'365\\\\\\\'  => \\\\\\\'年卡VIP\\\\\\\',
                            \\\\\\\'3600\\\\\\\' => \\\\\\\'永久VIP\\\\\\\',
                        ),
                        \\\\\\\'default\\\\\\\'    => \\\\\\\'31\\\\\\\',
                        \\\\\\\'dependency\\\\\\\' => array( \\\\\\\'is_register_gift\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'true\\\\\\\' ),
                    ),
                    array(
                        \\\\\\\'id\\\\\\\'         => \\\\\\\'_day\\\\\\\',
                        \\\\\\\'type\\\\\\\'       => \\\\\\\'text\\\\\\\',
                        \\\\\\\'title\\\\\\\'      => \\\\\\\'赠送时长(天)\\\\\\\',
                        \\\\\\\'inline\\\\\\\'     => true,
                        \\\\\\\'default\\\\\\\'    => \\\\\\\'30\\\\\\\',
                        \\\\\\\'dependency\\\\\\\' => array( \\\\\\\'is_register_gift\\\\\\\', \\\\\\\'==\\\\\\\', \\\\\\\'true\\\\\\\' ),
                    ),
                ),
            ),
            )
        )
    );

随后把这行代码放在主题的functions.php文件最底部即可

/**
 * 注册送会员
 */
if (_cao(\\\\\\\'register_gift\\\\\\\')[\\\\\\\'is_register_gift\\\\\\\']) {
    add_action(\\\\\\\'user_register\\\\\\\', function ($user_id) {
        update_user_meta($user_id, \\\\\\\'vip_type\\\\\\\', _cao(\\\\\\\'register_gift\\\\\\\')[\\\\\\\'_level\\\\\\\']);
        $time = time() + _cao(\\\\\\\'register_gift\\\\\\\')[\\\\\\\'_day\\\\\\\'] * 86400;
        update_user_meta($user_id, \\\\\\\'vip_time\\\\\\\', $time);
    });
}

Logo扫光

白天
<

黑夜


进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的代码:

/**logo扫光日间**/
.logo-wrapper:after {
    content: \\\"\\\";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: blink 1s ease-in 1s infinite;
    animation: blink 1s ease-in 1s infinite;
}
/**logo扫光夜间**/
.dark-open .logo-wrapper:after {
    content: \\\"\\\";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(41,48,66,1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: blink 1s ease-in 1s infinite;
    animation: blink 1s ease-in 1s infinite;
}

@-webkit-keyframes blink {
    from {left: 10px;top: 0;}
    to {left: 320px;top: 0;}
}
@-o-keyframes blink {
    from {left: 10px;top: 0;}
    to {left: 320px;top: 0;}
}
@-moz-keyframes blink {
    from {left: 10px;top: 0;}
    to {left: 320px;top: 0;}
}
@keyframes blink {
    from {left: -100px;top: 0;}
    to {left: 320px;top: 0;}
}

侧边栏加入QQ群小工具

进入 后台 – 外观 – 自定义 – 额外CSS 添加下面文件里的代码:

/*加群小工具*/
.yfx-jiaqun h5 {
    font-size: 16px;
    line-height: 1.4;
}
.yfx-jiaqun-small {
    padding: 15px;
}
.yfx-jiaqun p {
    max-width: 80%;
}
.yfx-jiaqun {
    letter-spacing: .5px;
}
.yfx-jiaqun .btn {
    font-size: 13px;
}
.yfx-jiaqun .btn i {
    margin-right: 3px;
}
.yfx-jiaqun .helper-thumb {
    position: absolute;
    right: 0;
    bottom: 0;
}
.yfx-jiaqun-btn-on {
    color: #fff;
    background: #2c63ff!important;
    box-shadow: 0 3px 10px -1px #2c63ff!important;
    border: 0;
}
/*加群小工具*/

进入 后台 – 外观 – 小工具 – 拖动自定义html到文章侧边栏 然后添加下面的代码:

<section class=\\\"yfx-jiaqun\\\">
		<div class=\\\"yfx-jiaqun-small\\\">
			<p>分享最新WordPress教程<br> 共同学习,共同进步,共同成长!</p>
			<a href=\\\"https://jq.qq.com/?_wv=1027&k=AjrLKYRl\\\" class=\\\"btn yfx-jiaqun-btn-on\\\" uk-toggle=\\\"\\\"><i class=\\\"iconfont icon-qq\\\"></i>QQ交流群</a>
			<div class=\\\"helper-thumb\\\"><img src=\\\"https://z3.ax1x.com/2021/07/14/WZbbL9.png\\\" alt=\\\"源分享\\\"> </div>
		</div>
	</section>

菜单分类美化


进入 后台 – 外观 – 自定义 – 额外CSS 添加下面文件里的代码:

/* 菜单分类美化 */
.navbar .menu-item:hover>.sub-menu {
    border-radius:5px 5px 5px 5px;
}

.navbar .nav-list>.menu-item>a {
    font-size: 12px;
    line-height: 100px;
}
.navbar .sub-menu .sub-menu{
    left:110%
}

分类文章模块美化


进入 后台 – 外观 – 自定义 – 小工具 – Ri-首页模块: 分类文章展示 – 标题添加下面的代码:

<div class=\\\"form-group none\\\">
		<h2 style=\\\"display:inline-block\\\"> <img
				src=\\\"https://z3.ax1x.com/2021/07/14/WV7EAf.png\\\" width=\\\"30px\\\" ;=\\\"\\\"
				style=\\\"margin-top: -6px;display:inline-block;\\\"> WordPress </h2> <a
			href=\\\"https://www.yfxw.cn/\\\"><button style=\\\"width:12%;float:right;display:inline-block;\\\"
				type=\\\"button\\\" class=\\\"btn badge-success\\\"> 插件 <span class=\\\"badge badge-light\\\">99+</span> </button></a> <a
			href=\\\"https://www.yfxw.cn/\\\"><button
				style=\\\"width:12%;float:right;margin-right:20px;display:inline-block;\\\" type=\\\"button\\\"
				class=\\\"btn badge-warning\\\"> 主题 <span class=\\\"badge badge-light\\\">99+</span> </button></a>
		<div class=\\\"clearfix\\\"></div>
	</div>
	<div class=\\\"only\\\">
		<h4 style=\\\"display:inline-block\\\"> <img
				src=\\\"https://z3.ax1x.com/2021/07/14/WV71H0.png\\\" width=\\\"30px\\\" ;=\\\"\\\"
				style=\\\"margin-top: -6px;display:inline-block;\\\"> CMS资源</h4>
		<style>
			.only {
				display: inline;
			}

			@media (min-width: 950px) {
				.only {
					display: none;
				}
			}
		</style>
	</div>

轮播图样式圆角修改

进入路径: rizhuti-v2/assets/css  打开app.css 找到大约909行, 如图:

全部替换成:

.module.slider.img-center .slider {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    height: calc(50vh - 20px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

<

其他业务模块

<

<
进入 后台 – 外观 – 自定义 – 小工具 – 自定义html 添加下面的代码:

<div class=\\\"row\\\">
  <div class=\\\"col-sm-6\\\">
    <div class=\\\"card\\\">
      <div class=\\\"card-body\\\">
<h3>资源的数量没满足现状?</h3><p class=\\\"card-text\\\">带上你的需求想法, 去提交需求, 根据会员等级取决你的需求处理态度,我们保障你的所有需求都会得到有效响应。</p>
<a href=\\\"https://www.yfxw.cn/\\\" class=\\\"btn btn-primary\\\">去提交</a>
</div>
</div>
</div>
<div class=\\\"col-sm-6\\\">
<div class=\\\"card\\\">
<div class=\\\"card-body\\\">
<h3>想和这个网站的速度一样的快?</h3>
<p class=\\\"card-text\\\">联系开心,获得极速优化手段及处理, 保障你的站在访问体验领先其他同等条件下的站长!</p>
<a href=\\\"http://wpa.qq.com/msgrd?v=3&uin=26341012&site=qq&menu=yes\\\" class=\\\"btn btn-primary\\\">联系开心</a>
      </div>
    </div>
  </div>
</div>
<br>

会员介绍模块

进入 后台 – 外观 – 自定义 – 小工具 – 自定义html 添加下面的代码:

<style>
#yfx {text-align: center}
</style>
<div id=\\\"yfx\\\">
 
<div class=\\\"card-deck\\\">
     
  <div class=\\\"card\\\">
   
    <div class=\\\"card-body\\\">
<div class=\\\"h1 text-center mb-0 text-danger\\\">¥<span class=\\\"price\\\">3.33</span></div>
 
        <ul class=\\\"feature list-unstyled pl-0\\\">
 
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>赞助本站 ¥3.33 月费会员</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>时长30天不限速下载进程</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>后台工单优先处理, 48h响应</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>本站所有资源免费搭建2次/月</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>每日下载次数4次持续1个月</li> </ul>  
            <label for=\\\"post_price_opt_vip\\\" data-price=\\\"免费\\\"><span class=\\\"circle\\\"></span><b class=\\\"text-warning\\\"><i class=\\\"fa fa-diamond\\\"></i> VIP月费</b></label>
      <p class=\\\"card-text\\\"><small class=\\\"text-muted\\\">售后处理较慢,不推荐</small></p>
            <button type=\\\"button\\\" class=\\\"btn btn-primary btn-lg btn-block\\\" onclick=\\\"javascrtpt:window.location.href=\\\\\\\'https://www.yfxw.cn/user/vip\\\\\\\'\\\" >普通月会</button>
 
    </div>
  </div>
  <div class=\\\"card\\\">
   
    <div class=\\\"card-body\\\">
<div class=\\\"h1 text-center mb-0 text-danger\\\">¥<span class=\\\"price\\\">6.66</span></div>
 
        <ul class=\\\"feature list-unstyled pl-0\\\">
 
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>赞助本站 ¥6.66 年费会员</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>时长365天不限速下载进程</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>后台工单优先处理, 48h响应</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>本站所有资源免费搭建3次/月</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>每日下载次数5次持续1个月</li> </ul>
            <label for=\\\"post_price_opt_vip\\\" data-price=\\\"免费\\\"><span class=\\\"circle\\\"></span><b class=\\\"text-warning\\\"><i class=\\\"fa fa-diamond\\\"></i> SVIP年费</b></label>
            <p class=\\\"card-text\\\"><small class=\\\"text-muted\\\">极速工单响应, 售后24h</small></p>
<button type=\\\"button\\\" class=\\\"btn btn-primary btn-lg btn-block\\\" onclick=\\\"javascrtpt:window.location.href=\\\\\\\'https://www.yfxw.cn/user/vip\\\\\\\'\\\" >一年超会</button>
 
    </div>
  </div>
  <div class=\\\"card\\\">
   
    <div class=\\\"card-body\\\">
<div class=\\\"h1 text-center mb-0 text-danger\\\">¥<span class=\\\"price\\\">8.88</span></div>
 
        <ul class=\\\"feature list-unstyled pl-0\\\">
 
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>赞助本站 ¥8.88 永久会员</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>时长9999天不限速下载进程</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>后台工单优先处理, 12h响应</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>本站所有资源免费搭建5次/月</li>
            <li class=\\\"feature-list\\\"><i class=\\\"fas fa-check text-success mr-1\\\"></i>每日下载次数5次持续1个月</li> </ul>
            <label for=\\\"post_price_opt_vip\\\" data-price=\\\"免费\\\"><span class=\\\"circle\\\"></span><b class=\\\"text-warning\\\"><i class=\\\"fa fa-diamond\\\"></i> SVIP永久会员</b></label>
            <p class=\\\"card-text\\\"><small class=\\\"text-muted\\\">极速工单响应, 售后24h</small></p>
            <button type=\\\"button\\\" class=\\\"btn btn-primary btn-lg btn-block\\\" onclick=\\\"javascrtpt:window.location.href=\\\\\\\'https://www.yfxw.cn/user/vip\\\\\\\'\\\" >至尊永会<span class=\\\"badge badge-warning rounded ml-2\\\">推荐</span></button>
 
    </div>
  </div>
</div>
</div>
<br>

菜单角标

进入 后台 – 外观 – 自定义 – 额外CSS 添加下面的的代码:

/* 分类角标 */
.yfxxin {
display: inline-block;
transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
background: linear-gradient(to top, #b4b1ef, #e21fc7 7.56%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
 
.new {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

然后进入 后台 – 外观 – 菜单 你的菜单名称后面添加代码:

<span class=\\\"yfxxin\\\"> 新</span>
本站声明:
1. 本站所有资源来源于网络,分享目的仅供大家学习和交流! 2. 不得使用于非法商业用途,不得违反国家法律。否则后果自负! 3. 本站提供的资源,都不包含技术服务请大家谅解! 4. 如有链接无法下载、失效或广告,请联系站长处理!

再次声明:如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。


HI模板网 » WordPress主题-日主题V2主题美化二开模板教程

常见问题FAQ

本站下载资源解压密码是什么?
本站所有资源解压密码均为www.hmoban.com、www.huziy.com或者www.92luntan.com
免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
开通VIP 享更多特权,为了您的账户安全HI模板网建议您使用QQ登录!