SWELL:キャプションボックスの使い方や出来ること

SWELL:キャプションボックスの使い方や出来ること

この記事がお勧めな方

  • SWELL(スウェル)のキャプションボックスの使い方を知りたい方
  • SWELL(スウェル)のキャプションボックスで出来ることを知りたい方
  • SWELL(スウェル)のキャプションボックスがどんな感じか知りたい方

「キャプションボックス」はブロックツールの「キャプションボックス」を選択します。

SWELL:キャプションボックス

SWELLのキャプションボックス表示はこんな感じです。

SWELL:キャプションボックスの表示

SWELL:キャプションボックスで出来ること

SWELL:キャプションボックスの設定項目
① スタイルスタイルの変更が可能
② カラー設定キャプションボックスの色変更が可能
③ アイコン設定アイコンの設定が可能
④ デバイス制限スマホとPCで表示制限が可能
⑤ ブロック下の余白量ブロック下の余白量の設定が可能

① スタイル

キャプションボックスのスタイルを7種類から選択することができます。

SWELL:キャプションボックス設定(スタイル)

デフォルト

スタイル:デフォルトはこんな感じです。

SWELL:キャプションボックス設定(スタイル:デフォルト)

スタイル:小はこんな感じです。

SWELL:キャプションボックス設定(スタイル:小)

枠上

スタイル:枠上はこんな感じです。

SWELL:キャプションボックス設定(スタイル:枠上)

枠上2

スタイル:枠上2はこんな感じです。

SWELL:キャプションボックス設定(スタイル:枠上2)

枠内

スタイル:枠内はこんな感じです。

SWELL:キャプションボックス設定(スタイル:枠内)

浮き出し

スタイル:浮き出しはこんな感じです。

SWELL:キャプションボックス設定(スタイル:浮き出し)

内テキスト

スタイル:内テキストはこんな感じです。

SWELL:キャプションボックス設定(スタイル:内テキスト)

② カラー設定

カラー設定でキャプションボックスの色を変更することができます。

SWELL:キャプションボックス(カラー設定)

キャプションボックスの色を変更するとこんな感じです。

SWELL:キャプションボックス(色変更した表示)

カラー設定で選択することができる色は「SWELL設定」→「エディター設定」「キャプションブロック設定」で登録することができます。

SWELL:キャプションブロック設定

③ アイコン設定

アイコン設定でキャプションボックスにアイコンを表示することができます。

SWELL:キャプションボックス(アイコン設定)

設定できる内容は以下になります。

アイコンの位置アイコンの位置を左右変更可能
アイコン選択アイコンの種類を変更可能
アイコンサイズアイコンのサイズを変更可能

アイコン表示をするとこんな感じです。

SWELL:キャプションボックス(アイコンを表示した例)

④ デバイス制限

スマホとPCで表示制限が可能です。

SWELL:キャプションボックス(デバイス制限)

⑤ ブロック下の余白量

ブロック下の余白量を変更することができます。

SWELL:キャプションボックス(ブロック下の余白量)

キャプションボックスの実際表示はSWELLで作成したサンプルサイトで確認するこもできますので、そちらも参考にしてみてください。

→ SWELLで作成したサンプルサイト(キャプションボックス)

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

無料お試しがずっと可能なAI記事作成ツール
無料お試しがずっと可能なAIライティングツール

2024/10/12    ,

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...

SWELLの購入とインストール方法

SWELLの設定関係

SWELLの使い方

SWELLのデザインカスタマイズ