当ブログでは、Blog、SWELL、日常生活、お出掛けについて発信しています。

【WordPressテーマ】『SWELL』ならではの魅力的なブロック機能、装飾紹介&解説

どうも!さるるです。

今、人気急上昇中のWordPressテーマ『SWELL

作業が捗りブログが楽しくなった

と最近SWELLにテーマ移行した方のツイートやレビューを

頻繁に見掛けるようになったんですが

その「作業が捗り、ブログ作業が楽しくなった」要因として考えられるのは

数多くのブロック機能や装飾を使った記事作成が一つの要因だと考えられます。

そこで今回は10月から『SWELL』を利用している僕

  • どんな便利な機能があるの?
  • どんな機能でカスタマイズできるの?
  • どのような装飾があるの?

このような質問や疑問にお応えします。

本記事では

SWELLでどのような魅力的で便利なブロック機能や装飾があるのか

使用例も交えて分かりやすく解説していきます。

どのようにブロック機能や装飾を使って記事を書いているのか

良かったら下記の記事も参考程度に見てみてください。

目次

魅力的なSWELL専用ブロック機能

SWELLでは魅力的で数多くのブロック機能があり、ブログを書くのがより楽しくなります。

また、ブロック機能を使うことにより作業も捗るようになります。

フルワイド

フルワイドブロック

フルワイド幅でコンテンツを配置できるブロック

トップページのカスタマイズでも応用して使えるとても便利な機能。

画像に特殊効果を加えられたり、記事コンテンツ毎の区切りとしても利用できます。

当ブログのトップでもフルワイドを使用しています。

フルワイドブロック

                                   パララックス効果

固定背景

                                        

このように波状の区切りも

このようにジグザグ状の区切りも

このように斜めの区切りも可能です。

SWELLボタンブロック

SWELLボタン

SWELL専用のボタンを作成してくれるブロック

ボタンのスタイルの種類、サイズ、色をカスタマイズ可能。

このボタンの特に便利な機能は、クリック数このボタンまで読まれた割合などの確認が可能なことです。

SWELLボタンブロック

上図のように

グラデーションの設定やボタンの形状も管理画面で設定することができます。

タブブロック

タブブロック

タブ切り替えコンテンツを作成してくれるブロック

多くの場面で使用することができるので便利なとても機能です。

3種類のスタイルがあります。

タブブロック

HOTメニュー
  • コーヒー
  • 紅茶
  • お茶

ステップブロック

ステップブロック

ステップ形式での流れを作成してくれるブロック

画像の挿入もできるので、手順を説明する際など、読者に見やすく説明できるので便利です。

3種類のスタイルがあります。

ステップブロック

STEP
お金を入れます

表示されている金額以上をいれましょう。

STEP
飲みたい飲み物のボタンを押します

HOT(赤)、COLD(青)と分かれているので注意。

STEP
下の取り出し口に飲み物が出てきます

飲み物を取り出しましょう。

アコーディオンブロック

アコーディオンブロック

クリックでコンテンツを展開可能なブロック

画像が多い、ブロックが多い場合などもスッキリとさせられるので便利です。

4種類のスタイルがあります。

アコーディオンブロック

FAQブロック

FAQブロック

Q&Aコンテンツを作成できるブロック

スタイル、アイコンの形状、色、塗りつぶしの設定が可能です。

4種類のスタイルがあります。

FAQ

どうやるの?

こうやります。

設定項目は以下の通り。

投稿リストブロック

投稿リストブロック

投稿リストを設置できるブロック

細かい設定が可能な投稿リストブロックです。

5種類のリスト、新着記事順や人気順にできたり、カテゴリーごとに分けられたりすることが可能です。

投稿リスト

ブログパーツブロック

ブログパーツ

予め自分で作って登録しておいた機能をすぐ呼び出せるブロック

固定ページを直接いじらなくてもデザインをカスタマイズできますし

よく使う囲いブロックなども登録しておけば、すぐに呼び出せることができるので大変便利な機能です。

例えばこちら

上では

  • 投稿リスト(リスト型)
  • 投稿リスト(テキスト型)
  • SWELLボタン

の3つのブロックで組み合わせられています。

一度登録してしまえば、手間が掛からずにまとめて呼び出すことができます。

関連記事ブロック

