{"id":653267,"date":"2025-09-08T10:52:08","date_gmt":"2025-09-08T02:52:08","guid":{"rendered":"http:\/\/puo.cn\/?p=653267"},"modified":"2025-09-08T10:52:08","modified_gmt":"2025-09-08T02:52:08","slug":"wordpress-%e4%be%a7%e8%be%b9%e6%a0%8f%e7%9a%84%e5%8d%a1%e7%89%87","status":"publish","type":"post","link":"http:\/\/puo.cn\/?p=653267","title":{"rendered":"wordpress \u4fa7\u8fb9\u680f\u7684\u5361\u7247"},"content":{"rendered":"

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

<div style=”display: flex; flex-direction: column; gap: 15px; padding: 15px; background: #f8f9fa; border-radius: 12px;”>
\n<style>
\n@keyframes fadeInUp {
\nfrom {
\nopacity: 0;
\ntransform: translateY(20px);
\n}
\nto {
\nopacity: 1;
\ntransform: translateY(0);
\n}
\n}<\/p>\n

@keyframes pulse {
\n0% {
\nbox-shadow: 0 0 0 0 rgba(66, 153, 225, 0.4);
\n}
\n70% {
\nbox-shadow: 0 0 0 10px rgba(66, 153, 225, 0);
\n}
\n100% {
\nbox-shadow: 0 0 0 0 rgba(66, 153, 225, 0);
\n}
\n}<\/p>\n

.card-animation {
\nanimation: fadeInUp 0.6s ease-out forwards;
\nopacity: 0;
\n}<\/p>\n

.card-container {
\nborder-radius: 12px;
\noverflow: hidden;
\nbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
\ntransition: all 0.3s ease;
\ncursor: pointer;
\nbackground: white;
\n}<\/p>\n

.card-container:hover {
\ntransform: translateY(-5px);
\nbox-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
\n}<\/p>\n

.card-image {
\nwidth: 100%;
\nheight: 140px;
\nobject-fit: cover;
\nborder-radius: 10px 10px 0 0; \/* \u56fe\u7247\u9876\u90e8\u5706\u89d2 *\/
\n}<\/p>\n

.card-content {
\npadding: 16px;
\n}<\/p>\n

.card-title {
\nfont-size: 18px;
\nfont-weight: 600;
\nmargin: 0 0 8px 0;
\ncolor: #2d3748;
\n}<\/p>\n

.card-description {
\nfont-size: 14px;
\ncolor: #718096;
\nmargin: 0 0 16px 0;
\nline-height: 1.5;
\n}<\/p>\n

.card-button {
\ndisplay: inline-block;
\npadding: 8px 16px;
\nborder-radius: 6px;
\nfont-size: 14px;
\nfont-weight: 500;
\ntext-decoration: none;
\ntransition: all 0.2s ease;
\ntext-align: center;
\n}<\/p>\n

\/* \u4e0d\u540c\u989c\u8272\u7684\u6309\u94ae\u6837\u5f0f *\/
\n.btn-blue {
\nbackground: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
\ncolor: white;
\n}<\/p>\n

.btn-green {
\nbackground: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
\ncolor: white;
\n}<\/p>\n

.btn-purple {
\nbackground: linear-gradient(135deg, #834d9b 0%, #d04ed6 100%);
\ncolor: white;
\n}<\/p>\n

.card-button:hover {
\ntransform: translateY(-2px);
\nbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
\n}<\/p>\n

.card-button:active {
\ntransform: translateY(0);
\n}
\n<\/style><\/p>\n

<!– \u5361\u72471 –>
\n<div class=”card-container card-animation” style=”animation-delay: 0.1s;” onclick=”window.open(‘https:\/\/flowus.cn\/xpp9\/share\/53ce0a8d-919a-4a2f-9b5d-9bdaaca319de?code=FUAWSB’, ‘_blank’)”>
\n<img src=”http:\/\/image.jiyun.net\/blogtest\/2025\/09\/20250908103521748.gif” alt=”\u8ffd\u756a” class=”card-image”>
\n<div class=”card-content”>
\n<h3 class=”card-title”>\u6211\u7231\u8ffd\u756a<\/h3>
\n<p class=”card-description”>\u4e00\u4e2a40\u5c81\u7684\u5927\u53d4\u7684\u8ffd\u756a\u4e4b\u8def\uff0c\u4e3b\u8981\u662f\u4fee\u771f\u9898\u6750<\/p>
\n<a href=”https:\/\/flowus.cn\/xpp9\/share\/53ce0a8d-919a-4a2f-9b5d-9bdaaca319de?code=FUAWSB” target=”_blank” class=”card-button btn-blue”>\u5feb\u6765\u8ffd\u756a<\/a>
\n<\/div>
\n<\/div><\/p>\n

<!– \u5361\u72472 –>
\n<div class=”card-container card-animation” style=”animation-delay: 0.2s;” onclick=”window.open(‘https:\/\/example.com\/customs’, ‘_blank’)”>
\n<img src=”http:\/\/image.jiyun.net\/blogtest\/2025\/09\/20250908104412908.webp” alt=”\u542c\u4e66” class=”card-image”>
\n<div class=”card-content”>
\n<h3 class=”card-title”>\u6211\u7231\u542c\u4e66<\/h3>
\n<p class=”card-description”>\u5f00\u8f66\u7684\u65f6\u5019\uff0c\u5165\u7761\u524d\uff0c\u8fd0\u52a8\u6563\u6b65\u7684\u65f6\u5019\u542c\u4e66\u3002<\/p>
\n<a href=”https:\/\/www.ximalaya.com\/zhubo\/41867091″ target=”_blank” class=”card-button btn-green”>\u6765\u542c\u4e66\u5427<\/a>
\n<\/div>
\n<\/div><\/p>\n

<!– \u5361\u72473 –>
\n<div class=”card-container card-animation” style=”animation-delay: 0.3s;” onclick=”window.open(‘https:\/\/www.flowus.cn\/xpp9\/share\/d06e1485-2fea-4e55-aa5e-0cb8d81efee6?code=FUAWSB’, ‘_blank’)”>
\n<img src=”http:\/\/image.jiyun.net\/blogtest\/2025\/09\/20250908104754235.png” alt=”\u8bfb\u4e66” class=”card-image”>
\n<div class=”card-content”>
\n<h3 class=”card-title”>\u5728\u7ebf\u8bfb\u4e66<\/h3>
\n<p class=”card-description”>\u7535\u5b50\u4e66\u4e5f\u597d\uff0c\u7eb8\u8d28\u4e66\u4e5f\u7f62\uff0c\u4e66\u8d39\u89e3\u4e0d\u80fd\u8bfb\u4e5f\u3002<\/p>
\n<a href=”https:\/\/www.flowus.cn\/xpp9\/share\/d06e1485-2fea-4e55-aa5e-0cb8d81efee6?code=FUAWSB” class=”card-button btn-purple”>\u575a\u6301\u8bfb\u4e66<\/a>
\n<\/div>
\n<\/div>
\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

    <div style=”display: flex; flex-direction: column; gap: 15px; padding: 15px; background: #f8f9fa;…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[136],"tags":[404],"topic":[342],"class_list":["post-653267","post","type-post","status-publish","format-standard","hentry","category-136","tag-wordpress","topic-wordpress"],"_links":{"self":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653267","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=653267"}],"version-history":[{"count":1,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653267\/revisions"}],"predecessor-version":[{"id":653270,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653267\/revisions\/653270"}],"wp:attachment":[{"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=653267"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=653267"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftopic&post=653267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}