【初心者向け】ブログ投稿で使えるSWELLオリジナルブロックエディターをご紹介①

WordPress有料テーマのSWELLオリジナルブロックエディターは種類が豊富で、使い勝手がとても良いです。

でも、どんな風に活用して良いか分からず、WordPressで用意されているブロックエディターしか使っていない。そんな方もいらっしゃるかと思います。

この記事では、ブログ投稿で使えるSWELLオリジナルブロックエディターの使い方を初心者向けにご紹介します。

ブロックの追加方法がわからない方は下記の記事で確認してみてください。

SWELLオリジナルブロックエディターのご紹介①

リスト入りグループの使い方

リスト入りグループは、リストをグループ化したブロックです。
自作しようとするとHTMLとCSSを使わないとできませんが、ブロック1つでこのようなリストを囲った装飾ができます。

右サイドのブロックから装飾を変更でき、リストのスタイルも変更することができます。

• 枠線の変更はボーダー設定から変更が可能
• リスト内の背景や装飾はスタイルから変更が可能
  スタイルに合わせてボーダーはクリアにすることをおすすめします！

リストのスタイルを変更したい時は、下記画像のここをクリックをクリックします。

すると、右ブロックがリスト用のブロックに変更されますので、以下の流れでスタイルを変更してみてください。

• リストのスタイルはスタイルから変更が可能
• リストに架線をつけたい時や横並びはリストの追加スタイルで対応

色々なパターンを試してみてください 

アコーディオンの使い方

アコーディオンの例を見てみましょう。

様々なサイトで「よくあるご質問（FAQ）」に使用されていますね。

アコーディオンブロックを挿入したら、右サイドのブロックからスタイルを設定します。

• アコーディオンのスタイルはスタイルとアコーディオン設定で変更が可能
• アコーディオンが予め開いた状態or閉じた状態の設定はアコーディオン内の項目を選択し、アコーディオン設定から設定が可能

キャプションボックスの使い方

キャプションボックスは、情報をまとめたい時に活用できるブロックです。

文章がつらつらと表示されているとユーザーが読みずらさを感じてしまいます。
そんな時にキャプションボックスを活用することで、文章にメリハリが出て読みやすいブログ記事になります。

SWELLのキャプションボックスには7つものスタイルがあります。

 デフォルト

 小

 枠上

スタイル変更は、右サイドのブロックより変更可能です。

• 枠のスタイルはスタイルで変更が可能
• 枠のカラー設定はカラー設定より変更が可能
• タイトルにアイコンを設定したい場合はアイコン設定より追加が可能
• ブロック内のスタイルはリスト入りグループのスタイル設定①・②と同様

今回のご紹介はここまでとなります。

たった3つの紹介でしたが、活用次第で良いブログになりそうですね。
SWELLを使われている方は、ご自身のブログ内でもお試しください。