【SWELL】リッチカラムの使い方・カラムブロックとの違い～購入の決め手はリッチカラム～

【WordPress有料テーマ】SWELLを選んだ理由はリッチカラムの便利さ

最終的な購入理由となった”リッチカラム”

すでに記載済みですが、私の購入の決定打は、SWELLだけの機能「リッチカラム」です。

実際に使ってみて大満足！

実は、購入当初は、ブログサイトを作る予定は全くありませんでした･･･

あくまで、実案件の制作時間短縮のために、企業サイトやLP（ランディングページ）制作でも使える有料テーマを探していました。

そして、SWELLを購入！

実際に活用してみて、配置調整やレスポンシブ対応がラクで驚き！

細かい調整をしなくても、良い感じにレスポンシブ対応してくれますし、いろいろと活用したくなりました。

その結果、ちゃっかり自分のブログサイトを作ってしまいました･･･笑

【基本編】実際のリッチカラム表示例

具体的な使い方は次のコンテンツで紹介しますが、ここでは表示例をいくつかご紹介！

  パソコンからスマホまで全媒体で3列横並びにしたい場合

下記はリッチカラムで制作。

どの媒体でも3列に並んでいます！

レスポンシブ表示例

こちらは参考までに媒体別の画像を添付。

どの場合もしっかり3列横並び。

そして、行を追加していくこともできます。

詳細は後程「カラムブロックとの違い」で触れますが、こんな感じに追加できます！

レスポンシブ表示例

  画像+テキストで2列もしくは1列の縦表示にしたい場合

パソコンやタブレットでは2列表示・スマホでは縦1列に並べることもできます。

レスポンシブ表示例

こちらも参考画像を添付。

スマホでのみ表示の切り替えができました。

【応用編】リッチカラムで装飾を表示

画像とテキストの単純な並び表示以外に、タイトル装飾や背景装飾を配置したいときにも使います！

  装飾などもリッチカラムで配置可能

3列に並べることで装飾なども簡単に配置できます。

※細かい位置を指定する場合は、CSSでの編集が必要です。
下記はSWELLのカスタマイズ機能のみで表示調整しています。

レスポンシブ表示例

こちらも参考画像を添付。

横3列の表示で装飾配置ができました。

基本編”リッチカラム”使い方を見る ▶

応用編”リッチカラム”使い方を見る ▶

デザイン・表示速度・ライセンスなども比較

その他有料テーマと比較した部分は、まだあります。

• シンプルなデザイン
• ぺージ表示速度・SEO対策
• ブロックエディタ（Gutenberg）対応
  クラシックエディタ（旧エディタ）メインだったので、練習を兼ねて触ってみたかった
• ライセンスの問題
  1回の購入で複数サイトでの使用が可能か（実案件やサンプル制作で使いたかったので）

購入前は、いくつかの有料テーマで悩んでいました。

そして、最終的に候補としてあがっていたテーマは

• SWELLと同じブロックエディタ×100％GPLで使い回せるが、年間サブスクの「Snow Monkey」
• おしゃれでSEOに強い「THE THOR（ザ・トール）」
• デザイン豊富でブロックエディタ対応の「SANGO（サンゴ）」

どれも購入当時の値段は、1万円前後～2万円程。

上記の3つとSWELLで悩んでおりましたが･･･

使いやすさを優先し、SWELLに決定しました！

総合的に見て、自分が使いやすそうな”SWELL”を購入

WordPress有料テーマ購入の目的は「制作時間の短縮」と「複数サイトでの使用」！

と悩んだ末･･･

• リッチカラムが良さそう
• 買切り購入
• 複数サイトOK
• デザインの良さ（シンプルさ）
• 購入当時調べた中で「使いやすい」という口コミが一番多いと個人的に感じた

上記の理由から「SWELL」に決めました！

ちなみに、複数サイトで使用可能ですが、利用規約に基づいて「納品後もこちらで管理・運用する場合」だけ自分のテーマで制作をしています。

SWELLには、テーマ購入者限定の会員サイトがあり、ユーザー認証をするためには登録必須です。
ユーザー認証をしていないと、WordPressの管理画面でテーマのアップデートができません。

制作を請け負う場合は、代理制作や代理購入に関する利用規約もあるため、トラブル回避のためにも確認するようにしましょう。

”リッチカラム”の使い方～基本編～

それでは、上記の3つの表示例で「リッチカラム」の使い方を見ていきましょう！

全媒体で3列横並びにしたい場合

下記の表示例を作っていきます。

”列数”と”横幅の割合”で媒体ごとの表示切り替えができる

こちらの場合も、基本的な使い方は同じ。

先程と異なる点は、媒体ごとにカラム項目の横幅を入力します。

”リッチカラム”の使い方～応用編～

基本編と使い方は同じですが、応用編として装飾配置をしてみます。

全媒体の3列横並びで装飾配置

下記の表示例を作っていきます。

カラムブロックではなく”リッチカラム”を使う理由と両者の大きな違い

実は上記でご紹介した方法だけなら、3つともリッチカラムじゃなくてもできるんです･･･！

じゃあ、なぜリッチカラムを使うのかというと「追加するときにラクだから」です！

カラムブロックでは、行 (縦) の追加ができない

例えば、最初に紹介したこちら▼

と後でなった時に、通常のカラムブロックで作成していると、もう1つカラムブロックを用意する必要があります。

カラムブロックでは、列(横)は6カラムまで追加できますが、行(縦)は増やせないのです。

リッチカラムなら、行 (縦) の追加が自由でラク！

リッチカラムは、元々のブロックに縦横関係なくカラム項目を追加できます。

列(横)は8カラムまで追加でき、行(縦)も増やせます。

さらに、クリック1つで横スクロール設定もできます。

レスポンシブ表示例

私がリッチカラムを使う最大の理由でもありますが、1つのブロックで追加や変更がすぐできるので、本当にラクなんです！

というわけで、最初に少し触れましたが･･･

カラムブロックではなくリッチカラムで追加しました▼

ちなみに、リッチカラムが標準搭載されているテーマは「SWELL」だけです！

まとめ

最後まで読んでいただきありがとうございます！

今回の記事では

1. WordPressの有料テーマの中で「SWELL」を選んだ理由
2. リッチカラムの使い方～基本編・応用編～
3. カラムブロックとリッチカラムの違いと私がリッチカラムを使う理由

以上、3点について解説させていただきました！

特に重要なポイントは、以下の3つです。

WordPressの有料テーマ購入を検討中の方、SWELL購入の決め手が欲しい方、これからブログやwebデザイン・制作を始めようとしている方の参考になりましたら幸いです。

今後もwebに関する運用情報を発信していく予定ですので、是非ご覧ください！