{"id":3551,"date":"2025-06-12T00:49:20","date_gmt":"2025-06-11T16:49:20","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3551.html"},"modified":"2025-06-12T00:49:20","modified_gmt":"2025-06-11T16:49:20","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e7%bd%91%e7%ab%99%e4%b8%ad%e6%b7%bb%e5%8a%a0%e6%9d%a5%e8%87%aagiphy%e7%9a%84gif%e5%9b%be%e7%89%87%ef%bc%88%e4%b8%a4%e7%a7%8d%e7%ae%80%e5%8d%95%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3551.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u7f51\u7ad9\u4e2d\u6dfb\u52a0\u6765\u81eaGiphy\u7684GIF\u56fe\u7247\uff08\u4e24\u79cd\u7b80\u5355\u65b9\u6cd5\uff09"},"content":{"rendered":"<div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--1\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/dyA-1-400x300.jpg\" alt=\"Bug&#32534;&#35793;&#29422;\" class=\"wp-image-1842\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">Bug&#32534;&#35793;&#29422;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#22312;WordPress&#20013;&#28155;&#21152;&#26469;&#33258;Giphy&#30340;GIF&#22270;&#29255;&#26377;&#22810;&#31181;&#26041;&#24335;&#65292;&#36825;&#37324;&#20171;&#32461;&#20004;&#31181;&#31616;&#21333;&#30340;&#26041;&#27861;&#65306;&#36890;&#36807;&#25554;&#20214;&#21644;&#36890;&#36807;URL&#12290;<\/p>\n<h3>&#26041;&#27861;&#19968;&#65306;&#36890;&#36807;&#25554;&#20214;<\/h3>\n<ol>\n<li>\n<p><strong>&#36873;&#25321;&#21512;&#36866;&#30340;&#25554;&#20214;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#22312;WordPress&#21518;&#21488;&#33756;&#21333;&#20013;&#25214;&#21040;&ldquo;&#25554;&#20214;&rdquo;&#37096;&#20998;&#12290;<\/li>\n<li>&#23547;&#25214;&#19982;&ldquo;Giphy API&rdquo;&#30340;&#30456;&#20851;&#25554;&#20214;&#65292;&#22914;&#8221;WP Giphy Shortcuts&#8221;&#25110;&#8221;Giphy for WordPress&#8221;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#23433;&#35013;&#24182;&#28608;&#27963;&#25554;&#20214;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#19979;&#36733;&#25554;&#20214;&#21518;&#65292;&#28857;&#20987;&ldquo;&#23548;&#20837;&rdquo;&#25353;&#38062;&#23558;&#20854;&#19978;&#20256;&#21040;&#24744;&#30340;WordPress&#32593;&#31449;&#12290;<\/li>\n<li>&#23433;&#35013;&#23436;&#25104;&#21518;&#65292;&#25214;&#21040;&#35813;&#25554;&#20214;&#24182;&#28608;&#27963;&#23427;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#20351;&#29992;&#25554;&#20214;&#21151;&#33021;<\/strong>&#65306;<\/p>\n<ul>\n<li>\n<p>&#28608;&#27963;&#25554;&#20214;&#21518;&#65292;&#24744;&#21487;&#20197;&#22312;&#25991;&#31456;&#32534;&#36753;&#22120;&#20013;&#36755;&#20837;&#20197;&#19979;&#20195;&#30721;&#26469;&#25554;&#20837;GIF&#65306;<\/p>\n<pre><code class=\"language-php\">[giphy id=\"your_gif_id\"]<\/code><\/pre>\n<p>&#35831;&#23558;<code>id<\/code>&#26367;&#25442;&#20026;&#20174;Giphy&#33719;&#21462;&#30340;GIF ID&#12290;&#20363;&#22914;&#65292;&#22914;&#26524;GIF ID&#26159;<code>123456<\/code>&#65292;&#21017;&#20195;&#30721;&#24212;&#20026;&#65306;<\/p>\n<pre><code class=\"language-php\">[giphy id=\"123456\"]<\/code><\/pre>\n<\/li>\n<li>\n<p>&#25554;&#20837;GIF&#26102;&#65292;&#31995;&#32479;&#20250;&#33258;&#21160;&#26597;&#25214;&#21487;&#29992;&#30340;GIF&#24182;&#26174;&#31034;&#30456;&#24212;&#30340;&#22270;&#29255;&#12290;<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>&#31034;&#20363;&#20195;&#30721;&#21450;&#25928;&#26524;<\/h3>\n<pre><code class=\"language-php\">[wp-giphy shorturl=\"https:\/\/api.giphy.com\/v1\/gifs\/random?api_key=YOUR_API_KEY&amp;tag=GIFs\"]<\/code><\/pre>\n<ul>\n<li>&#36825;&#20010;&#20195;&#30721;&#29255;&#27573;&#20250;&#35831;&#27714;Giphy API&#29983;&#25104;&#19968;&#24352;&#38543;&#26426;&#30340;GIF&#22270;&#65292;&#28982;&#21518;&#25554;&#20837;&#21040;&#25991;&#31456;&#20013;&#12290;<\/li>\n<\/ul>\n<h3>&#26041;&#27861;&#20108;&#65306;&#36890;&#36807;URL<\/h3>\n<ol>\n<li>\n<p><strong>&#33719;&#21462;GIF URL<\/strong>&#65306;<\/p>\n<ul>\n<li>\n<p>&#20351;&#29992;Giphy&#30340;API&#65292;&#21487;&#20197;&#33719;&#21462;&#20219;&#20309;&#20851;&#38190;&#35789;&#30456;&#20851;&#30340;GIF&#12290;&#20363;&#22914;&#65292;&#25628;&#32034;&ldquo;cats&rdquo;&#20851;&#38190;&#35789;&#30340;GIF&#65306;<\/p>\n<pre><code>https:\/\/api.giphy.com\/v1\/gifs\/search?q=cats&amp;api_key=YOUR_GIPHY_API_KEY<\/code><\/pre>\n<p>&#23558;<code>YOUR_GIPHY_API_KEY<\/code>&#26367;&#25442;&#25104;&#24744;&#30340;&#23454;&#38469;Giphy API&#23494;&#38053;&#12290;<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#21019;&#24314;&#38142;&#25509;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#22312;WordPress&#25991;&#31456;&#20013;&#22797;&#21046;&#19978;&#36848;URL&#65292;&#24182;&#22312;&#25991;&#31456;&#20013;&#25554;&#20837;&#19968;&#20010;&#38142;&#25509;&#12290;&#30830;&#20445;&#23558;URL&#20013;&#30340;&#20851;&#38190;&#35789;&#26367;&#25442;&#20026;&#24744;&#24819;&#35201;&#26816;&#32034;&#30340;&#20851;&#38190;&#35789;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#25554;&#20837;&#38142;&#25509;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#25171;&#24320;&#25991;&#31456;&#32534;&#36753;&#27169;&#24335;&#65292;&#31896;&#36148;&#38142;&#25509;&#65292;&#28982;&#21518;&#28857;&#20987;&ldquo;&#25554;&#20837;&#38142;&#25509;&rdquo;&#12290;<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>&#36825;&#26679;&#65292;&#24403;&#29992;&#25143;&#28857;&#20987;&#38142;&#25509;&#26102;&#65292;&#20182;&#20204;&#20250;&#34987;&#24341;&#23548;&#33267;Giphy&#39029;&#38754;&#65292;&#23637;&#31034;&#20182;&#20204;&#25152;&#36873;&#20851;&#38190;&#35789;&#30340;&#30456;&#20851;GIF&#12290;<\/p>\n<p>&#36825;&#20004;&#31181;&#26041;&#27861;&#37117;&#21487;&#20197;&#36731;&#26494;&#22320;&#22312;WordPress&#32593;&#31449;&#19978;&#23884;&#20837;&#26469;&#33258;Giphy&#30340;GIF&#22270;&#29255;&#65292;&#21482;&#38656;&#26681;&#25454;&#24744;&#30340;&#38656;&#27714;&#36873;&#25321;&#21512;&#36866;&#30340;&#26041;&#27861;&#21363;&#21487;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div><div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--2\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/zp-400x300.jpg\" alt=\"&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;\" class=\"wp-image-1849\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#22312;WordPress&#32593;&#31449;&#19978;&#28155;&#21152;&#26469;&#33258;Giphy&#30340;GIF&#22270;&#29255;&#26159;&#19968;&#31181;&#24120;&#35265;&#30340;&#38656;&#27714;&#65292;&#29305;&#21035;&#26159;&#24403;&#38656;&#35201;&#20026;&#21338;&#23458;&#25991;&#31456;&#25110;&#39029;&#38754;&#25552;&#20379;&#26377;&#36259;&#12289;&#24341;&#20154;&#27880;&#30446;&#30340;&#35270;&#35273;&#20803;&#32032;&#26102;&#12290;&#20197;&#19979;&#26159;&#20004;&#31181;&#31616;&#21333;&#30340;&#28155;&#21152;GIF&#22270;&#30340;&#26041;&#27861;&#65306;<\/p>\n<h3>&#26041;&#27861;&#19968;&#65306;&#20351;&#29992;Giphy API<\/h3>\n<h4>&#27493;&#39588;1: &#23433;&#35013;&#25554;&#20214;<\/h4>\n<p>&#39318;&#20808;&#65292;&#22312;WordPress&#21518;&#21488;&#23433;&#35013;&#24182;&#28608;&#27963;&#19968;&#20010;&#21487;&#20197;&#19982;Giphy API&#20132;&#20114;&#30340;&#25554;&#20214;&#65292;&#20363;&#22914;&ldquo;Giphy for WordPress&rdquo;&#12290;&#30830;&#20445;&#25554;&#20214;&#24050;&#27491;&#30830;&#37197;&#32622;&#12290;<\/p>\n<pre><code class=\"language-bash\">wp plugin install https:\/\/wordpress.org\/plugins\/giphy-for-wordpress\/<\/code><\/pre>\n<h4>&#27493;&#39588;2: &#35774;&#32622;API&#23494;&#38053;<\/h4>\n<p>&#30331;&#24405;&#21040;Giphy&#23448;&#32593;&#33719;&#21462;API&#23494;&#38053;&#65292;&#24182;&#23558;&#20854;&#20445;&#23384;&#22312;&#19968;&#20010;&#23433;&#20840;&#30340;&#22320;&#26041;&#12290;&#28982;&#21518;&#65292;&#21069;&#24448;&ldquo;Giphy for WordPress&rdquo;&#35774;&#32622;&#38754;&#26495;&#20013;&#30340;&ldquo;API&#23494;&#38053;&rdquo;&#65292;&#36755;&#20837;&#24744;&#30340;&#23494;&#38053;&#12290;<\/p>\n<pre><code class=\"language-php\">$giphy = new Giphy($apiKey);<\/code><\/pre>\n<h4>&#27493;&#39588;3: &#33719;&#21462;GIF&#22270;&#20687;<\/h4>\n<p>&#36890;&#36807;&#20197;&#19979;&#26041;&#24335;&#35843;&#29992;Giphy API&#26469;&#33719;&#21462;&#29305;&#23450;GIF&#65306;<\/p>\n<pre><code class=\"language-php\">$image_url = $giphy-&gt;get_image('https:\/\/www.giphy.com\/gifs\/some-gif');<\/code><\/pre>\n<p>&#36825;&#23558;&#36820;&#22238;&#19968;&#20010;&#21253;&#21547;GIF&#22270;&#20687;URL&#30340;&#23545;&#35937;&#12290;<\/p>\n<h4>&#27493;&#39588;4: &#28155;&#21152;&#21040;WordPress<\/h4>\n<p>&#25509;&#19979;&#26469;&#65292;&#23558;&#19978;&#36848;GIF&#22270;&#20687;&#25554;&#20837;&#21040;WordPress&#39029;&#38754;&#25110;&#25991;&#31456;&#20013;&#12290;&#20351;&#29992;<code>&lt;img&gt;<\/code>&#26631;&#31614;&#23884;&#20837;GIF&#22270;&#20687;&#38142;&#25509;&#21363;&#21487;&#12290;<\/p>\n<pre><code class=\"language-html\">&lt;img src=\"&lt;?php echo esc_url($image_url['url']); ?&gt;\" alt=\"Your GIF Image\"&gt;<\/code><\/pre>\n<h4>&#27880;&#24847;&#20107;&#39033;:<\/h4>\n<ul>\n<li>&#30830;&#20445;&#24744;&#25317;&#26377;&#27491;&#30830;&#30340;API&#23494;&#38053;&#12290;<\/li>\n<li>&#20351;&#29992;Giphy API&#26102;&#65292;&#35831;&#36981;&#23432;&#20854;&#26381;&#21153;&#26465;&#27454;&#21644;&#25919;&#31574;&#12290;<\/li>\n<li>&#35831;&#30830;&#20445;&#22312;&#29992;&#25143;&#35775;&#38382;&#24744;&#30340;&#32593;&#31449;&#20043;&#21069;&#65292;&#24050;&#32463;&#35774;&#32622;&#20102;&#36866;&#24403;&#30340;&#26435;&#38480;&#21644;&#23433;&#20840;&#25514;&#26045;&#12290;<\/li>\n<\/ul>\n<h3>&#26041;&#27861;&#20108;&#65306;&#20351;&#29992;&#31532;&#19977;&#26041;&#24037;&#20855;<\/h3>\n<h4>&#20351;&#29992;Giphy CDN<\/h4>\n<p>Giphy&#25552;&#20379;&#20102;CDN&#26381;&#21153;&#65292;&#20801;&#35768;&#24744;&#20174;Giphy API&#33719;&#21462;&#22270;&#29255;&#32780;&#26080;&#38656;&#25285;&#24515;&#26381;&#21153;&#22120;&#38382;&#39064;&#12290;&#36825;&#31181;&#26041;&#27861;&#36866;&#29992;&#20110;&#37027;&#20123;&#19981;&#24076;&#26395;&#20351;&#29992;&#33258;&#23450;&#20041;API&#23494;&#38053;&#30340;&#31449;&#28857;&#12290;<\/p>\n<h4>&#27493;&#39588;1: &#23433;&#35013;Giphy CDN&#25554;&#20214;<\/h4>\n<p>&#19979;&#36733;&#24182;&#28608;&#27963;&ldquo;Giphy CDN for WordPress&rdquo;&#25554;&#20214;&#12290;<\/p>\n<h4>&#27493;&#39588;2: &#35774;&#32622;API&#23494;&#38053;<\/h4>\n<p>&#21516;&#26679;&#65292;&#30331;&#24405;&#21040;Giphy&#23448;&#32593;&#33719;&#21462;API&#23494;&#38053;&#65292;&#24182;&#23558;&#20854;&#20445;&#23384;&#22312;&#19968;&#20010;&#23433;&#20840;&#30340;&#22320;&#26041;&#12290;&#28982;&#21518;&#65292;&#21069;&#24448;&ldquo;Giphy CDN for WordPress&rdquo;&#35774;&#32622;&#38754;&#26495;&#20013;&#30340;&ldquo;API&#23494;&#38053;&rdquo;&#12290;<\/p>\n<h4>&#27493;&#39588;3: &#28155;&#21152;GIF&#22270;&#29255;<\/h4>\n<p>&#21019;&#24314;&#19968;&#20010;&#26032;&#30340;GIF&#25991;&#20214;&#65292;&#28982;&#21518;&#20351;&#29992;Giphy CDN&#30340;&#19978;&#20256;&#21151;&#33021;&#23558;&#23427;&#19978;&#20256;&#33267;WordPress&#12290;&#27880;&#24847;&#65292;&#27492;&#36807;&#31243;&#21487;&#33021;&#38656;&#35201;&#19968;&#20123;&#26102;&#38388;&#65292;&#20855;&#20307;&#21462;&#20915;&#20110;&#24744;&#30340;&#19978;&#20256;&#36895;&#24230;&#12290;<\/p>\n<h4>&#27493;&#39588;4: &#28155;&#21152;&#21040;WordPress<\/h4>\n<p>&#20351;&#29992;&#30456;&#21516;&#30340;&#26041;&#24335;&#23884;&#20837;GIF&#22270;&#20687;&#38142;&#25509;&#21040;&#24744;&#30340;&#25991;&#31456;&#25110;&#39029;&#38754;&#12290;<\/p>\n<h4>&#27880;&#24847;&#20107;&#39033;:<\/h4>\n<ul>\n<li>&#22312;&#22788;&#29702;&#22823;&#25991;&#20214;&#26102;&#65292;&#21487;&#33021;&#20250;&#36935;&#21040;&#19978;&#20256;&#36895;&#24230;&#24930;&#30340;&#38382;&#39064;&#12290;<\/li>\n<li>&#26816;&#26597;&#24744;&#30340;&#32593;&#31449;&#26159;&#21542;&#25903;&#25345;CDN&#26381;&#21153;&#20197;&#30830;&#20445;&#26368;&#20339;&#24615;&#33021;&#12290;<\/li>\n<\/ul>\n<p>&#36825;&#20004;&#31181;&#26041;&#27861;&#37117;&#21487;&#20197;&#24110;&#21161;&#24744;&#22312;WordPress&#32593;&#31449;&#20013;&#36731;&#26494;&#22320;&#28155;&#21152;&#26469;&#33258;Giphy&#30340;GIF&#22270;&#29255;&#12290;&#26681;&#25454;&#24744;&#30340;&#39033;&#30446;&#38656;&#27714;&#36873;&#25321;&#26368;&#36866;&#21512;&#30340;&#26041;&#27861;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bug&#32534;&#35793;&#29422; &#22312;WordPress&#20013;&#28155;&#21152;&#26469;&#33258;Giphy&#30340;GIF&#22270;&#29255;&#26377;&#22810;&#31181;&#26041;&#24335;&#038;#6..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3551","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3551"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3551\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3551"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}