{"id":31842,"date":"2024-11-25T16:06:44","date_gmt":"2024-11-25T08:06:44","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31842\/"},"modified":"2024-11-25T16:06:44","modified_gmt":"2024-11-25T08:06:44","slug":"%e5%a6%82%e4%bd%95%e8%ae%a9wordpress%e6%94%af%e6%8c%81%e4%b8%8a%e4%bc%a0svg%e6%a0%bc%e5%bc%8f%e5%9b%be%e7%89%87%e5%b9%b6%e6%98%be%e7%a4%ba%e5%9c%a8%e5%aa%92%e4%bd%93%e5%ba%93%e4%b8%ad","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31842\/","title":{"rendered":"\u5982\u4f55\u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\u683c\u5f0f\u56fe\u7247\u5e76\u663e\u793a\u5728\u5a92\u4f53\u5e93\u4e2d"},"content":{"rendered":"

\u4e0b\u9762\u7531\/” target=”_blank”>wordpress\u6559\u7a0b<\/strong>\u680f\u76ee\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u8ba9wordpress\u652f\u6301\u4e0a\u4f20svg\u683c\u5f0f\u56fe\u7247\u5e76\u663e\u793a\u5728\u5a92\u4f53\u5e93\u4e2d\u7684\u65b9\u6cd5\uff0c\u5e0c\u671b\u5bf9\u9700\u8981\u7684\u670b\u53cb\u6709\u6240\u5e2e\u52a9\uff01<\/p>\n

\"\u5982\u4f55\u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\u683c\u5f0f\u56fe\u7247\u5e76\u663e\u793a\u5728\u5a92\u4f53\u5e93\u4e2d\u63d2\u56fe\"<\/p>\n

\u56e0SVG\u683c\u5f0f\u56fe\u7247\u7279\u6027\uff0c\u53ef\u80fd\u4f1a\u88ab\u63d2\u5165\u6076\u610f\u4ee3\u7801\uff0c\u7f51\u7ad9\u5bb9\u6613\u88ab\u653b\u51fb\uff0c\u6240\u4ee5\u51fa\u4e8e\u5b89\u5168\u8003\u8651WordPress\u9ed8\u8ba4\u4e0d\u652f\u6301SVG\u683c\u5f0f\u56fe\u7247\u4e0a\u4f20\uff0c\u53e6\u5916\u4e0d\u50cf\u7f51\u4e0a\u8bf4SVG\u683c\u5f0f\u56fe\u7247\u6709\u90a3\u4e48\u9ad8\u7684\u5e94\u7528\u4ef7\u503c\uff0c\u9664\u4e86\u4e00\u4e9b\u7f51\u9875\u4e0a\u7684\u5c0f\u56fe\u6807\u53ef\u4ee5\u4f7f\u7528SVG\u56fe\u7247\u5916\uff0c\u6b63\u5e38\u7684\u5f69\u8272\u56fe\u7247\uff0c\u5982\u679c\u4f7f\u7528SVG\u683c\u5f0f\u6beb\u65e0\u4f18\u52bf\u53ef\u8a00\u3002\u4e0d\u8fc7\u6709\u65f6\u8fd8\u786e\u5b9e\u9700\u8981\u8fd9\u4e2aSVG\u56fe\u7247\u6bd4\u5982\u6211\u4e3b\u9898\u7684LOGO\u56fe\u7247\uff0c\u5982\u679c\u4f7f\u7528PNG\u56fe\u7247\u5728\u624b\u673a\u4e0a\u4e0d\u662f\u5f88\u6e05\u6670\uff0c\u91c7\u7528SVG\u683c\u5f0f\u5219\u65e0\u6b64\u95ee\u9898\u3002<\/p>\n

\u5982\u4f55\u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\u683c\u5f0f\u56fe\u7247\uff1f<\/p>\n

\u53ef\u4ee5\u5c06\u4e0b\u4ee3\u7801\u6dfb\u52a0\u5f53\u524d\u4e3b\u9898\u51fd\u6570\u6a21\u677ffunctions.php\u4e2d\uff1a<\/p>\n

\u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\uff0c\u5e76\u53ea\u7ba1\u7406\u5458\u6709\u6b64\u6743\u9650<\/p>\n

\/\/ \u53ea\u5141\u8bb8\u7ba1\u7406\u5458\u4e0a\u4f20SVG\u56fe\u7247\nif (current_user_can( 'manage_options' )) {\nadd_filter('upload_mimes', function ($mimes) {\n$mimes['svg'] = 'image\/svg+xml';\nreturn $mimes;\n});\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5a92\u4f53\u5e93\u5217\u8868\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247<\/p>\n
\/\/ \u5a92\u4f53\u5e93\u5217\u8868\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247\nadd_action('admin_head', function () {\necho \"<style>table.media .column-title .media-icon img[src*='.svg']{width: 100%;height: auto;}.components-responsive-wrapper__content[src*='.svg'] {position: relative;}<\/style>\";\n});<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7f51\u4e0a\u6709\u5f88\u591a\u4ee5\u4e0a\u7c7b\u4f3c\u7684\u4ee3\u7801\uff0c\u4f46\u90fd\u4e0d\u652f\u6301\u5a92\u4f53\u5e93\u7f51\u683c\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247\uff0c\u4e0b\u9762\u7684\u4ee3\u7801\u53ef\u4ee5\u5b9e\u73b0\uff1a<\/p>\n
\/\/ \u5a92\u4f53\u5e93\u7f51\u683c\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247\nfunction zm_display_svg_media($response, $attachment, $meta){\nif($response['type'] === 'image' &amp;&amp; $response['subtype'] === 'svg+xml' &amp;&amp; class_exists('SimpleXMLElement')){\ntry {\n$path = get_attached_file($attachment-&gt;ID);\nif(@file_exists($path)){\n$svg                = new SimpleXMLElement(@file_get_contents($path));\n$src                = $response['url'];\n$width              = (int) $svg['width'];\n$height             = (int) $svg['height'];\n$response['image']  = compact( 'src', 'width', 'height' );\n$response['thumb']  = compact( 'src', 'width', 'height' );\n \n$response['sizes']['full'] = array(\n'height'        =&gt; $height,\n'width'         =&gt; $width,\n'url'           =&gt; $src,\n'orientation'   =&gt; $height &gt; $width ? 'portrait' : 'landscape',\n);\n}\n}\ncatch(Exception $e){}\n}\nreturn $response;\n}\nadd_filter('wp_prepare_attachment_for_js', 'zm_display_svg_media', 10, 3);<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u53e6\u4e00\u4e2a\u76f8\u5bf9\u4ee3\u7801\u8f83\u5c11\u7684\u652f\u6301\u5a92\u4f53\u5e93\u7f51\u683c\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247\u4ee3\u7801\uff0c\u4e0d\u8fc7\u5982\u679c\u5f00\u542f\u8c03\u8bd5\u6a21\u5f0f\u4f1a\u6709\u9519\u8bef\u63d0\u793a\uff0c\u4f46\u4e0d\u5f71\u54cd\u4f7f\u7528\u3002<\/p>\n
\/\/ \u5a92\u4f53\u5e93\u7f51\u683c\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247\nfunction zm_svg_metadata($data, $post_id) {\n$data = array(\n'sizes' =&gt; array(\n'large' =&gt; array(\n'file' =&gt; pathinfo(wp_get_attachment_url($post_id), PATHINFO_BASENAME)\n)\n)\n);\nreturn $data;\n}\nadd_filter('wp_get_attachment_metadata', 'zm_svg_metadata', 10, 2);<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u81f3\u4e8e\u52a0\u8fd9\u4e2a\u529f\u80fd\u7528\u4e8e\u4ec0\u4e48\uff0c\u90a3\u8981\u770b\u4f60\u7528\u7684\u4e3b\u9898\u662f\u5426\u6709\u8fd9\u4e2a\u529f\u80fd\u9700\u8981\u4e86\uff0c\u76f4\u63a5FTP\u4e0a\u4f20\u540e\u83b7\u53d6\u94fe\u63a5\u4e5f\u4e00\u6837\u5728\u7f51\u9875\u4e2d\u4f7f\u7528\u3002<\/p>\n
\u5acc\u6298\u817e\u4ee3\u7801\u9ebb\u70e6\uff0c\u53ef\u4ee5\u4f7f\u7528\u4e0b\u9762\u7684\u76f8\u5173\u63d2\u4ef6\uff1a<\/p>\n
SVG Support\nEnable SVG\nSafe SVG\uff08\u636e\u8bf4\u8be5\u63d2\u4ef6\u53ef\u4ee5\u68c0\u6d4b\u5e76\u53bb\u9664SVG\u4e2d\u7684\u6076\u610f\u4ee3\u7801\uff0c\u4e0e250+110\u6709\u7684\u4e00\u62fc\uff09\nWP SVG images\nEasy SVG Support\nEnable SVG Uploads\n......<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
 <\/p>\n
 <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5982\u4f55\u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\u683c\u5f0f\u56fe\u7247\u5e76\u663e\u793a\u5728\u5a92\u4f53\u5e93\u4e2d\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4e0b\u9762\u7531\/” target=”_blank”>wordpress\u6559\u7a0b\u680f\u76ee\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u8ba9wordpress\u652f\u6301\u4e0a\u4f20svg\u683c\u5f0f\u56fe\u7247\u5e76\u663e\u793a\u5728\u5a92\u4f53\u5e93\u4e2d\u7684\u65b9\u6cd5\uff0c\u5e0c\u671b\u5bf9\u9700\u8981\u7684\u670b\u53cb\u6709\u6240\u5e2e\u52a9\uff01 \u56e0SVG\u683c\u5f0f\u56fe\u7247\u7279\u6027\uff0c\u53ef\u80fd\u4f1a\u88ab\u63d2\u5165\u6076\u610f\u4ee3\u7801\uff0c\u7f51\u7ad9\u5bb9\u6613\u88ab\u653b\u51fb\uff0c\u6240\u4ee5\u51fa\u4e8e\u5b89\u5168\u8003\u8651WordPress\u9ed8\u8ba4\u4e0d\u652f\u6301SVG\u683c\u5f0f\u56fe\u7247\u4e0a\u4f20\uff0c\u53e6\u5916\u4e0d\u50cf\u7f51\u4e0a\u8bf4SVG\u683c\u5f0f\u56fe\u7247\u6709\u90a3\u4e48\u9ad8\u7684\u5e94\u7528\u4ef7\u503c\uff0c\u9664\u4e86\u4e00\u4e9b\u7f51\u9875\u4e0a\u7684\u5c0f\u56fe\u6807\u53ef\u4ee5\u4f7f\u7528SVG\u56fe\u7247\u5916\uff0c\u6b63\u5e38\u7684\u5f69\u8272\u56fe\u7247\uff0c\u5982\u679c\u4f7f\u7528SVG\u683c\u5f0f\u6beb\u65e0\u4f18\u52bf\u53ef\u8a00\u3002\u4e0d\u8fc7\u6709\u65f6\u8fd8\u786e\u5b9e\u9700\u8981\u8fd9\u4e2aSVG\u56fe\u7247\u6bd4\u5982\u6211\u4e3b\u9898\u7684LOGO\u56fe\u7247\uff0c\u5982\u679c\u4f7f\u7528PNG\u56fe\u7247\u5728\u624b\u673a\u4e0a\u4e0d\u662f\u5f88\u6e05\u6670\uff0c\u91c7\u7528SVG\u683c\u5f0f\u5219\u65e0\u6b64\u95ee\u9898\u3002 \u5982\u4f55\u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\u683c\u5f0f\u56fe\u7247\uff1f \u53ef\u4ee5\u5c06\u4e0b\u4ee3\u7801\u6dfb\u52a0\u5f53\u524d\u4e3b\u9898\u51fd\u6570\u6a21\u677ffunctions.php\u4e2d\uff1a \u8ba9WordPress\u652f\u6301\u4e0a\u4f20SVG\uff0c\u5e76\u53ea\u7ba1\u7406\u5458\u6709\u6b64\u6743\u9650 \/\/ \u53ea\u5141\u8bb8\u7ba1\u7406\u5458\u4e0a\u4f20SVG\u56fe\u7247 if (current_user_can( ‘manage_options’ )) { add_filter(‘upload_mimes’, function ($mimes) { $mimes[‘svg’] = ‘image\/svg+xml’; return $mimes; }); } \u767b\u5f55\u540e\u590d\u5236 \u5a92\u4f53\u5e93\u5217\u8868\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247 \/\/ \u5a92\u4f53\u5e93\u5217\u8868\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247 add_action(‘admin_head’, function () { echo “<style>table.media .column-title .media-icon img[src*='.svg']{width: 100%;height: auto;}.components-responsive-wrapper__content[src*='.svg'] {position: relative;}<\/style>”; }); \u767b\u5f55\u540e\u590d\u5236 \u7f51\u4e0a\u6709\u5f88\u591a\u4ee5\u4e0a\u7c7b\u4f3c\u7684\u4ee3\u7801\uff0c\u4f46\u90fd\u4e0d\u652f\u6301\u5a92\u4f53\u5e93\u7f51\u683c\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247\uff0c\u4e0b\u9762\u7684\u4ee3\u7801\u53ef\u4ee5\u5b9e\u73b0\uff1a \/\/ \u5a92\u4f53\u5e93\u7f51\u683c\u6a21\u5f0f\u663e\u793aSVG\u56fe\u7247 function zm_display_svg_media($response, $attachment, $meta){ if($response[‘type’] === ‘image’ &amp;&amp; $response[‘subtype’] === ‘svg+xml’ &amp;&amp; class_exists(‘SimpleXMLElement’)){ try { $path = get_attached_file($attachment-&gt;ID); if(@file_exists($path)){ $svg                = new SimpleXMLElement(@file_get_contents($path)); $src                = $response[‘url’]; $width              = (int) $svg[‘width’]; $height             = (int) $svg[‘height’]; $response[‘image’]  = compact( ‘src’, ‘width’, ‘height’ ); $response[‘thumb’]  = compact( ‘src’, ‘width’, ‘height’ );   $response[‘sizes’][‘full’] = array( ‘height’        =&gt; $height, ‘width’         =&gt; $width, ‘url’           =&gt; $src, ‘orientation’   =&gt; $height &gt; $width ? ‘portrait’ : ‘landscape’, ); } } catch(Exception $e){} } return $response; } add_filter(‘wp_prepare_attachment_for_js’, ‘zm_display_svg_media’, 10, 3); \u767b\u5f55\u540e\u590d\u5236 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-31842","post","type-post","status-publish","format-standard","hentry","category-cms"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31842"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31842\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}