{"id":1388,"date":"2021-04-26T18:53:01","date_gmt":"2021-04-26T10:53:01","guid":{"rendered":"https:\/\/cyups.myqnapcloud.cn:8081\/bg\/?p=1040"},"modified":"2021-04-26T18:53:01","modified_gmt":"2021-04-26T10:53:01","slug":"wordpress-%e7%bd%91%e7%ab%99%e5%9c%a8%e8%8a%82%e6%97%a5%e6%b7%bb%e5%8a%a0%e7%ba%a2%e7%81%af%e7%ac%bc%e7%89%b9%e6%95%88%e6%ba%90%e7%a0%81%e5%88%86%e4%ba%ab","status":"publish","type":"post","link":"http:\/\/www.cyups.com\/?p=1388","title":{"rendered":"WordPress \u7f51\u7ad9\u5728\u8282\u65e5\u6dfb\u52a0\u7ea2\u706f\u7b3c\u7279\u6548\u6e90\u7801\u5206\u4eab"},"content":{"rendered":"\n

\u5728\u5e74\u524d\uff0c\u7f19\u54e5\u54e5\u7ed9\u535a\u5ba2\u6dfb\u52a0\u4e86\u8fc7\u5e74\u6c14\u6c1b\uff0c\u4eca\u5929\u6709\u7f51\u53cb\u5728\u7fa4\u91cc\u95ee\u8fd9\u4e2a\u600e\u4e48\u5f04\uff0c\u5c31\u7ed9\u5927\u5bb6\u5206\u4eab\u4e00\u4e0b\u3002<\/p>\n\n\n\n

\"WordPress<\/figure>\n\n\n\n

\u8fc7\u8282\u706f\u7b3c CSS \u6837\u5f0f<\/h2>\n\n\n\n

\u8fd9\u4e2a\u6837\u5f0f\u4ee3\u7801\u53ef\u4ee5\u52a0\u5728\u81ea\u5df1\u7684\u4e3b\u9898 css \u6837\u5f0f<\/a>\u6587\u4ef6\u91cc\uff0c\u4e5f\u53ef\u4ee5\u5355\u72ec\u5199\u8fdb\u53bb\u3002\u90e8\u5206 WordPress \u4e3b\u9898\uff08\u6bd4\u5982 DUX \u4e3b\u9898\uff09\u8bbe\u7f6e\u53ef\u4ee5\u76f4\u63a5\u5728\u540e\u53f0\u6dfb\u52a0\u3002<\/p>\n\n\n\n

.deng-box{position:fixed;top:-40px;right:150px;z-index:9999;pointer-events:none;} .deng-box1{position:fixed;top:-30px;right:10px;z-index:9999;pointer-events:none} .deng-box2{position:fixed;top:-40px;left:150px;z-index:9999;pointer-events:none} .deng-box3{position:fixed;top:-30px;left:10px;z-index:9999;pointer-events:none} .deng-box1 .deng,.deng-box3 .deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(255, 0, 0);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;box-shadow:-5px 5px 30px 4px #fc903d}.deng{position:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(255, 0, 0);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 3s infinite ease-in-out;box-shadow:-5px 5px 50px 4px #fa6c00}.deng-a{width:100px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:12px 8px 8px 8px;border-radius:50% 50%;border:2px solid #dc8f03}.deng-b{width:45px;height:90px;background:#d8000f;background:rgba(216,0,15,.1);margin:-4px 8px 8px 26px;border-radius:50% 50%;border:2px solid #dc8f03}.xian{position:absolute;top:-20px;left:60px;width:2px;height:20px;background:#dc8f03}.shui-a{position:relative;width:5px;height:20px;margin:-5px 0 0 59px;-webkit-animation:swing 4s infinite ease-in-out;-webkit-transform-origin:50% -45px;background:orange;border-radius:0 0 5px 5px}.shui-b{position:absolute;top:14px;left:-2px;width:10px;height:10px;background:#dc8f03;border-radius:50%}.shui-c{position:absolute;top:18px;left:-2px;width:10px;height:35px;background:orange;border-radius:0 0 0 5px}.deng:before{position:absolute;top:-7px;left:29px;height:12px;width:60px;content:\" \";display:block;z-index:999;border-radius:5px 5px 0 0;border:solid 1px #dc8f03;background:orange;background:linear-gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}.deng:after{position:absolute;bottom:-7px;left:10px;height:12px;width:60px;content:\" \";display:block;margin-left:20px;border-radius:0 0 5px 5px;border:solid 1px #dc8f03;background:orange;background:linear-gradient(to right,#dc8f03,orange,#dc8f03,orange,#dc8f03)}.deng-t{font-family:\u9ed1\u4f53,Arial,Lucida Grande,Tahoma,sans-serif;font-size:3.2rem;color:#ffeb3be6;font-weight:700;line-height:85px;text-align:center}.night .deng-box,.night .deng-box1,.night .deng-t{background:0 0!important}@-moz-keyframes swing{0%{-moz-transform:rotate(-10deg)}50%{-moz-transform:rotate(10deg)}100%{-moz-transform:rotate(-10deg)}}@-webkit-keyframes swing{0%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(10deg)}100%{-webkit-transform:rotate(-10deg)}}\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\n     font-family:'WeezerFont';\n}\n.idcicon{font-family:\"idcicon\" !important;font-size:36px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}\n@media (min-width: 767px){\n.headerwap.auto-width,.containerwap,ul.mui-table-view.mui-grid-view.mui-grid-9,.mobileNoneannouncement,.mobileNoneAG,.mobileNoneCP,.mobileNoneCPgn,.footerwap,.mobileNonecooperation,.mobileNoneBGP{\n    display: none;\n}\n}\n@media (max-width: 767px) {\n.fix-item,.zdsju-main.zdsjumain,.wy__common-width.wy__cloudProtection-partner,.package,.menu-wrap,.slider-main.auto-width,ul#slider-back,.header.auto-width,.footerweb,.personal-center-container,.product-activity,.wy-container.index-bar.wow.fadeInUp.mobileNone.animated,.Characteristic-no,\n\/*\u706f\u7b3c*\/\n.dengl{\n    display: none;\n}\n.swiper-container{max-width:100%;height:auto;border-radius:3px;}.swiper-container img{max-width:100%;}.swiper-container{margin-top:10px;}\n}<\/code><\/pre>\n\n\n\n
\u5982\u679c\u4f60\u8ddf\u6211\u4e00\u6837\u4e0d\u60f3\u5728\u624b\u673a\u7aef\u663e\u793a\uff0c\u53ef\u4ee5\u518d\u52a0\u4e00\u53e5\uff1a<\/p>\n\n\n\n
@deng-box (max-width:640px){#leftDiv,#rightDiv{display:none !important}}<\/code><\/pre>\n\n\n\n
\u6dfb\u52a0\u597d\u6837\u5f0f\u4e4b\u540e\uff0c\u5728 header \u5934\u90e8\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\uff0c\u540c\u7406\uff0c\u90e8\u5206\u4e3b\u9898\u53ef\u4ee5\u76f4\u63a5\u5728\u4e3b\u9898\u8bbe\u7f6e\u91cc\u6dfb\u52a0\u4ee3\u7801\uff1a<\/p>\n\n\n\n
 <div class=\"dengl\">\n  <div class=\"deng-box2\">\n    <div class=\"deng\">\n      <div class=\"xian\"><\/div>\n      <div class=\"deng-a\">\n        <div class=\"deng-b\">\n          <div class=\"deng-t\">\u5e74<\/div><\/div>\n      <\/div>\n      <div class=\"shui shui-a\">\n        <div class=\"shui-c\"><\/div>\n        <div class=\"shui-b\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"deng-box3\">\n    <div class=\"deng\">\n      <div class=\"xian\"><\/div>\n      <div class=\"deng-a\">\n        <div class=\"deng-b\">\n          <div class=\"deng-t\">\u65b0<\/div><\/div>\n      <\/div>\n      <div class=\"shui shui-a\">\n        <div class=\"shui-c\"><\/div>\n        <div class=\"shui-b\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"deng-box1\">\n    <div class=\"deng\">\n      <div class=\"xian\"><\/div>\n      <div class=\"deng-a\">\n        <div class=\"deng-b\">\n          <div class=\"deng-t\">\u4e50<\/div><\/div>\n      <\/div>\n      <div class=\"shui shui-a\">\n        <div class=\"shui-c\"><\/div>\n        <div class=\"shui-b\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"deng-box\">\n    <div class=\"deng\">\n      <div class=\"xian\"><\/div>\n      <div class=\"deng-a\">\n        <div class=\"deng-b\">\n          <div class=\"deng-t\">\u5feb<\/div><\/div>\n      <\/div>\n      <div class=\"shui shui-a\">\n        <div class=\"shui-c\"><\/div>\n        <div class=\"shui-b\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/code><\/pre>\n\n\n\n
\u4e0a\u9762\u7684\u65b0\u5e74\u5feb\u4e50<\/code>\u56db\u4e2a\u5355\u72ec\u7684\u5b57\u4f60\u53ef\u4ee5\u81ea\u5df1\u968f\u4fbf\u6539\uff0c\u6bd4\u5982\u6b22\u5ea6\u5143\u5bb5\u3001\u4e2d\u79cb\u56e2\u5458\u3001\u56fd\u5e86\u5feb\u4e50\u3001\u65b0\u6625\u4f73\u8282\u4e4b\u7c7b\u7684\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5728\u5e74\u524d\uff0c\u7f19\u54e5\u54e5\u7ed9\u535a\u5ba2\u6dfb\u52a0\u4e86\u8fc7\u5e74\u6c14\u6c1b\uff0c\u4eca\u5929\u6709\u7f51\u53cb\u5728\u7fa4\u91cc\u95ee\u8fd9\u4e2a\u600e\u4e48\u5f04\uff0c\u5c31\u7ed9\u5927\u5bb6\u5206\u4eab\u4e00\u4e0b\u3002 \u8fc7\u8282\u706f\u7b3c CSS \u6837\u5f0f \u8fd9\u4e2a\u6837\u5f0f\u4ee3\u7801\u53ef\u4ee5\u52a0\u5728 …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[8],"tags":[],"class_list":["post-1388","post","type-post","status-publish","format-standard","hentry","category-8"],"_links":{"self":[{"href":"http:\/\/www.cyups.com\/index.php?rest_route=\/wp\/v2\/posts\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.cyups.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.cyups.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.cyups.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.cyups.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1388"}],"version-history":[{"count":0,"href":"http:\/\/www.cyups.com\/index.php?rest_route=\/wp\/v2\/posts\/1388\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.cyups.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.cyups.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1388"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.cyups.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}