PR この記事には広告（アフィリエイトリンク）が含まれています。 詳細
SVG画像のサムネが出ない問題
アップロードは可能になった
以前、以下の記事にてWordpressの管理画面からSVG画像をアップロード出来るように修正を行いました。
関連記事
【瞬殺】WordpressでSVG画像がアップロード出来ない場合の解決方法
IT
Mac
Windows
Wordpress
お小遣い稼ぎあとはサムネを表示したい
しかし、今のままだとアップロードとブログ側での表示は出来るようになりましたが、管理画面側でサムネが表示されていない状態です。
こちらは、SVG画像の場合に縦横それぞれ1px指定のStyleになってしまっていることが原因ですので、ここのCSSを修正する事で表示がされるようになります。
手順
CSSを追加
やり方はとても簡単です。
以下の追記を管理画面用CSSに追記するだけです。
table.media .column-title .media-icon img[src*='.svg']{
width: 100%;
height: auto;
}
管理画面用CSSの用意の仕方については、以下をご参考下さい。
関連記事
【使いやすさ向上】Wordpressの管理画面のCSSを変える方法
IT
Mac
Windows
Wordpress
カスタマイズ確認
では確認してみましょう。
上記のCSSが適用されて正常に表示されるようになりましたね♪
終わりに
以上のように数行追加するだけでサムネが表示されるようになりました。
画像が表示されないと、管理がしにくくなってしまうので、SVG画像をアップロードしている方は必ずこのCSS設定をすることをオススメします。