wp博客添加日历云 代码
以下是添加日历云的代码:
-
在WordPress后台的外观-小工具中添加一个文本小工具。
-
复制以下代码并粘贴到文本小工具中:
<script type="text/javascript" src="//cdn.jsdelivr.net/cal-heatmap/3.6.0/cal-heatmap.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/cal-heatmap/3.6.0/cal-heatmap.css" />
<div id="cal-heatmap" style="width:100%;"></div>
<script type="text/javascript">
var cal = new CalHeatMap();
cal.init({
data: "/wp-content/uploads/cal-heatmap/data.json",
start: new Date(new Date().getFullYear() - 1, 0),
domain: "month",
subDomain: "day",
range: 12,
cellSize: 10,
itemName: ["post", "posts"],
tooltip: true,
domainLabelFormat: "%Y-%m",
legend: [1, 2, 3, 4],
legendColors: {
base: "#eee",
min: "#D6E685",
max: "#1B2F11",
},
legendHorizontalPosition: "right",
legendVerticalPosition: "bottom",
legendMargin: [0, 0, 0, 0],
onClick: function(date, nb) {
window.location.href = "/?m=" + date.format("YYYYMM");
}
});
</script>
- 保存并发布小工具。
现在您可以在WordPress博客上看到一个云日历了
原文地址: https://gggwd.com/t/topic/cSO2 著作权归作者所有。请勿转载和采集!