RIPRO美化加一言和统计模块/wordpress通用,

RIPRO美化加一言和统计模块/wordpress通用,

首先我们在主题文件的目录 新建一个文件夹 命名为 “okmg”

RIPRO美化加一言和统计模块/wordpress通用,

在okmg的文件夹 新建一个 index.php

将以下文件添加进去、

<?php
// 获取句子文件的绝对路径
// 如果你介意别人可能会拖走这个文本,可以把文件名自定义一下,或者通过Nginx禁止拉取也行。
$path = dirname(__FILE__);
$file = file($path."/okmg.txt");
 
# 随机读取一行
$arr  = mt_rand( 0, count( $file ) - 1 );
$content  = trim($file[$arr]);
 
# 编码判断,用于输出相应的响应头部编码
if (isset($_GET['charset']) && !empty($_GET['charset'])) {
    $charset = $_GET['charset'];
    if (strcasecmp($charset,"gbk") == 0 ) {
        $content = mb_convert_encoding($content,'gbk', 'utf-8');
    }
} else {
    $charset = 'utf-8';
}
header("Content-Type: text/html; charset=$charset");
 
# 格式化判断,输出js或纯文本
if ($_GET['format'] === 'js') {
    echo "function hitokoto(){document.write('" . $content ."');}";
} else {
    echo $content;
    
}

然后在 okmg文件夹内 新建一个 okmg.txt

将下方已经准备好的语录 复制进去

1582628441-一言okmg 点击下载

下面是具体调用的HTML和统计文件的代码   付费查看呦!

[rihide]把下面的代码 加到你想要显示输出的位置上即可  ripro主题 可以加到catbox.php文件最上方

<div class="deanggwrap">
<div class="deangg comfff wow fadeInUp">
<div class="deanggspan"><i class="fa fa-volume-up"></i><span>一言</span></div>
<b></b>
<div class="deanggc"><!--[diy=deanggc]-->

<div class="announce-wrap">

<script type="text/javascript" src="http://你的网址/wp-content/themes/ripro-chlid/okmg/?format=js&charset=utf-8"></script> 
<div id="yiyan">

<script>hitokoto()</script></div>
</div>


<!--[/diy]--></div>
<div class="clear"></div>
</div>
<div class="deanchart">
<ul>
<!--[diy=deanchart]-->
<div id="portal_block_396_content" class="dxb_bc">
<li class="deanchart5"><i></i>
<div class="deanchartdiv"><span>会员总数</span>
<div class="clear"></div>
<em id="num4"><?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users"); echo $users; ?></em></div>
<div class="clear"></div>
</li>
<li class="deanchart3"><i></i>
<div class="deanchartdiv"><span>今日发布</span>
<div class="clear"></div>
<em id="num4"><?php WeeklyUpdate();?></em></div>
<div class="clear"></div>
</li>
<li class="deanchart2"><i></i>
<div class="deanchartdiv"><span>本周发布</span>
<div class="clear"></div>
<em id="num6"><?php get_week_post_count(); ?> </em></div>
<div class="clear"></div>
</li>
<li class="deanchart4"><i></i>
<div class="deanchartdiv"><span>资源总数</span>
<div class="clear"></div>
<em id="num3"><?php echo $publish_posts = wp_count_posts()->publish;?></em></div>
<div class="clear"></div>
</li>
</div>
<!--[/diy]-->
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>

下面的代码是css,  请加到主题 样式中  ripro直接加到 div.css中

/*这是滑块模块上的 大白话模块 和统计功能模块的样式*/
.deanggwrap {
    width: 100%;
    padding-top: 30px;
    padding-right: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.deangg {
    width: 900px;
    float: left;
    /* height: 30px; */
    line-height: 30px;
    background: #f0f4ff;
    margin-right: 30px;
    padding: 10px 0;
    border-radius: 30px;
}.deanggspan {
    float: left;
    width: 105px;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
}.deanggspan i {
    display: block;
    float: left;
    font-size: 18px;
    color: #f60;
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 6px;
}.fa-volume-up:before {
    content: "\f028";
    color: #07aefc;
}
.deanggspan span {
    display: block;
    float: left;
    color: #2575fc;
}.deanggc {
    float: left;
    width: 730px;
    margin-left: 20px;
}.announce-wrap {
    height: 30px;
}.deanchart {
    float: right;
    height: 50px;
    width: 400px;
    color: #fff;
    margin-left: 20px;
}.deanchart ul {
    width: 460px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}.deanchart ul li {
    float: left;
    height: 100%;
    margin-right: 20px;
    font-size: 14px;
}.deanchart ul li.deanchart5 i {
    background: url(okmg/images/icon5.png) 0 0 no-repeat;
}.deanchart ul li i {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 8px;
    background: url(okmg/images/icon2.png) 0 0 no-repeat;
}.deanchartdiv {
    float: left;
    margin-left: 8px;
    margin-top: 6px;
    text-align: center;
}.deanchartdiv span {
    font-size: 12px;
    color: #999;
}.clear {
    margin-top: -5px;
}.deanchartdiv em {
    font-size: 12px;
    color: #999;
    font-style: inherit;
}
.deanchart ul li.deanchart2 i {
    background: url(okmg/images/icon2.png) 0 0 no-repeat;
}
.deanchart ul li i {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 8px;
    background: url(okmg/images/icon1.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart4 i {
    background: url(okmg/images/icon3.png) 0 0 no-repeat;
}

 

图片素材包下载:1582628232-okmg-images点这里下载

图片素材包 下载后请直接将images文件夹上传到okmg文件夹中

[/rihide]

温馨提示 如果每周更新 每日更新的数据无法调用 请把下面的代码 加到 functions.php中

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

 

请务必线上支付,通过线下支付的出现任何问题平台均不担保!

相关推荐

千锋Web前端(HTML+CSS全套)从入门到精通

高清无损千锋2020年最新Web前端(HTML+CSS全套)从入门到精通视频教程,W...

PHP如何获取当前URL路径

实例如下:<?php/***PHP获取当前url路径的函数及服务器变量*$_S...

css3炫彩文字背景填充特效

基于css3background-clip属性制作炫彩文字效果,设置一张液态彩色背景...

wordpress Ripro主题 专用首页分类导航-风格2教程

wordpressRipro主题专用首页分类导航-风格2教程首页效果添加到后台可自行...

发表回复

登录... 后才能评论