背景滚动图区块实用 - WordPress 教程

1
<!--底部统计用的代码-->
2
<script type="text/javascript" >
3
<?php
4
//用户总数
5
$users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users");echo "var jstext="."'$users'";
6
?>
7

8
</script>
9

10
<script type="text/javascript" >
11
<?php
12

13
/*
14
 * WordPress获取今日发布文章数量
15
 * 暖岛整理 www.nuandao.cn
16
 */
17
function nd_get_24h_post_count(){
18
  $today = getdate();
19
  $query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"]);
20
  $postsNumber = $query->found_posts;
21
  return $postsNumber;
22
}
23

24
$post_24h = nd_get_24h_post_count();
25
echo "var tj_24h="."'$post_24h'";
26

27
?>
28
</script>
29

30

31

32
<script type="text/javascript" >
33
<?php
34

35
/*
36
 * WordPress整站文章访问计数
37
 * 暖岛整理 www.nuandao.cn
38
 */
39
function nd_get_all_view(){
40
  global $wpdb;
41
  $count=0;
42
  $views= $wpdb->get_results("SELECT * FROM $wpdb->postmeta WHERE meta_key='views'");
43
  foreach($views as $key=>$value){
44
    $meta_value=$value->meta_value;
45
    if($meta_value!=' '){
46
      $count+=(int)$meta_value;
47
    }
48
  }return $count;
49
}
50

51
$post_view = nd_get_all_view();
52
echo "var tj_view="."'$post_view'";
53

54
?>
55
</script>
56

57

58

59
<script type="text/javascript" >
60
<?php
61

62
//日志总数
63
$count_posts = wp_count_posts();
64
$published_posts =$count_posts->publish;
65
echo "var tj_rzzs="."'$published_posts'";
66

67
?>
68

69
</script>
70

71

72

73
<script type="text/javascript" >
74
<?php
75

76
//稳定运行
77
$wdyx_time = floor((time()-strtotime("2020-3-21"))/86400);
78
echo "var tj_wdyx="."'$wdyx_time'";
79

80
?>
81

82
</script>

1
  <div id="nuandao">
2

3
    <div class="siteCount">
4
      <div class="wrapper">
5
        <ul>
6
          <li>
7
            <span>
8
<script type="text/javascript" >
9
document.write(jstext);
10
</script>
11
</span>
12
            <b>用户总数</b>
13
          </li>
14
          <li>
15
            <span><script type="text/javascript" >
16

17
document.write(tj_rzzs);
18

19
</script></span>
20
            <b>文章总数</b>
21
          </li>
22
          <li>
23
            <span><script type="text/javascript" >
24

25
document.write(tj_view);
26

27
</script></span>
28
            <b>浏览总数</b>
29
          </li>
30
          <li>
31
            <span></span>
32
            <span>
33

34
<script type="text/javascript" >
35

36
document.write(tj_24h);
37

38
</script>
39

40
</span>
41
            <b>今日发布</b>
42
          </li>
43
          <li>
44
            <span><script type="text/javascript" >
45

46
document.write(tj_wdyx);
47

48
</script></span>
49
            <b>稳定运行</b>
50
          </li>
51
        </ul>
52
        <div class="join-vip">
53
          <a class="b2-radius" href="/vips" target="_blank">立即加入</a>
54
          <p>加入Npcink，快速获取优质资源！</p>
55
        </div>
56
      </div>
57
    </div>
58

59
  </div>
60
<style type="text/css">
61
#nuandao .siteCount {
62
  position: relative;
63
  padding: 60px 0;
64
}
65

66

67
/*内容*/
68
#nuandao .siteCount .wrapper {
69
  position: relative;
70
  z-index: 10;
71
}
72

73
#nuandao .siteCount ul {
74
  display: flex;
75
}
76

77
#nuandao .siteCount ul li {
78
  width: 20%;
79
  color: #fff;
80
  text-align: center;
81
}
82

83
/*模块*/
84
#nuandao .siteCount ul li span {
85
  font-size: 48px;
86
  font-family: Arial;
87
}
88

89
#nuandao .siteCount ul li b {
90
  display: block;
91
  font-weight: normal;
92
  font-size: 14px;
93
}
94

95
/*按钮*/
96
#nuandao .siteCount .join-vip {
97
  text-align: center;
98
  color: #fff;
99
  margin-top: 30px;
100
}
101

102
#nuandao .siteCount .join-vip a {
103
  display: inline-block;
104
  border: 0;
105
  border-radius: 5px;
106
  transition: all 0.3s;
107
  padding: 10px 30px;
108
  font-size: 15px;
109
  letter-spacing: 0.5px;
110
  background-color: #2e4e7e;
111

112
  box-shadow: 0 5px 10px 0 rgba(16, 110, 253, 0.3);
113
  color: #fff;
114
}
115

116
#nuandao .siteCount .join-vip p {
117
  margin-top: 15px;
118
  font-size: 14px;
119
  color: rgba(255, 255, 255, 0.8);
120
  letter-spacing: 0.5px;
121
  font-family: Arial;
122
}
123

124

125

126

127

128
.home_row_bg_img::after {
129
    content: '';
130
    z-index: 1;
131
    height: 100%;
132
    width: 100vw;
133
    background: rgba(0, 0, 0, 0.6);
134
    position: absolute;
135
    top: 0;
136
    left: 0;
137
}
138

139
 </style>
140
<script>
141
document.getElementById("nuandao").parentNode.parentNode.style.backgroundColor="transparent"
142
</script>