関連記事

ブログカードとして表示させられるブロック

内部リンク、外部リンクの関連記事の表示が可能です。

関連記事ブロック

バナーリンクブロック

バナーリンク

画像を簡易的なバナー型リンクとして表示させられるブロック

ブラー効果などエフェクトも付けられたり、文字を入力できたりと編集ができます。

バナーリンクブロック

広告タグブロック

広告タグ

広告管理機能で登録しておいた広告を呼び出せることが可能なブロック

5種類の広告設定やクリック数、表示数の計測も可能です。

広告タグブロック

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

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

キャプションタイトル付けのコンテンツを作成できるブロック

スタイルや色、様々なアイコンの設定が可能です。

7種類のスタイルがあります。

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

デフォルト

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

デフォルトで使用可能なアイコンの種類は以下の通りです。

上記以外にも Font Awesome のアイコンも使用可能です。

Font Awesome とは

アイコンをフォントとして使用できるサービスで、数多くのアイコンがあります。

ふきだしブロック

ふきだしブロック

ふきだしコンテンツを作成できるブロック

形、色、方向、枠など細かい設定が可能です。

管理画面でふきだし登録しておけば、すぐに呼び出すこともできますし

投稿編集画面でも作成することもできます。

ふきだしブロック

さるる

ふきだしだよ

ふきだしブロック各種

発言スタイル

心の声

以上がSWELL専用のブロックです。

標準ブロック

SWELL専用のブロック以外にも便利なブロック機能もたくさんあります。

リストブロック

リストブロック

リストを作成できるブロック

7種類のリストがあり、スタイルも設定が可能です。

リストブロック

  • デフォルトリスト
  • 目次リスト
  • チェックリスト
  • グッドリスト
  • バッドリスト
  • 丸数字リスト
  • 注釈リスト
  1. 下線付き
  • 横並び1  
  • 横並び2

スペーサーブロック

スペーサーブロック

高さ調整が可能な余白ブロックを挿入できるブロック

ピクセル値の高さを0~500まで調整が可能です。

空白を開けて見栄えをよくする為にも使える便利な機能です。

スペーサーブロック

スペーサーブロックを使用しなくても

下図のように通常の設定項目でも簡単に余白の設定が可能です。

カバーブロック

カバーブロック

画像や動画にテキストやオーバーレイのエフェクトをつけられるブロック

高さや固定背景、グラデーションの設定も可能です。

カバーブロック

                       月が綺麗

グラデーション(線形)

グラデーション(放射線形)

設定項目は以下の通りです。

ギャラリーブロック

ギャラリーブロック

複数の画像をギャラリー表示させてくれるブロック

画像を多く載せたい時などに自動でサイズを調整して綺麗にまとめてくれるので便利です。

ギャラリーブロック

テーブルブロック

テーブルブロック

表を作成してくれるブロック

4種類のスタイルがあり、テーブルの設定やスマホ表示での設定も可能です。

テーブルブロック

デフォルト1カ月目2ヶ月目
PV数10PV20PV
ユーザー数10人20人

SWELL装飾

SWELLでは多数の装飾が用意されており、読者にとって見やすい記事を作りやすくなります。

そのようなSWELLならではの装飾を紹介していきます。

囲いブロック

囲いブロック

囲いを作成してくれるブロック

囲いブロックでは管理画面で8種類のスタイル、線の太さ、色の変更が可能です。

囲いブロック

囲い

囲いブロック各種

装飾

装飾

装飾では24種類もの装飾があり、様々な場面で使用することができます。

装飾各種

ストライプ

方眼

折り目

スティッチ

かぎ括弧

かぎ括弧(大)

くぼみ

浮き出し

縦線

付箋

ふきだし1

ふきだし2

グッド

バッド

インフォ

アナウンス

ペン

ポイント

チェック

バツ印

はてな

アラート

メモ

以上です。

最後に

以上が

SWELLの魅力的なブロック機能&装飾の解説でした。

このように数多くの機能や装飾があると

記事を書くのが楽しくなりますし

読者にとっても見やすい記事を作れるようになります。

そんな魅力的なSWELLのメリットデメリットについての記事もあるので良かったら見てください。

今回はこの辺で

ではでは

ブログランキング

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

よかったらシェアしてね!
目次
閉じる