![](https://hrdyuic.com/wp-content/uploads/8335d558d151e09a696fb916ebabfbd5.png)
ブロック(トップ)ツールバーの「さらに表示」内にあるインライン画像って何ですか?使い方を教えてほしいです。
こういった悩みにお答えします。
本記事で解決できること
- インライン画像の使い方
- インライン画像を使える場所【3つ+α】
- 画像ブロックを使いたいけど使えない場所にはインライン画像
是非、最後までご覧ください。
News
以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
【SWELLブロックエディタ使い方ガイド】テーマ専用機能まとめ
SWELLでのブロックエディタの使い方を知りたいですか?本記事では、ブロックツールバーで使えるSWELL専用機能やWordPress標準搭載のブロックをカスタマイズしたブロック、SWELL専用のカスタムブロックの使い方を解説しています。SWELLでのブロックエディタの使い方を知りたい方は是非ご覧ください。
本記事の内容
【SWELL】インライン画像の使い方
画像の挿入
ブロック(トップ)ツールバーから、「さらに表示」>「インライン画像」を選択します。
![](https://hrdyuic.com/wp-content/uploads/d4dfb91d01bd1f048b4f8a446f5d03d8.jpg)
![](https://hrdyuic.com/wp-content/uploads/d4dfb91d01bd1f048b4f8a446f5d03d8.jpg)
挿入したい画像を選択します。
![](https://hrdyuic.com/wp-content/uploads/e96e38b72beea8120faebd9796292d60.jpg)
![](https://hrdyuic.com/wp-content/uploads/e96e38b72beea8120faebd9796292d60.jpg)
画像が挿入されました。
![](https://hrdyuic.com/wp-content/uploads/17257451b24dbd56f81ede30dcdf620c.jpg)
![](https://hrdyuic.com/wp-content/uploads/17257451b24dbd56f81ede30dcdf620c.jpg)
サイズ変更
画像を選択後、幅を入力して
(適応)をクリックします。適応前
![](https://hrdyuic.com/wp-content/uploads/50a55dcc40ea0d7afe5c31ea22eaa196.jpg)
![](https://hrdyuic.com/wp-content/uploads/50a55dcc40ea0d7afe5c31ea22eaa196.jpg)
適応後
![](https://hrdyuic.com/wp-content/uploads/b1584b57436a11c1ab407d7202c0bcca.jpg)
![](https://hrdyuic.com/wp-content/uploads/b1584b57436a11c1ab407d7202c0bcca.jpg)
リンクを貼る
画像を選択します。
![](https://hrdyuic.com/wp-content/uploads/05b7cc07f613cb13caa18154c838e85d.jpg)
![](https://hrdyuic.com/wp-content/uploads/05b7cc07f613cb13caa18154c838e85d.jpg)
ブロック(トップ)ツールバーから「
(リンク)」を選択します。![](https://hrdyuic.com/wp-content/uploads/4e7cab3cd3d7674857cb9b604dabb962.jpg)
![](https://hrdyuic.com/wp-content/uploads/4e7cab3cd3d7674857cb9b604dabb962.jpg)
URLを入力後、
(送信)をクリックすると画像リンクになります。![](https://hrdyuic.com/wp-content/uploads/ac0b0e35801ef25f18c906adcdbaa613.jpg)
![](https://hrdyuic.com/wp-content/uploads/ac0b0e35801ef25f18c906adcdbaa613.jpg)
【SWELL】インライン画像を使える場所【3つ+α】
※ 使い方については既に解説済みなので主に結果のみ表示しています。
- 1つ目:本文
- 2つ目:テーブル
- 3つ目:セクション用見出し
- +α(メディアの画像ブロックを使いたいけど使えない場所にはインライン画像)
1つ目:本文
![](https://hrdyuic.com/wp-content/uploads/5fc3652ceb9223b48eacd24c3128bdcb.jpg)
![](https://hrdyuic.com/wp-content/uploads/5fc3652ceb9223b48eacd24c3128bdcb.jpg)
2つ目:テーブル
![](https://hrdyuic.com/wp-content/uploads/a325c829a6c1236e88717d52c99c3073.jpg)
![](https://hrdyuic.com/wp-content/uploads/a325c829a6c1236e88717d52c99c3073.jpg)
3つ目:セクション用見出し
ブロック(トップ)ツールバーから、「変換」>「見出し」を選択します。
![](https://hrdyuic.com/wp-content/uploads/5361791459bcb4839d30753eb9f68e17.jpg)
![](https://hrdyuic.com/wp-content/uploads/5361791459bcb4839d30753eb9f68e17.jpg)
見出しに変換後、サイドバーから、「
(スタイル)」>「セクション用」を選択します。![](https://hrdyuic.com/wp-content/uploads/44b51e3f84cc373891e34d2c5b1011bb.jpg)
![](https://hrdyuic.com/wp-content/uploads/44b51e3f84cc373891e34d2c5b1011bb.jpg)
セクション用見出しに変換されました。
![](https://hrdyuic.com/wp-content/uploads/fba9a72a444743ac15b8fd4f0b789df9.jpg)
![](https://hrdyuic.com/wp-content/uploads/fba9a72a444743ac15b8fd4f0b789df9.jpg)
セッション用見出しにインライン画像を挿入しました。
![](https://hrdyuic.com/wp-content/uploads/edab5b52bfdf27d8564390a7a0d3b3b3.jpg)
![](https://hrdyuic.com/wp-content/uploads/edab5b52bfdf27d8564390a7a0d3b3b3.jpg)
+α:画像ブロックを使えない場所にはインライン画像
例えば、タブに画像を挿入することもできます。
![](https://hrdyuic.com/wp-content/uploads/2abf09f8220b77e1e23dd9cc3cc95984.jpg)
![](https://hrdyuic.com/wp-content/uploads/2abf09f8220b77e1e23dd9cc3cc95984.jpg)
News
以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/text-editor-1794110_1920.jpg)
【SWELLブロックエディタ使い方ガイド】テーマ専用機能まとめ
SWELLでのブロックエディタの使い方を知りたいですか?本記事では、ブロックツールバーで使えるSWELL専用機能やWordPress標準搭載のブロックをカスタマイズしたブロック、SWELL専用のカスタムブロックの使い方を解説しています。SWELLでのブロックエディタの使い方を知りたい方は是非ご覧ください。
今回は以上です。