{"id":23053,"date":"2021-04-25T13:08:00","date_gmt":"2021-04-25T10:08:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23053"},"modified":"2021-10-17T19:56:23","modified_gmt":"2021-10-17T16:56:23","slug":"kuidas-lubada-svg-tuge-wordpressis","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/kuidas-lubada-svg-tuge-wordpressis\/","title":{"rendered":"Kuidas lubada SVG tuge WordPressis"},"content":{"rendered":"<p>Kas otsite SVG-piltide \u00fcleslaadimist oma WordPressi veebisaidile? WordPress ei v\u00f5imalda vaikimisi SVG-faile meedialaadija kaudu \u00fcles laadida. Selles artiklis n\u00e4itame, kuidas lubada SVG-pildi \u00fcleslaadimist WordPressi.<\/p>\n<p>SVG (Scalable Vector Graphics) m\u00e4\u00e4ratleb vektorip\u00f5hise graafika XML-vormingus. Teisis\u00f5nu m\u00e4\u00e4ratleb SVG graafika XML-vormingus. SVG-failide graafika EI kaota kvaliteeti, kui neid suurendatakse v\u00f5i suurust muudetakse. Lisaks on SVG-faili suurus v\u00e4ike ja seet\u00f5ttu on need t\u00e4nap\u00e4eval populaarsed.<\/p>\n<p>Mis puutub WordPressi, siis kui proovite SVG-pilti meedialaadijast \u00fcles laadida, kuvatakse viga nagu &quot;Vabandust, see failit\u00fc\u00fcp pole turvalisuse huvides lubatud&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20930-60823e0b0f7f2.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20930-60823e0b0f7f2.png\" alt=\"Kuidas lubada SVG tuge WordPressis\" ><\/a><\/p>\n<p>Seda seet\u00f5ttu, et SVG MIME t\u00fc\u00fcpi ei lisata WordPressi \u00fcleslaadimiseks lubatud MIME vaiket\u00fc\u00fcpides. K\u00f5igi vaikimisi MIME t\u00fc\u00fcpide loendi saamiseks v\u00f5ite kasutada meetodit <code>get_allowed_mime_types()<\/code>. See funktsioon tagastab MIME t\u00fc\u00fcpide massiivi.<\/p>\n<p>Nagu \u00f6eldud, vaatame, kuidas lisada WordPressi tugi SVG-failile.<\/p>\n<h3>Luba SVG-failil \u00fcles laadida<\/h3>\n<p>SVG-pildi toe lisamiseks kasutame filtrit, <code>upload_mimes<\/code>mis v\u00f5imaldab muuta WordPressi vastuv\u00f5etavate faililaiendite loendit. SVG-failide laiend on &#8217;image \/ svg + xml&#8217;. Niisiis, peate oma funktsioonides.php faili asetama koodi alla.<\/p>\n<pre><code>function add_svg_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0$mimes['svg'] = 'image\/svg+xml';\n\u00a0\u00a0\u00a0\u00a0return $mimes;\n}\nadd_filter('upload_mimes', 'add_svg_mime_types');<\/code><\/pre>\n<p><code>upload_mimes<\/code>Filtrit kasutades saame ka WordPressi \u00fcleslaadimiseks piirata konkreetset failivormingut. Oletame, et me ei taha lubada mp4-faile. Sellisel juhul peaksime lisama allpool oleva faili faili functions.php.<\/p>\n<pre><code>function remove_mime_types($mimes) {\n\u00a0\u00a0\u00a0\u00a0unset($mimes['video\/mp4']);\n}\nadd_filter('upload_mimes', 'remove_mime_types');<\/code><\/pre>\n<p>Nii et \u00fclaltoodud v\u00e4ikese koodil\u00f5igu lisamisega lubate SVG-pilte meediumiteeki \u00fcles laadida. P\u00e4rast SVG \u00fcleslaadimist, kui l\u00e4hete loendilehele, ei n\u00e4e te aga oma SVG-faili pisipilti.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20930-60823e0b73689.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20930-60823e0b73689.png\" alt=\"Kuidas lubada SVG tuge WordPressis\" ><\/a><\/p>\n<p>SVG pisipildi kuvamiseks loendilehel peame lisama CSS-reegli, mille saab \u00fchendada WordPressi armatuurlauale.<\/p>\n<pre><code>function admin_custom_css() {\n\u00a0\u00a0\u00a0\u00a0echo \"&lt;style&gt;table.media .column-title .media-icon img[src='.svg']{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width: 100%;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: auto;\n\u00a0\u00a0\u00a0\u00a0}&lt;\/style&gt;\";\n}\n\u00a0\nadd_action( 'admin_head', 'admin_custom_css' );<\/code><\/pre>\n<p>P\u00e4rast \u00fclaltoodud koodi lisamist faili functions.php n\u00e4ete SVG pisipilti.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20930-60823e0bd2280.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20930-60823e0bd2280.png\" alt=\"Kuidas lubada SVG tuge WordPressis\" ><\/a><\/p>\n<h4>seotud artiklid<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/et\/laadige-failid-wordpressis-programmeeritult-ules\/\" title=\"Laadige failid WordPressis programmeeritult \u00fcles\" >Laadige failid WordPressis programmeeritult \u00fcles<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/et\/laadige-pilt-ules-php-s-kuulikindla-teegi-abil\/\" title=\"Laadige pilt \u00fcles PHP-s kuulikindla teegi abil\" >Laadige pilt \u00fcles PHP-s kuulikindla teegi abil<\/a><\/li>\n<li><a href=\"https:\/\/artisansweb.net\/how-to-change-wordpress-logo-on-login-page\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kuidas muuta WordPressi logot sisselogimislehel<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>SVG-failid on populaarne vorming. Selles \u00f5petuses n\u00e4itame teile, kuidas lubada WordPressis SVG-tuge. Vaikimisi ei luba WordPress SVG-d \u00fcles laadida<\/p>\n","protected":false},"author":1,"featured_media":21676,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[274,609],"tags":[842],"class_list":["post-23053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-5","category-uncategorized-5","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/23053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=23053"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/23053\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/21676"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=23053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=23053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=23053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}