インラインSVGを出してくれるショートコード

SVGをインライン化出来たので、記事内とかでも使いやすいようにショートコード化してみました。

ひねりも何もありませんが、これでlogo.svgていうファイル名なら、

[svg]logo[/svg]

と書くと出力してくれます。

phpの中なら

echo do_shortcode( '[svg]logo[/svg]' );

で。

適切なwidthとheightをCSSで指定するのを忘れずに。

※ 記事内でSVGを使うケースがあるのか?という人には必要ないコードです。
SVGスプライトをnpm-scriptsで作ってみるを前提にしています。

この記事を書いた人

mimi

主に書いている人。愚痴が多いです。悲観的。
フロントエンド側のアレコレをイジるのが好きみたいです。
編み物と写真と珈琲とオヤツ作りが趣味。
イラストも、最近描いてないけど描きます。
Twitter