【期間限定 1/7(水) まで】エックスサーバー最大30%OFFキャンペーン実施中!

【SWELL非公式マニュアル】キャプション付きブロックの使い方

この記事では、SWELL専用ブロックの一つ、「キャプション付きブロック」について紹介します。

ブロックエディターだけでなく、クラシックエディターからも同様のデザインを利用できます。

目次

\ 初心者におすすめ /

以下の3つを利用すると
最短最速でブログ収益化ができます

【レンタルサーバー】

エックスサーバー

【WordPressテーマ】

SWELL

【SEOツール】

ラッコキーワード

上記のリンクを選択すると、各サービスの詳しい記事に移動します。

キャプション付きブロックとは

あるコンテンツをキャプション付きで見やすくするためのブロックのことです。

こういうのだよ

コンテンツを好きに配置できます!

キャプション付きブロックの使い方

「SWELLブロック」の中に「キャプション付きブロック」というものがあります。

SWELLブロック
SWELL公式サイト:SWELLブロック一覧

キャプション付きブロックを選択すると、以下のようなブロックが挿入されるので、キャプションタイトルとコンテンツを好きに編集してください。

キャプションブロック
SWELL公式サイト

エディター右側の「スタイル」パネルから、デザインを簡単に切り替えることができます。

キャプションブロックのスタイル選択
SWELL公式サイト:キャプションブロックのスタイル選択

キャプション付きブロックを使用する様子が動画であがっているので、こちらも参考にしてみてください。

クラシックエディターでの使い方

ツールバーの「特殊パーツ」>「キャプションブロック」から簡単に挿入可能です。

キャプションボックスを選択
SWELL公式サイト

デザインパターン一覧

デザインは7種類のパターンが用意されています。

キャプション(デフォルト)

ここに好きな文章やリスト・画像などを配置できます。

キャプション(小)

ここに好きな文章やリスト・画像などを配置できます。

キャプション(枠上)

ここに好きな文章やリスト・画像などを配置できます。

キャプション(枠上2)

ここに好きな文章やリスト・画像などを配置できます。

キャプション(枠内)

ここに好きな文章やリスト・画像などを配置できます。

キャプション(浮き出し)

ここに好きな文章やリスト・画像などを配置できます。

キャプション(内テキスト)

ここに好きな文章やリスト・画像などを配置できます。

カラーセットも3種類登録可能

キャプション付きブロックのサイドバーに、以下のようなカラーパネルが設置されています。

SWELL公式サイト

カラーセットのカスタマイズ方法

この3色のカラーセットは、「SWELL設定」>「エディター設定」の「カラーセット」タブから好きな色にカスタマイズ可能です。

SWELL公式サイト:カラーセット設定エリア

SWELL公式マニュアル:SWELLの「キャプション付きブロック」の使い方

この記事を書いた「ブルー」です。
プログラマー×ブロガー
へなちょこシステムエンジニアが副業ブログで月収10万円を達成。エックスサーバー、SWELL、ラッコキーワードを使った稼げるブログを作る方法を解説します。

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次