この記事には広告が含まれています。

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で出来ること【まとめ】-気になる方に徹底解説!

2024/11/28  

SWELLを使ってみたい!気になる!という方向けに SWELLってどんなテーマ? SWELLでどんなことができるの? SWELLを使うにはどうすればいいの? といった内容を初心者向けに詳しく解説してい ...

『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!

2024/11/28    

SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...

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

    SWELL(スウェル)の購入とインストール方法
    SWELL(スウェル)のインストール方法を徹底解説!初心者が迷わない簡単手順をご紹介!

    2024/9/27    

    SWELL:購入からインストールまでの流れ SWELLを利用する為のステップは次のようになります。 公式ページでSWELLを購入 SWELLをダウロードする(親テーマ) SWELL会員登録 SWELL ...

      SWELLの設定関係

      SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法
      SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法

      この記事ではSWELL(スウェル)の必須ブラグインである「SEO SIMPLE PACK」のインストール方法を初心者向けに解説しています。 「SEO SIMPLE PACK」はメタタグを設定できるプラ ...

      SWELL(スウェル):Googleアナリティクスの導入方法
      SWELL(スウェル):Googleアナリティクスの導入方法

      この記事ではWordPressテーマ「SWELL(スウェル)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウント ...

      SWELL(スウェル):Googleサーチコンソールへの登録方法
      SWELL(スウェル):Googleサーチコンソールへの登録方法

      この記事ではSWELL(スウェル)で作成したサイトをGoogleサーチコンソールに登録する方法を初心者向けに解説しています。 XMLサイトマップをGoogleサーチコンソールに送信する方法も解説してい ...

      SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法
      SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法

      2024/7/18    

      この記事ではステマ規制対策としてSWELL(スウェル)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法に ...

        SWELLの使い方

        SWELLの使い方
        SWELLの使い方-初心者向け詳細ガイド-

        この記事ではSWELL(スウェル)の使い方について初心者向けに解説しています。 カテゴリーの作成関係 カテゴリーページの作成方法 カテゴリーページの編集方法 基本的な記事作成機能 SWELL(スウェル ...

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

          SWELLカスタマイズ
          SWELLのカスタマイズ方法-初心者向けガイド-

          この記事ではSWELL(スウェル)のカスタマイズ方法について初心者向け解説しています。 テンプレート(デモデータ)のインストール方法 SWELL(スウェル)はデモサイトをテンプレートとして利用すること ...