子比主题底部统计背景渐变色教程(升级主题后也不影响)

百年前

6个月前更新

6586

子比主题底部统计背景渐变色教程，主题更新后也不会影响代码的部署。

先看效果图：（路人粉）

1、进入子比主题目录，这个目录下创建func.PHP文件，然后把下面的代码添加进去

<?php

//实现侧边栏文本工具运行PHP代码

add_filter(‘widget_text’, ‘php_text’, 99);

function php_text($text) {

if (strpos($text, ‘<‘ . ‘?’) !== false) {

ob_start();

eval(‘?’ . ‘>’ . $text);

$text = ob_get_contents();

ob_end_clean();

}

return $text;

}

/*底部统计开始*/

function dbtj(){

global $wpdb;

$users = $wpdb–>get_var(“SELECT COUNT(ID) FROM $wpdb->users”);

$count_posts = wp_count_posts();

$published_posts =$count_posts–>publish;

$count=0;

$views= $wpdb–>get_results(“SELECT * FROM $wpdb->postmeta WHERE meta_key=’views'”);

foreach($views as $key=>$value){

$meta_value=$value–>meta_value;

if($meta_value!=‘ ‘){

$count+=(int)$meta_value;

}

$today = getdate();

$query = new WP_Query( ‘year=’ . $today[“year”] . ‘&monthnum=’ . $today[“mon”] . ‘&day=’ . $today[“mday”]);

$postsNumber = $query–>found_posts;

$wdyx_time = floor((time()–strtotime(“2022-5-28”))/86400);

echo‘<div id=”caired”>

<ul>

<li>

’.$users.‘

会员总数

</li>

<li>

’.$published_posts.‘

文章总数

</li>

<li>

’.$count.‘

浏览总数

</li>

<li>

’.$postsNumber.‘

今日发布

</li>

<li>

’.$wdyx_time.‘天

稳定运行

</li>

</ul>

</div>

</div>’;

}

/*底部统计结束*/

把31行的(“2022-5-28”)修改成你网站的创建时间就可以。
2.进入后台—>ZiBll主题设置—>全局功能—>自定义代码—>自定义CSS样式(把下面的代码添加进去).

/*底部统计开始*/

/*背景图*/#caired{

height: 100%;

width: 100%;

margin: 0;

padding: 0;

font-family: “montserrat”;

background-image: -webkit-linear-gradient(45deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);

background-size: 400%;

animation: bganimation 15s infinite;

}

@keyframes bganimation {

0%{

background-position: 0% 50%;

}

50%{

background-position: 100% 50%;

}

100%{

background-position: 0% 50%;

}

#caired{border-radius: 10px;}

#caired .cai ul{display: flex;}

#caired .cai ul li{width: 20%; color: #fff; text-align: center;}

#caired .cai ul li span{font-size: 24px; font-family: Arial;}@media screen and (max-width: 768px){#caired .cai ul li span{font-size: 20px; font-family: Arial;}}

#caired .cai{font-weight:700;padding:20px 0 20px 0;}

/*底部统计结束*/

3.进入后台—>ZiBll主题设置—>全局功能—>自定义代码—>自定义javascript代码(把下面的代码添加进去).

//底部统计开始

document.getElementById(“caired”).parentNode.parentNode.style.padding=0

//底部统计结束

4.进入后台—>外观—>小工具—>首页底部全宽—>添加文本小工具

5.在文本编辑器下填入下面代码：

<?php echo dbtj()?>

6.进入网站首页，刷新即可。

子比主题美化教程 zibll主题美化教程教程分享

3人已评分

子比主题底部统计背景渐变色教程(升级主题后也不影响)

zibll美化交流分享