{"id":651660,"date":"2025-08-05T21:32:42","date_gmt":"2025-08-05T13:32:42","guid":{"rendered":"http:\/\/puo.cn\/?p=651660"},"modified":"2025-08-05T21:32:42","modified_gmt":"2025-08-05T13:32:42","slug":"wordpress-%e7%bb%99%e5%8d%9a%e5%ae%a2%e6%b7%bb%e5%8a%a0%e6%97%b6%e9%97%b4%e5%80%92%e8%ae%a1%e6%97%b6%e6%8f%92%e4%bb%b6","status":"publish","type":"post","link":"http:\/\/puo.cn\/?p=651660","title":{"rendered":"WordPress-\u7ed9\u535a\u5ba2\u6dfb\u52a0\u65f6\u95f4\u5012\u8ba1\u65f6\u63d2\u4ef6"},"content":{"rendered":"

\u5f15\u7528\u7b2c\u4e09\u65b9jquery<\/h3>\n
<script<\/span> src<\/span>=\u201dhttp:\/\/libs.baidu.com\/jquery\/1.9.1\/jquery.min.js\u201d<\/span>><\/span><\/script<\/span>><\/span><\/code><\/pre>\n
\u6dfb\u52a0CSS\u6837\u5f0f\u4ee3\u7801<\/h3>\n
.aside-count<\/span> .content<\/span> { padding<\/span>: 15px<\/span> } .aside-count<\/span> .content<\/span> .item<\/span> { margin-bottom<\/span>: 15px<\/span> } .aside-count<\/span> .content<\/span> .item<\/span>:last-child<\/span> { margin-bottom<\/span>: 0<\/span> } .aside-count<\/span> .content<\/span> .item<\/span> .title<\/span> { font-size<\/span>: 12px<\/span>; color<\/span>: var<\/span>(–minor); margin-bottom<\/span>: 5px<\/span>; display<\/span>: flex; align-items<\/span>: center } .aside-count<\/span> .content<\/span> .item<\/span> .title<\/span> span<\/span> { color<\/span>: var<\/span>(–theme); font-weight<\/span>: 500<\/span>; font-size<\/span>: 14px<\/span>; margin<\/span>: 0<\/span> 5px<\/span> } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> { display<\/span>: flex; align-items<\/span>: center } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> .progress-bar<\/span> { height<\/span>: 10px<\/span>; border-radius<\/span>: 5px<\/span>; overflow<\/span>: hidden; background<\/span>: var<\/span>(–classC); width<\/span>: 0<\/span>; min-width<\/span>: 0<\/span>; flex<\/span>: 1<\/span>; margin-right<\/span>: 5px<\/span> } @keyframes<\/span> progress { 0% { background-position<\/span>: 0<\/span> 0<\/span> } 100% { background-position<\/span>: 30px<\/span> 0<\/span> } } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> .progress-bar<\/span> .progress-inner<\/span> { width<\/span>: 0<\/span>; height<\/span>: 100%<\/span>; border-radius<\/span>: 5px<\/span>; transition<\/span>: width 0.35s<\/span>; -webkit-animation<\/span>: progress 750ms<\/span> linear infinite; animation<\/span>: progress 750ms<\/span> linear infinite } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> .progress-bar<\/span> .progress-inner-1<\/span> { background<\/span>: #bde6ff<\/span>; background-image<\/span>: linear-gradient<\/span>(135deg<\/span>, #50<\/span>bfff 25%<\/span>, transparent 25%<\/span>, transparent 50%<\/span>, #50<\/span>bfff 50%<\/span>, #50<\/span>bfff 75%<\/span>, transparent 75%<\/span>, transparent 100%<\/span>); background-size<\/span>: 30px<\/span> 30px<\/span> } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> .progress-bar<\/span> .progress-inner-2<\/span> { background<\/span>: #ffd980<\/span>; background-image<\/span>: linear-gradient<\/span>(135deg<\/span>, #f7ba2a 25%<\/span>, transparent 25%<\/span>, transparent 50%<\/span>, #f7ba2a 50%<\/span>, #f7ba2a 75%<\/span>, transparent 75%<\/span>, transparent 100%<\/span>); background-size<\/span>: 30px<\/span> 30px<\/span> } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> .progress-bar<\/span> .progress-inner-3<\/span> { background<\/span>: #ffa9a9<\/span>; background-image<\/span>: linear-gradient<\/span>(135deg<\/span>, #ff4949 25%<\/span>, transparent 25%<\/span>, transparent 50%<\/span>, #ff4949 50%<\/span>, #ff4949 75%<\/span>, transparent 75%<\/span>, transparent 100%<\/span>); background-size<\/span>: 30px<\/span> 30px<\/span> } .aside-count<\/span> .content<\/span> .item<\/span> .progress<\/span> .progress-bar<\/span> .progress-inner-4<\/span> { background<\/span>: #67c23a<\/span>; background-image<\/span>: linear-gradient<\/span>(135deg<\/span>, #4<\/span>f9e28 25%<\/span>, transparent 25%<\/span>, transparent 50%<\/span>, #4<\/span>f9e28 50%<\/span>, #4<\/span>f9e28 75%<\/span>, transparent 75%<\/span>, transparent 100%<\/span>); background-size<\/span>: 30px<\/span> 30px<\/span> }<\/p>\n
 <\/p>\n
\u6dfb\u52a0\u7ec4\u4ef6\u4ee3\u7801<\/h3>\n
<div class=”widget_text aside-box widget_custom_html”><h2 class=”widget-title”>\u4f3c\u6c34\u6d41\u5e74<\/h2>
\n<div class=”textwidget custom-html-widget”> <div class=”aside aside-count”>
\n<div class=”p-3″><span style=”font-size: 1.2em; color: orange;”><i class=”fas fa-hourglass-half”><\/i><\/span> \u4eba\u751f\u5012\u8ba1\u65f6<\/div>
\n<div class=”content”>
\n<div class=”item” id=”dayProgress”>
\n<div class=”title”>\u4eca\u65e5\u5df2\u7ecf\u8fc7\u53bb<span>19<\/span>\u5c0f\u65f6<\/div>
\n<div class=”progress”>
\n<div class=”progress-bar”>
\n<div class=”progress-inner progress-inner-1″ style=”width: 80%;”><\/div>
\n<\/div>
\n<div class=”progress-percentage”>80%<\/div>
\n<\/div>
\n<\/div>
\n<div class=”item” id=”weekProgress”>
\n<div class=”title”>\u8fd9\u5468\u5df2\u7ecf\u8fc7\u53bb<span>2<\/span>\u5929<\/div>
\n<div class=”progress”>
\n<div class=”progress-bar”>
\n<div class=”progress-inner progress-inner-2″ style=”width: 28%;”><\/div>
\n<\/div>
\n<div class=”progress-percentage”>28%<\/div>
\n<\/div>
\n<\/div>
\n<div class=”item” id=”monthProgress”>
\n<div class=”title”>\u672c\u6708\u5df2\u7ecf\u8fc7\u53bb<span>15<\/span>\u5929<\/div>
\n<div class=”progress”>
\n<div class=”progress-bar”>
\n<div class=”progress-inner progress-inner-3″ style=”width: 50%;”><\/div>
\n<\/div>
\n<div class=”progress-percentage”>50%<\/div>
\n<\/div>
\n<\/div>
\n<div class=”item” id=”yearProgress”>
\n<div class=”title”>\u4eca\u5e74\u5df2\u7ecf\u8fc7\u53bb<span>11<\/span>\u4e2a\u6708<\/div>
\n<div class=”progress”>
\n<div class=”progress-bar”>
\n<div class=”progress-inner progress-inner-4″ style=”width: 91%;”><\/div>
\n<\/div>
\n<div class=”progress-percentage”>91%<\/div>
\n<\/div>
\n<\/div>
\n<\/div>
\n<\/div>
\n<script src=”https:\/\/cdn.qqsuu.cn\/static\/time.js”><\/script><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
\u5f15\u7528\u7b2c\u4e09\u65b9jquery <script src=\u201dhttp:\/\/libs.baidu.com\/jquery\/1.9.1\/jquery.min.js\u201d><\/script> \u6dfb\u52a0CSS\u6837\u5f0f\u4ee3\u7801 .aside-count …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127,136],"tags":[404],"topic":[342],"class_list":["post-651660","post","type-post","status-publish","format-standard","hentry","category-i","category-136","tag-wordpress","topic-wordpress"],"_links":{"self":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/651660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=651660"}],"version-history":[{"count":1,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/651660\/revisions"}],"predecessor-version":[{"id":651661,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/651660\/revisions\/651661"}],"wp:attachment":[{"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=651660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=651660"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=651660"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftopic&post=651660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}