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博客上看到一个云日历了

wp博客添加日历云 代码

wp博客添加日历云代码