WordPressでプラグイン不要で文字行にアイコンや画像を挿入する方法を紹介しています。
こんな感じです→
「説明記事を書くときに文字行にアイコンを入れたい…」
「顔文字アイコンの自由度を上げたい」
こんな方におすすめです。
テーマはCocoon、また、Gutenbergエディターでの方法となりますので、ご注意ください。
文字行にアイコン・画像を挿入する
最初に、段落か見出しに文字を1個以上記述します。
上部に表示されるメニューの中の…マークのすぐ左の▼マークをクリックします。
表示されたドロップダウンメニューから”インライン画像”を選択します。
![](https://i0.wp.com/muralnotes.com/wp-content/uploads/2019/11/wp-menu1.png?resize=564%2C321&ssl=1)
メディアライブラリが開くので、既存の画像を選択するか新しくアップロードして選択します。
下のように挿入されればOKです。
(サイトのファビコンです)
サイズの調整
挿入されたアイコンを選択すると、サイズ変更のフォームが表示されます。
![](https://i0.wp.com/muralnotes.com/wp-content/uploads/2019/11/icon-scale.png?resize=297%2C260&ssl=1)
必要な数値を入力して、↲ボタンかENTERキーを押します。
画像の幅は以下の表をご参考にどうぞ。
段落(本文) | 20 |
手順は以上です。最後までお読みくださり、ありがとうございました。
コメント