子比主题美化—网站侧边栏添加动态日历小工具-好料小站

前言

这款是仿 CoreNext 主题侧边的一个日历小工具，每日自动显示当前日期，代码不多，具体看效果吧

当然此代码侧边栏小工具不局限于子比主题，其他主题相似的位置也可以使用，代码并没有为了子比做强制适配，而是通用适配。

小工具代码添加路径：外观—小工具—自定义 HTML

<!--侧边栏动态日历工具-自定义 HTML-开始-->
<link rel="stylesheet" href="/wp-content/themes/zibll/mizhi_ui/calendar/mizhi_calendar.css" type="text/css">
        <div class="mizhi-next-calendar blue">
            <div class="calendar-header">
                <div class="calendar-title">
                    日历
                </div>
                <div class="calendar-header-right">
                    <div class="calendar-month-week">
                        <div id="currentMonth"></div>
                        <div id="currentDayOfWeek"></div>
                    </div>
                    <div class="calendar-current-day" id="currentDay"></div>
                    <img class="img-calendar-header-1" src="/wp-content/themes/zibll/mizhi_ui/calendar/calendar-header-1.svg">
                    <img class="img-calendar-header-2" src="/wp-content/themes/zibll/mizhi_ui/calendar/calendar-header-2.svg">
                    <img class="img-calendar-header-3" src="/wp-content/themes/zibll/mizhi_ui/calendar/calendar-header-3.svg">
                </div>
            </div>
            <div class="calendar-main">
                <div class="calendar-body-header">
                    <ul>
                        <li>一</li>
                        <li>二</li>
                        <li>三</li>
                        <li>四</li>
                        <li>五</li>
                        <li>六</li>
                        <li>日</li>
                    </ul>
                    <ul id="calendarDates"></ul>
                </div>
            </div>
        </div>
<script type="text/javascript" src="/wp-content/themes/zibll/mizhi_ui/calendar/mizhi_calendar.js"></script>
<!--侧边栏动态日历工具结束-->

建议：各位美化的过程中，不建议用太过多的集成式工具一建部署代码，因为一旦 wordpress 更新或者主题更新，其中如果有一个函数不兼容就会导致整个站点出现错误，查询和定位问题会较为麻烦