Menu
カテゴリー

【SWELL】インライン画像の使い方と使える場所3つ+αを紹介

悩む人

ブロック(トップ)ツールバーの「さらに表示」内にあるインライン画像って何ですか?使い方を教えてほしいです。

こういった悩みにお答えします。

本記事で解決できること

  • インライン画像の使い方
  • インライン画像を使える場所【3つ+α】
  • 画像ブロックを使いたいけど使えない場所にはインライン画像

是非、最後までご覧ください。

News

以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。

本記事の内容

【SWELL】インライン画像の使い方

画像の挿入

ブロック(トップ)ツールバーから、「さらに表示」>「インライン画像」を選択します。

挿入したい画像を選択します。

画像が挿入されました。

サイズ変更

画像を選択後、幅を入力して(適応)をクリックします。

適応前

適応後

リンクを貼る

画像を選択します。

ブロック(トップ)ツールバーから「(リンク)」を選択します。

URLを入力後、(送信)をクリックすると画像リンクになります。

【SWELL】インライン画像を使える場所【3つ+α】

※ 使い方については既に解説済みなので主に結果のみ表示しています。

  • 1つ目:本文
  • 2つ目:テーブル
  • 3つ目:セクション用見出し
  • +α(メディアの画像ブロックを使いたいけど使えない場所にはインライン画像)

1つ目:本文

2つ目:テーブル

3つ目:セクション用見出し

ブロック(トップ)ツールバーから、「変換」>「見出し」を選択します。

見出しに変換後、サイドバーから、「(スタイル)」>「セクション用」を選択します。

セクション用見出しに変換されました。

セッション用見出しにインライン画像を挿入しました。

+α:画像ブロックを使えない場所にはインライン画像

例えば、タブに画像を挿入することもできます。

News

以下にブロックエディタで使えるSWELL専用機能の記事をまとめていますので、良ければご覧ください。

今回は以上です。

※ PS:本記事で「悩みが解決した」「参考になった」方は、是非 (Twitter)でシェアをお願いします!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
本記事の内容