【WordPress】文字行にアイコン・画像を挿入する方法

Wordpress

WordPressでプラグイン不要で文字行にアイコンや画像を挿入する方法を紹介しています。

こんな感じです→ 桃アイコン リスのアイコン 月のアイコン ダイアモンドのアイコン

「説明記事を書くときに文字行にアイコンを入れたい…」

「顔文字アイコンの自由度を上げたい」

こんな方におすすめです。

テーマはCocoon、また、Gutenbergエディターでの方法となりますので、ご注意ください。

スポンサーリンク

文字行にアイコン・画像を挿入する

見出しにアイコン・画像を挿入させた場合、記事に表示されないことがあります。

最初に、段落か見出しに文字を1個以上記述します。

上部に表示されるメニューの中の…マークのすぐ左の▼マークをクリックします。

表示されたドロップダウンメニューから”インライン画像”を選択します。

メディアライブラリが開くので、既存の画像を選択するか新しくアップロードして選択します。

下のように挿入されればOKです。

(サイトのファビコンです)

サイズの調整

挿入されたアイコンを選択すると、サイズ変更のフォームが表示されます。

必要な数値を入力して、↲ボタンかENTERキーを押します。

画像の幅は以下の表をご参考にどうぞ。

H2(見出し)25
H3(見出し)25
H4(見出し)20
段落(本文)20

以上です。お疲れさまでした。

コメント

タイトルとURLをコピーしました