获取网站运行时间
js实现网站已运行XX天的代码
- 直接粘贴代码(一般放到
html
的</body>
标签之前),Date("10/11/2017 7:00:00")
改成自己要的时间
<script type="text/javascript">
function show_runtime() {
window.setTimeout("show_runtime()", 1000);
X = new Date("10/11/2017 7:00:00");
Y = new Date();
T = (Y.getTime() - X.getTime());
M = 24 * 60 * 60 * 1000;
a = T / M;
A = Math.floor(a);
b = (a - A) * 24;
B = Math.floor(b);
c = (b - B) * 60;
C = Math.floor((b - B) * 60);
D = Math.floor((c - C) * 60);
runtime_span.innerHTML = "网站在各种灾难中运行了: " + A + "天" + B + "小时" + C + "分" + D + "秒"
}
show_runtime();
</script>
- 在哪个地方显示就贴下下面的代码(一般在footer)
<span id="runtime_span"></span>
网站雪花特效html代码
- 在页面头部的head的标签中添加下方的javascript代码:
<script src="https://unpkg.com/magic-snowflakes@6.0.1/dist/snowflakes.min.js"> </script> <script>var sf = new Snowflakes({color: "#CCCCCC"}); </script>
代码中的#CCCCCC是雪花的颜色。
网站顶部添加动态流动跑马灯
- 把下面代码放入主题functions.php文件中。
function horseracelamp() {
echo '<style>#top-grrk{background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541);height:2px;position:fixed;width:100%;Z-index:10000}</style><div id="top-grrk"></div>';
}
add_action( 'wp_head', 'horseracelamp', 100 );
添加显示站点统计信息代码
- 将统计代码放在你想显示的主题文件中,把CSS代码放入你的主题样式文件里。
PHP代码
<ul class="codesign-footer-ul">
<li class="codeisgn-footer"><h6 class="codesign-h6"><?php $count_posts = wp_count_posts(); echo $published_posts = $count_posts->publish; ?></h6>资源总数</li>
<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php echo get_week_post_count(); ?></h6>本周更新</li>
<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php echo WeeklyUpdate(); ?></h6>今日更新</li>
<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php $users = $wpdb->get_var("SELECT COUNT(ID) FROM $wpdb->users"); echo $users; ?></h6>会员数量</li>
<li class="codeisgn-footer weizhi1"><h6 class="codesign-h6"><?php $total_comments = get_comment_count(); echo $total_comments['approved'];?></h6>评论总数</li>
</ul>
CSS代码
/* 文字统计排版开始 */
.codesign-footer-ul{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-left: 0;
}
.codeisgn-footer {
list-style: none;
font-size: 13px;
}
.codesign-h6 {
line-height: 0px !important;
font-size: 20px !important;
margin-right: 30px;
margin-bottom: 10px !important;
font-weight: 700 !important;
color: #f84270;
}
.weizhi1 {
margin-left: 30px;
}
/* 文字统计排版结束 */
网站实现复制成功弹出提示框美化版代码
- 直接将以下代码加入到主题目录functions.php文件即可
//复制成功提醒
function jiub() {
echo '<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" >';
echo '<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>';
echo '<script>document.body.oncopy = function() { swal("复制成功!", "转载请务必保留原文链接,申明来源,谢谢合作!!","success");};</script>';
}
add_action( 'wp_footer', 'jiub', 100 );
- 接着在footer.php文件里加上
<?php jiub(); ?>
参与讨论