PR
当ブログ愛用のWordPressテーマ
＼初心者でもおしゃれなブログを作れる！／
／デザインや機能をチェック！＼
おすすめAIツール6選
- AI文字起こしツール「【Notta】／Notta Memo」
- AI録音・要約ツール「Plaud Note／Plaud NotePin」
- AI動画編集ツール「PowerDirector」
- AI写真編集ツール「PhotoDirector」
- AI画像編集ツール「Photoroom」
- AIメンタルケアツール「Awarefy」
【超基本】SWELL段落ブロックの使い方とデザイン装飾まとめ
「段落ブロックでできることを知りたい…」
「段落ブロックをグループ化したり、横並びする方法は？」
「段落ブロックをオシャレに装飾するには？」
この記事ではそんな方に向けて、SWELLで段落ブロックの使い方を解説します。
かめコンパスこんにちは、かめコンパスです！
本記事の内容
＼読みたい箇所をクリック／
この記事を読めば、あなたも簡単に
- 段落ブロックの基本的な使い方が分かる
ようになります。
私もあなたと同じことに悩んでたのですが、本記事の方法でサクッと解決でき、記事をおしゃれに作成することができました。
どこよりも分かりやすく書いている自信がありますので、あなたもパパッと解決してみてください！
＼SWELL購入を検討中の人はこちらもご覧ください！／
あわせて読みたい
【口コミ多数！】SWELLの評判レビュー｜メリット・デメリットや使ってみた感想まとめ
「SWELLを購入しようか迷っている…」 「SWELLのメリット・デメリットは？」 「SWELLを導入すれば何が変わるのか知りたい」 この記事ではそんな方に向けて、SWELLの評判…
この記事を書いた人
かめコンパス
- 副業で210記事以上を公開し、月1万PVを達成したWordPressブロガー
- 記事品質が企業にも評価され、27社から掲載依頼を受託
- 利用歴1年以上のCocoonからSWELLへ移行し、オシャレなブログを実現
目次
SWELL段落ブロックでできること3選
段落ブロックはWordPress標準ブロックですが、SWELLではその機能が拡張しています。
SWELLで機能拡張した段落ブロックでは以下のようなことができます。
それぞれ詳しく解説します。
テキストを入力する
SWELLの段落ブロックにテキストを入力できます。
入力したテキストはブロックツールバーから以下のような装飾の設定ができますよ。
かめコンパス私は太字+マーカーの組み合わせをよく使っているよ
また、ユーザーの悩みや興味がありそうな話題をテキストリンクで別記事に誘導し、
回遊率アップとユーザーの満足度を高めることもできるでしょう。
様々なブロックを挿入する
SWELLには21種類のオリジナルブロックに加え、機能拡張したコアブロック(＝WordPress標準ブロック)を段落ブロックに挿入できます。
ここでSWELLで利用できるブロックを一部紹介します。(：SWELLオリジナルブロック、：コアブロック。気になるブロックがあればブロック名のテキストリンクをクリックしてください。)
どのブロックも優秀で、情報をまとめて見やすくしたり、記事がオシャレになったりとどれも欠かせない機能です。
段落ブロックを装飾する
SWELLでは段落ブロックの装飾を28種類のオリジナルデザインから選べます。
設定方法は、後ほど「SWELL段落ブロックのオリジナル装飾でおしゃれにデザイン！」で解説します。
さらにボーダー設定とそれ以外の装飾は組み合わせて使うことができ、以下のようにオシャレなデザインに仕上げられますよ。
ボーダーセット×方眼
ボーダーセット×ストライプ
ボーダーセット×グッド
SWELL段落ブロックの基本的な使い方
SWELLで段落ブロックの基本的な使い方を紹介します。
※上のリンクをクリックすると見たい場所へジャンプします。
段落ブロックの追加
SWELLで段落ブロックを追加する方法は5つあります。
- キーボードのショートカットを使う
後に追加：Enterを押す
Windowsの場合…
前に追加：Ctrl+Alt+Tを同時に押す
後に追加：Ctrl+Alt+Yを同時に押す
Macの場合…
前に追加：Command+Option+Tを同時に押す
後に追加：Command+Option+Yを同時に押す
- ブロック挿入ツールから選択する
+⇒段落の順にクリックする
- 検索窓から呼び出す
+をクリックし、検索窓に「段落」と入力する
- ブロックツールバーから選択する
︙⇒前に追加 / 後に追加の順にクリックする
- ヘッダーツールバーから選択する
□⇒前に追加 / 後に追加の順にクリックする
段落ブロックの削除
SWELLで段落ブロックを削除する方法は3つあります。
- キーボードのショートカットを使う
Windowsの場合…
- Backspaceを押す
- Shift+Alt+Zを同時に押す
Macの場合…
- Deleteを押す
- Shift+Option+Zを同時に押す
- ブロックツールバーから選択する
︙⇒削除の順にクリックする
- ヘッダーツールバーから選択する
□⇒削除の順にクリックする
テキストの入力
SWELLで段落ブロックにテキストを入力できます。
その他ブロックの挿入
SWELLでは以下3つの方法で、段落ブロックにふきだしやキャプションボックスなど様々なブロックを挿入できます。
- ブロック挿入ツールから選択する
+⇒〇〇の順にクリックする ※「〇〇」はブロック名です。
- キーワードを入力する
/〇〇を入力する ※「/(スラッシュ)」は半角、「〇〇」はブロック名 or 任意のキーワードを入力してください。
- 検索窓から呼び出す
+をクリックし、検索窓に「〇〇」と入力する ※「〇〇」はブロック名を入力してください。
段落ブロックの移動
SWELLで段落ブロックを移動する方法は2つあります。
- ブロックツールバーから選択する
- 上に移動 / 下に移動をクリックする
- ドラックをドラッグ&ドロップする
- リストビューからドラッグ&ドロップする
ドキュメント概観⇒リストビューの順にクリックして任意の段落ブロックをドラッグ&ドロップする
段落ブロックのコピー
SWELLで段落ブロックをコピーする方法は2つあります。
- キーボードのショートカットを使う
Windowsの場合…
- Ctrl+Cを同時に押す
Macの場合…
- Command+Cを同時に押す
- ブロックツールバーから選択する
︙⇒コピーの順にクリックする
段落ブロックの設定
記事編集ページ右上の設定⇒ブロックの順にクリックすると、SWELLで段落ブロックの設定ができます。(後ほど本記事の「SWELL段落ブロックのオリジナル装飾でおしゃれにデザイン！」で詳しく解説します。)
段落ブロックのグループ化
SWELLで段落ブロックをグループ化する方法は2つあります。
- マウスで選択する
マウスでクリックしたまま複数の段落ブロックを選択し、ツールバー項目のグループ化をクリックする
- キーボードとマウスで選択する
Shiftキーを押したまま複数の段落ブロックを選択し、ツールバー項目のグループ化をクリックする
段落ブロックの横並び
SWELLで複数の段落ブロックを選択して、ツールバー項目の横並びをクリックすると、段落ブロックを横並びにできます。
横並びはSWELL専用ブロック「リッチカラム」でも可能です。
段落ブロックの変換
SWELLでは段落ブロックを選択して、ツールバー項目の段落をクリックすると、見出しやリストなど様々なブロックに変換できます。
SWELL段落ブロックのオリジナル装飾でおしゃれにデザイン！
SWELLの段落ブロックは、以下のようなデザインに装飾できます。
ボーダー設定01
ボーダー設定02
ボーダー設定03
ボーダー設定04
ストライプ
方眼
角に折り目
スティッチ
かぎ括弧
かぎ括弧(大)
窪み
浮き出し
左に縦線
付箋
吹き出し
吹き出し2
ポイント
チェック
バツ印
はてな
アラート
メモ
SWELL公式サイトでもこれらの装飾について解説しています。
設定方法は、右サイドバーの設定タブから選んでください。
また、ボーダー設定01~04と一部の装飾は、スタイルを別のパターンに変更することができます。
これら装飾の変更は、WordPress管理画面でSWELL設定⇒エディター設定の順にクリックし、「ボーダーセット」と「アイコンボックス」タブ内で設定できますよ。
- ボーダーセット
ボーダーセットでは、「枠線のスタイル」「枠線の太さ」「枠線の色」の3つを設定できます。
- アイコンボックス
アイコンボックスでは、「装飾スタイル」「アイコンの色」「装飾内の色」の3つを設定できます。
色の設定では、「方法①：カラーピッカーで直感的に色を選ぶ」「方法②：カラーコードを入力して色を指定する」の2通りから色を選べますよ。
かめコンパスカラーコードはChromeの拡張機能「ColorZilla」で調べるのがおすすめ！
SWELL段落ブロックまとめ
今回は、SWELLで段落ブロックの使い方を紹介しました。
本記事のおさらい
＼読み直したい箇所をクリック／
当ブログではSWELLに関する記事をいくつか書いてます。
下のページにまとめていますので、のぞいてみてください。
かめコンパスためになったという人は“𝕏フォロー”や“ブックマーク”してくれると嬉しいです！
・ ・ ・
SWELLの関連記事まとめ
SWELL専用ブロックの使い方
SWELLサイト全体のカスタマイズ
コメント