Support » Plugin: WP SVG images » How do I let the svg load in the images in the same directory?

Viewing 10 replies - 1 through 10 (of 10 total)
  • https://kensyu-nakashibetsu.com/data/HOME.svg loads the images but is doesn’t work in WordPress 🙁

    Plugin Author kubiq

    (@kubiq)

    Sorry, i have no idea what are you asking for.
    I don’t understand your question.
    My plugin allows you to upload SVG to WP library and shows you thumbnail, that’s all…

    SVGs files can be load images that are not embedded. If you see the link you can see my SVG loads images but in WordPress it is being blocked from working properly somehow.

    A link to an SVG in a folder:
    https://kensyu-nakashibetsu.com/data/HOME.svg

    The same file added to a page loads nothing. Is there something wrong with the SVG upload? Do you know why WordPress blocks SVGs from loading images? Do we always have to embed images in the SVG in WordPress?

    Does this plugin strip the code or do something to the SVG files somehow?

    Plugin Author kubiq

    (@kubiq)

    Sorry, this has nothing to do with my plugin…
    You need probably to inline SVG, so you don’t need to use my plugin, you need to use some code block or something like that

    Okay. I just though this plugin was blocking code. I wonder what code is being blocked and how. It would be great if your plugin had info about that on the info page and said the code wasn’t being blocked by this plugin.

    Thank you for making the plugin.

    Plugin Author kubiq

    (@kubiq)

    Blocking code? I have no idea what are you talking about. My plugin is definitely not blocking anything 😀

    I have an SVG file that includes a link you can click to open a webpage. WordPress is somehow blocking it. Not your plugin as you said. But your plugin doesn’t say that it only helps upload files and doesn’t block anything. It would be better if your plugin explanation say something like that. I though your plugin was causing all the problems as it didn’t clearly say it is not blocking anything and only helps upload files.

    • This reply was modified 2 months, 2 weeks ago by a4jp . com.

    Maybe this description would be better:

    Description
    Add SVG support to your WordPress website. This plugin helps you upload SVG files, and allows you to see them as thumbnails in media library. It does not block internal SVG code in the SVG file. That is done by WordPress itself.

    Plugin Author kubiq

    (@kubiq)

    WordPress doesn’t block any code inside SVG.
    Sorry, but you don’t understand how HTML works.
    You should take some courses or simply hire someone who knows what to do 😉

    That is a really rude thing to say. The file was made through Illustrator that has had hundreds or even thousands of professional programmers working on it. Their code works.

    I made an SVG file using basic code.

    <div style="width:100%">
    <svg version="1.1" id="hokkaido" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 805 495.11" style="enable-background:new 0 0 805 495.11;" xml:space="preserve">
    <style type="text/css">.st0{fill:#81FF03;stroke:#000000;stroke-miterlimit:10;}.st1{fill:#73E400;stroke:#000000;stroke-miterlimit:10;}.st2{fill:#75E400;stroke:#000000;stroke-miterlimit:10;}.st3{fill:#7FFA00;stroke:#000000;stroke-miterlimit:10;}.st4{fill:#7EFA00;stroke:#000000;stroke-miterlimit:10;}.st5{fill:#7EF601;stroke:#000000;stroke-miterlimit:10;}.st6{fill:#70E400;stroke:#000000;stroke-miterlimit:10;}.st7{fill:#77E403;stroke:#000000;stroke-miterlimit:10;}.st8{fill:#82FA00;stroke:#000000;stroke-miterlimit:10;}.st9{fill:#7DF401;stroke:#000000;stroke-miterlimit:10;}.st10{fill:#71E400;stroke:#000000;stroke-miterlimit:10;}.st11{fill:#6AD300;stroke:#000000;stroke-miterlimit:10;}
    	a:hover{fill:blue} 
    	svg|a:link, svg|a:visited{cursor:pointer;}
    	svg|a text,text svg|a{fill:blue;text-decoration:underline;}
    	svg|a:hover, svg|a:active{outline:dotted 1px blue;}
    </style>
    <a href="https://hokkaido.a4jp.com/category/en-ishikari">
    <text x="25" y="134">Ishikari</text>
    <path id="ishikari" class="st0" d="M168.5,331.56l-1,8v3l6-3l5,4h3l5-4v-5l6,2l7,1l3-3l12-2l2-2l4-10l5-3l-8-3l-1-1l-8,7l-1-4l-5-7
    	l-1-3l-1-2l2-3v-3l7-5l-4-4l3-4v-11l-3,1l-1-7v-5l6-6l5-3v-1l-4-3l-6-10h-1l-6-9l-2-3l-7-6h-5l-1-1v4v1l1,2l3,11l-2,5v1l-1,2l1,2
    	l2,4l3,9l-5,13l-8,10l-3,3l-5,2l-4,6l-6-4l-3,7l-4,4v4v1l4,3l-1,8l4,1v6L168.5,331.56z"></path></a>
    
    <a href="https://hokkaido.a4jp.com/category/en-oshima">
    <text x="155" y="484">Oshima</text>
    <path id="oshima" class="st1" d="M42.5,491.56v-1V491.56z M77.5,487.56l1-1l7-9v1l5-2l2-1h2h1v-1l3-3v-13l4-4l7-2v-1l4-2l2-7l6-1
    	l2,1l1,3l-3,4l1,1l1-1l5-3l9,3l7,5h3l4-1l2-2l3-4l5-1l3-2l-3-3l-1-3l-3-2l-5-2l-7-3l-3-6l-5-6h-1l-7-10l-4-4l-12,2l-10-8l-5-4l-10-8
    	l2-12l2-4l8-14l8-5h2h1l1-2l-8-1l-4,2l-6-4l-6,2l-4-1l-2,1l2,3l4,3l-1,2l-3,10v6l-8,4l-5,5l-6,4l1,2l-2,6l-6,4l-1,4h1l7,2l4,7l8-1
    	l5-3v3l5,3l5,1l7,2l2,2l2,2h-1l-1,9l-1,6l-1,6h-1l-6,2l-1,6l-5,6l-1,2l-5,4l-1,1l-4,5h-1l-8-2l-5-5h-1v1l-1,2v5l2,6l1,4l4,5l9,3
    	L77.5,487.56z M3.5,473.56l4-2l-3-1h-1V473.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-hiyama">
    <text x="25" y="324">Hiyama</text>
    <path id="hiyama" class="st0" d="M72.5,438.56l-4,2l-2,7l-4,6l-2,5v2h1l5,5l8,2h1l4-5l1-1l5-4l1-2l5-6l1-6l6-2h1l1-6l1-6l1-9h1l-2-2
    	l-2-2l-7-2l-5-1l-5-3v-3l-5,3l-8,1l1,2l2,3l2,5v2v5l-2,5V438.56z M13.5,397.56l1,4v3l2,5l2-2l3-4l1-8l4-5v-3l-2,2h-2l-2,1h-2h-2
    	l-1,2l-1,1l-1,2V397.56z M68.5,354.56l-8-6l-9-2v2v2l1,1v2v5v4l-1,8l-2,3l-1,2l-2,1l-1,4v2l1,3l-1,2l1,2l2,2l5,3l2,3l1,2v1l1,2l1-4
    	l6-4l2-6l-1-2l6-4l5-5l8-4v-6l3-10l1-2l-4-3l-2-3l-2-2l-4,8l-3-1H68.5z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-shiribeshi">
    <text x="25" y="284">Shiribeshi</text>
    <path id="shiribeshi" class="st2" d="M132.5,343.56h2l5-3l4,1l5,3l4-5v-1l2,1l5-8l-2-5h2v-6l-4-1l1-8l-4-3v-1v-4l4-4l3-7l6,4l4-6
    	l5-2l3-3l-1-2l-8,6l-12-4l-3-3l2-4h-3l-2,1h-2l-3,2h-3l-1-1v1l-1,1l-2,1l-5-4l-2-2l-3-1l-4-2l-2-4h-2l-2-3l-2-2l-2-2l-3-2h-1h-1
    	l-1,3l-5,1h-4l-1,6v1l-1,1v2v4l2,3l1,2l2,1l3,4l1,1v1l3,4l1,3l3,3l-1,3l-6,5h-1l-3,3l-2,2l-1,1l-1,3l-3,4l-2,3l-2,5l-4-3l-5-3v1
    	l-5,7h-1l-4,2l-5,4h-6l-6,2l-1,2l-1,1v1l-2,2l9,2l8,6h5l3,1l4-8l2,2l2-1l4,1l6-2l6,4l4-2l8,1l1-4l1-1v-7v-1h11l5,1v5v1L132.5,343.56
    	z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-sorachi">
    <text x="25" y="154">Sorachi</text>
    <path id="sorachi" class="st3" d="M216.5,313.56l1,1l8,3l6,4l1,4l6,1l2-2l3-1l2-3l4-6h4l7-3l2-4l1-4l-4-2l-1-6l3-12v-2v-4l1-8l4-3
    	l1-4l1-7l-3-9l-2-3l-1-8l-4-2l-3,1l-2-8l6-10l-2-5l-6-7l-3-7l-2-10h-1l-1,2l-2,4h-5l-7,6l-1,6l-2,5l-5,2l-2,6l-1,2l-5-4v5l-3-1
    	l-12,5l-2,1l-1,2l2,3l6,9h1l6,10l4,3v1l-5,3l-6,6v5l1,7l3-1v11l-3,4l4,4l-7,5v3l-2,3l1,2l1,3l5,7l1,4L216.5,313.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-kamikawa">
    <text x="40" y="84">Kamikawa</text>
    <path id="kamikawa" class="st4" d="M263.5,303.56l-1,4l-2,4l3,7l1,3l4,1l4-5l10,2l4-6l8-3l4-2l1,1l1-1l-1-8l4-11l-4-9l3-11l-8-7l1-1
    	l11-11l7-6l6,4l4,1l1-3l4-2l5-2l1-1h-1l3-7l-2-3l2-3v-2l-1-4l-3,1h-8v-7v-9l3-3l-1-1l-5-2l-8,2l-1-4l2-3l-4-16l-1-4h2l1-8l-4-8l-2-5
    	l5-12l-1-2h-8l-3-3l-5,5l-5,1v-2l5-14v-2l-1-1l-8-2l-4,4l-6-10v-1l-9-9l1-4l-3-5h-4l-4,3l-2-7l-1-5h-7l-2-1l-1,1l-2,3l1,3l-1,5v3
    	l-1,2l1,11l1,8l3,9l5,5l-3,5l-5,4l1,4v1l2,6l-3,4l3,3l-2,1l3,4v4l-1,5v8h1l2,10l3,7l6,7l2,5l-6,10l2,8l3-1l4,2l1,8l2,3l3,9l-1,7
    	l-1,4l-4,3l-1,8v4v2l-3,12l1,6L263.5,303.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-rumoi">
    <text x="105" y="184">Rumoi</text>
    <path id="rumoi" class="st5" d="M206.5,203.56l-10,8h-3l-5,3l-2,3l-3,4l1,1h5l7,6l1-2l2-1l12-5l3,1v-5l5,4l1-2l2-6l5-2l2-5l1-6l7-6
    	h5l2-4l1-2v-8l1-5v-4l-3-4l2-1l-3-3l3-4l-2-6v-1l-1-4l5-4l3-5l-5-5l-3-9l-1-8l-1-11l1-2v-3l1-5l-1-3l2-3l1-1h-3h-7l-4-10l-10,3v10v1
    	l2,7l2,11v8l-1,6l-3,18l-6,10l-1,3l-2,13v6v17l-1,2v2l-2,6L206.5,203.56z M182.5,143.56l3-2v-1L182.5,143.56z M193.5,141.56h-3
    	H193.5z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-soya">
    <text x="325" y="34">Soya</text>
    <path id="soya" class="st6" d="M253.5,89.56l1,5l2,7l4-3h4l3,5l-1,4l9,9v1l6,10l4-4l8,2l1,1l15-10l1-1l-5-5l-5-7l-6-9l-5-11l-2-3
    	l-1-3l-1-2l-2-4l-12-13l-8-10l-6-10l-10-7l-2-5l-6-9l-4,1l-1,2l-2,6l-5,4l-8,1l-3-4l-2-2l1,10l-3,6l-4,15l5,14l2,3l5,18v-10l10-3
    	l4,10h7h3l2,1H253.5z M173.5,49.56l-1,2v1v2h1l-1,2l1,2l5,5l2,1h1l2-1l2-2l3-6l-4-6l-4-2h-1l-2-1h-1v1l-2,1L173.5,49.56z
    	 M162.5,37.56l1,3v3h2l1-6l1-4v-5l-2-5l-3,2l-2-3v2l1,3v2v3l1,2V37.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-okhotsk">
    <text x="355" y="124">Okhotsk</text>
    <path id="okhotsk" class="st7" d="M336.5,241.56l1,1l4,4h1h8l8,4l2,1l4-4l5-6l4-1l1-4l5,2l3-2l2,3l3-1l2,4l3,5l5,2l4,5l1,1l3,1l6-1
    	l3-5h10v-9v-2l6-9l3-1h8l5,3l2,2l5,6l7-4l7-5l-1-6v-3l7-2l4-4l4-5l-2-2l-1-1l6-5l4-5l4-6l7-7l3-6l6-3l3-6l3-7l2-9h-1l-1,1v1l-1,1
    	l-1,1l-2,3l-2,3l-2,3l-5,6l-3,2l-3,3l-2,2l-2,2h-2l-1,3l-2,1l-2,3l-2,1l-6,7l-4,5l-9,2l-12-1h-3l-7-2l-6-1v-1l-5-4l-3-6l-1-3v-4
    	l-4,1l-7-2h-1l-6-1l-9-3l-12-4l-11-4l-7-4l-3-1l-13-9l-7-7l-4-4l-11-7l-3-4h-1l-8-8l-2-3l-7-7l-1,1l-15,10v2l-5,14v2l5-1l5-5l3,3h8
    	l1,2l-5,12l2,5l4,8l-1,8h-2l1,4l4,16l-2,3l1,4l8-2l5,2l1,1l-3,3v9v7h8l3-1l1,4v2l-2,3l2,3l-3,7h1H336.5z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-iburi">
    <text x="175" y="404">Iburi</text>
    <path id="iburi" class="st8" d="M142.5,377.56l8,4l-2,2l-4-1l2,3l4,1l2-3l2-2l10-10l2-2l12-8l8-5l11-5l13-4l-3,3l11,4l2-1l5,3l2,1
    	l6,5l5-2l1-1l7-4l1-4l4-7l4-6l6-3l1-6l2-8l-1-3l-3-7l-7,3h-4l-4,6l-2,3l-3,1l-2,2l-6-1l-1-4l-6-4l-5,3l-4,10l-2,2l-12,2l-3,3l-7-1
    	l-6-2v5l-5,4h-3l-5-4l-6,3v-3l1-8l-9-5h-2l2,5l-5,8l-2-1v1l-4,5l-5-3l-4-1l-5,3h-2l-2,1v-1v-5l-5-1h-11v1v7l-1,1l-1,4l-1,2l3,2h3
    	l6-2l4,2l1,1l3,5l1,1l3,3l4,4l3,8V377.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-hidaka">
    <text x="225" y="434">Hidaka</text>
    <path id="hidaka" class="st9" d="M326.5,418.56l2,2l7,9l4,3l2,2l3-12v1l2-3v-3l2-10h-1l-10-4l-1-2l-6-6l-5-6l-5-7l-4-6l-6-5v-4l-4-8
    	l-7-11l2-2l-1-5l-5-2l-1-1l1-1l2-2l1-7l5-4l-3-3l2-4l-3-8l-1-1l-4,2l-8,3l-4,6l-10-2l-4,5l-4-1l-2,8l-1,6l-6,3l-4,6l-4,7l-1,4l-7,4
    	l-1,1l-5,2l3,4l16,6l2,3l3,3l6,6l3,3l9,6l12,6l3,1l13,7l5,2l5,2l7,3L326.5,418.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-tokachi">
    <text x="380" y="384">Tokachi</text>
    <path id="tokachi" class="st10" d="M320.5,382.56l5,7l5,6l6,6l1,2l10,4h1l-1-8l2-12l4-10l2-3l6-9l4-6l3-3l11-13l4-3l8-8l3-4l-3-2
    	l-5-6l-1-6l-5-4l1-4l4-8v-2l1-3v-2l2-5l1-4l2-6l6-3l5-4l4-2l2-6l-3-5l-3-1l-1-1l-4-5l-5-2l-3-5l-2-4l-3,1l-2-3l-3,2l-5-2l-1,4l-4,1
    	l-5,6l-4,4l-2-1l-8-4h-8h-1l-4-4l-1-1h-2l-1,1l-5,2l-4,2l-1,3l-4-1l-6-4l-7,6l-11,11l-1,1l8,7l-3,11l4,9l-4,11l1,8l-1,1l3,8l-2,4
    	l3,3l-5,4l-1,7l-2,2l-1,1l1,1l5,2l1,5l-2,2l7,11l4,8v4l6,5L320.5,382.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-kushiro">
    <text x="455" y="354">Kushiro</text>
    <path id="kushiro" class="st7" d="M446.5,317.56h1l6-1h3l8,1h7l-2-2l-2-5l4-6l5-1v3l2,3l4,2h2h1h1l1,1l1-1l1-1h2l1-1v-2l3-2l2-1l3-4
    	l2-8l3,1h2l2-1l6-3l1,1l1-1l-4-6l-3,1l-4-5l-3,1l-4,2h-6l-2,3l-4-3l-5-1l-4-4l-7-2l-9-6v-1l-3-9l9-5l-13-11h-1l-1-3l-5-6l-2-2l-5-3
    	h-8l-3,1l-6,9v2v9h-10l-3,5l-6,1l3,5l-2,6l-4,2l-5,4l-6,3l-2,6l-1,4l-2,5v2l-1,3v2l-4,8l-1,4l5,4l1,6l5,6l3,2l8-6l4-3l11-6l8-3h7
    	l7,5l6,2H446.5z M504.5,300.56h-1h-3v1h2L504.5,300.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-nemuro">
    <text x="625" y="304">Nemuro</text>
    <path id="nemuro" class="st11" d="M539.5,285.56l1-1v-1L539.5,285.56z M506.5,279.56l4,5l3-1l4,6l3-1h3l9,1l-1,1h2v-1l1-2v-1l2-2
    	l1-6l1-2l2-1v-1l2-2l4-1l4-1l2-1l1,1l1-2l1-1l2-1v-1l1-1h-2l-2-1l-1-1l-1,1h-1l-3,1h-2l-1-1l-1,1l-1,1l-2,2l-3,2l-2,2l-2,2l-2,2v1
    	l-10-1l-8-9l-2-4l-2-10l-1-5l-3-8l1-2l2,1l2,1l-2,2l2-1h1v1l3-1l2,1l-1,1h1l-2,2l-1,1h-1h4l1-3l-9-4l-8-4l-2-4l-5-8l1-7l2-5v-5l3-8
    	l5-6l3-7l2-6l4-4l2-4l1-3v-2l1-1v-2l-1-2v-3l-1-3l-2,9l-3,7l-3,6l-6,3l-3,6l-7,7l-4,6l-4,5l-6,5l1,1l2,2l-4,5l-4,4l-7,2v3l1,6l-7,5
    	l-7,4l1,3h1l13,11l-9,5l3,9v1l9,6l7,2l4,4l5,1l4,3l2-3h6l4-2L506.5,279.56z"></path></a>
    
    <a xlink:href="https://hokkaido.a4jp.com/category/en-islands">
    <text x="725" y="134">Islands</text>
    <path id="islands" class="st11" d="M729.5,31.56l-3-9h-4l-5,8l4,12l-3,5l-9,2l-6,14l-13-3l3,2l-1,11l-20,16l-2,7l-10-2l1,6l6,2l-1,8
    	l-7,6l-7-2l2,5l-2,4l-5-6l1,9l-6,7v6l7,2l10-16l10-1l4-4l6-14l20-15l5-9l-4-4l4-5l5-1l5,6l10-2l14-18l17-13l15-6l10-9l18-2l2-6l-4-7
    	l5-7l-9-5l-11,3l-13,15l-5,10l-7,6l-20,4l-5-2L729.5,31.56z M571.5,172.56l4-1l5-9l15-2l8-10l4-2l4,2l3-3l4-9l-7,4l-13,1l-7-3l-7-8
    	l-6,4l-8,19l-20,26v6l-28,25l3,14l9-2v9l4-25l15-7l3-10l5-1l3-12L571.5,172.56z M626.5,225.56l4-5l3,1l7-7l3,1l-1-3h5l1-4l-8-5v2h-4
    	l-4,3l2,3l-13,2v8l3-2L626.5,225.56z M602.5,236.56l-3-4l-4,3L602.5,236.56z M583.5,255.56l6-4l1-5l-6-2l-6,3L583.5,255.56z
    	 M565.5,260.56l4-1v-4h-8L565.5,260.56z M577.5,261.56l5-3l-1-2l-5,3L577.5,261.56z"></path></a>
    </svg></div>

    You can see the working inline SVG map on this page: https://hokkaido.a4jp.com/top-en/

    It works directly on the page or anywhere on my server as a file but doesn’t work when uploading it to the page through this plugin. Maybe I screwed up something but at least I’m trying.

    When I uploaded the SVG file through this plugin the links didn’t work. Because this happened, I just want to figure out what was breaking the file or blocking code. Your description says “etc.” but doesn’t say what that means.

    Currently external images can’t be loaded through the SVG code auto generated through Illustrator or basic anchor links. I doubt the programmers at Adobe would release software if it couldn’t link to an external image in the same directory or a folder.

    I haven’t gone through this plugin’s code but can you update the description, just to say what the plugin does, if it’s okay? Just writing “etc.” is confusing. How do we know it isn’t stripping code or doing other thing if you write “etc.”

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.