SVGアイキャッチ制作:ブログ用画像生成ツール

独自のSVGアイキャッチをブラウザで簡単作するツールのアイキャッチ画像。

🎨 SVG Eye-catch Studio

WordPressでSVGを使うには?
WordPressの標準設定ではセキュリティ上、SVGのアップロードが制限されています。以下の手順で許可設定を行ってください。

1. プラグインを導入する
Safe SVG というプラグインをインストール・有効化するのが最も安全で簡単です。アップロード時に悪意のあるコードが含まれていないかチェックしてくれます。

2. アイキャッチとして設定する
プラグイン有効化後は、通常の画像(PNG/JPG)と同じようにメディアライブラリへアップロードし、アイキャッチ画像として指定できるようになります。

3. 表示が崩れる場合
テーマによってはSVGのサイズが正しく認識されないことがあります。その場合は、管理画面の「追加CSS」に .post-thumbnail img[src$=".svg"] { width: 100%; height: auto; } と追記してください。

湖口浩朗(こぐちひろあき)

Seegmund Music Labo 代表 / 洗足学園音楽大学 非常勤講師

音楽理論家・教育家。作曲を専門とし、洗足学園音楽大学作曲コースを首席で卒業。在学中、鈴木純明、古曽志洋子の各氏に師事。現在、母校の非常勤講師として後進の指導にあたる。
サイト外で個人レッスン受付中。詳しくはプロフィールページで。

湖口浩朗(こぐちひろあき)をフォローする