在WordPress網(wǎng)站上顯示站點運行時間是一個常見的需求,它可以讓訪客了解您的網(wǎng)站已經(jīng)運營了多久,增加信任感和專業(yè)度。下面將詳細介紹幾種在WordPress中添加運行時間顯示的方法。
方法一:使用代碼片段添加運行時間
這是最靈活的方法,適合有一定技術基礎的用戶:
- 登錄WordPress后臺
- 進入”外觀”→”主題文件編輯器”
- 找到functions.php文件(編輯前建議備份)
- 在文件末尾添加以下代碼:
function display_site_runtime() {
$start_date = '2020-01-01'; // 替換為您的網(wǎng)站上線日期
$start_time = strtotime($start_date);
$current_time = time();
$diff_time = $current_time - $start_time;
$years = floor($diff_time / (365*60*60*24));
$months = floor(($diff_time - $years * 365*60*60*24) / (30*60*60*24));
$days = floor(($diff_time - $years * 365*60*60*24 - $months*30*60*60*24) / (60*60*24));
echo "本站已運行: ".$years."年".$months."月".$days."天";
}
- 然后在需要顯示運行時間的位置(如footer.php)添加:
<?php display_site_runtime(); ?>
方法二:使用插件添加運行時間
對于不想修改代碼的用戶,可以使用插件:
- 推薦插件:WP Runtime、Simple Site Runtime等
- 安裝步驟:
- 進入WordPress后臺”插件”→”安裝插件”
- 搜索相關插件名稱
- 點擊”立即安裝”然后”啟用”
- 配置插件:
- 設置網(wǎng)站開始運行的日期
- 選擇顯示位置(頁腳、側(cè)邊欄等)
- 自定義顯示文本和樣式
方法三:使用小工具添加
如果您的主題支持小工具:
- 進入”外觀”→”小工具”
- 添加一個”自定義HTML”小工具
- 在小工具中添加JavaScript代碼計算運行時間:
<script>
function calculateRuntime() {
var startDate = new Date("2020-01-01"); // 修改為您的上線日期
var currentDate = new Date();
var diff = currentDate - startDate;
var years = Math.floor(diff / (1000 * 60 * 60 * 24 * 365));
var months = Math.floor((diff % (1000 * 60 * 60 * 24 * 365)) / (1000 * 60 * 60 * 24 * 30));
var days = Math.floor((diff % (1000 * 60 * 60 * 24 * 30)) / (1000 * 60 * 60 * 24));
document.getElementById("runtime").innerHTML = "本站已運行: " + years + "年" + months + "月" + days + "天";
}
window.onload = calculateRuntime;
</script>
<div id="runtime"></div>
樣式美化建議
為了讓運行時間顯示更美觀,可以添加CSS樣式:
#runtime {
font-size: 14px;
color: #666;
padding: 5px 10px;
background: #f5f5f5;
border-radius: 3px;
display: inline-block;
}
注意事項
- 修改代碼前務必備份網(wǎng)站
- 確保日期格式正確(YYYY-MM-DD)
- 如果使用緩存插件,可能需要清除緩存才能看到效果
- 定期檢查運行時間顯示是否準確
以上方法都可以實現(xiàn)WordPress網(wǎng)站運行時間的顯示,您可以根據(jù)自己的技術水平和需求選擇最適合的方式。