![](https://hrdyuic.com/wp-content/uploads/8335d558d151e09a696fb916ebabfbd5.png)
ブロック(トップ)ツールバーのSWELL装飾内にあるインラインボタンって何ですか?使い方を教えてほしいです。
こういった悩みにお答えします。
本記事で解決できること
- インラインボタンの使い方
- インラインボタンを使える場所【2つ+α】
- SWELLボタンを使いたいけど使えない場所にはインラインボタン
是非、最後までご覧ください。
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/9837ca1cd2f456c888522f68eaa11edc.jpg)
![](https://hrdyuic.com/wp-content/uploads/9837ca1cd2f456c888522f68eaa11edc.jpg)
ブロック(トップ)ツールバーから、
(リンク)を選択します。![](https://hrdyuic.com/wp-content/uploads/de06091329b39202f28c6c7c6068e2ee.jpg)
![](https://hrdyuic.com/wp-content/uploads/de06091329b39202f28c6c7c6068e2ee.jpg)
URLを入力後、
(送信)をクリックするとテキストリンクになります。![](https://hrdyuic.com/wp-content/uploads/c6d0f114a14f97d6a0fd4d313d608b60.jpg)
![](https://hrdyuic.com/wp-content/uploads/c6d0f114a14f97d6a0fd4d313d608b60.jpg)
インラインボタンの設置
テキストリンクを全選択後、ブロック(トップ)ツールバーから、「SWELL装飾」>「インラインボタン」を選択します。
![](https://hrdyuic.com/wp-content/uploads/7f64a53eddcb374766b2e7f0decfaca4.jpg)
![](https://hrdyuic.com/wp-content/uploads/7f64a53eddcb374766b2e7f0decfaca4.jpg)
インラインボタンの候補が表示されますので選択します。
![](https://hrdyuic.com/wp-content/uploads/12da46b4532f0edac5aff6270f2d0d03.jpg)
![](https://hrdyuic.com/wp-content/uploads/12da46b4532f0edac5aff6270f2d0d03.jpg)
選択するとインラインボタンになります。
![](https://hrdyuic.com/wp-content/uploads/5a97d1edcc150854c07634f8385d5a97.jpg)
![](https://hrdyuic.com/wp-content/uploads/5a97d1edcc150854c07634f8385d5a97.jpg)
【SWELL】インラインボタンを使える場所【2つ+α】
※ 使い方については既に解説済みなので結果のみ表示しています。
- 1つ目:本文
- 2つ目:テーブル
- +α:SWELLブロックのSWELLボタンを使いたいけど使えない場所にはインラインボタン
1つ目:本文
![](https://hrdyuic.com/wp-content/uploads/a4d1241d9cd8df262b6a9f6b0d140b04.jpg)
![](https://hrdyuic.com/wp-content/uploads/a4d1241d9cd8df262b6a9f6b0d140b04.jpg)
2つ目:テーブル
![](https://hrdyuic.com/wp-content/uploads/dcd581f573cfb1ebe05ff42d1f008255.jpg)
![](https://hrdyuic.com/wp-content/uploads/dcd581f573cfb1ebe05ff42d1f008255.jpg)
+α:SWELLボタンを使えない場所にはインラインボタン
![](https://hrdyuic.com/wp-content/uploads/10c59103397b98c96a456530692ced0d.jpg)
![](https://hrdyuic.com/wp-content/uploads/10c59103397b98c96a456530692ced0d.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でのブロックエディタの使い方を知りたい方は是非ご覧ください。
今回は以上です。