SWELLリッチカラム攻略|読者を惹きつけるコンテンツ作りの秘訣

SWELLリッチカラムは、鮮やかでリッチなビジュアルコンテンツで読者を魅了し、記憶に残るウェブサイトを作る魔法のキャンバスです。

  • 読者の関心を惹きつけ、情報を魅力的に伝える
  • 長く滞在し、再訪を促す

戦略的なアプローチで、読者を惹きつけ、価値を提供するコンテンツ作りを実現します。

この記事では、実践的な攻略法とコンテンツ作りの秘訣をご紹介します。

  • 読者の心を掴むテクニック
  • 記憶に残るコンテンツの作り方

を解説し、あなたのウェブサイトを輝かせます。

全国の人気酒蔵から蔵出し直送品
総合評価
( 4.5 )
メリット
  • 全国の人気酒蔵から、蔵出し直送の日本酒を買うことができる
  • 高級酒から、普段使いの酒まで、幅広いラインナップを取り揃えている
  • 飲み比べセットやギフトセットも充実している
  • 後払い決済や送料無料などのサービスも充実している
デメリット
  • 実店舗がないため、商品を実際に見ながら買うことができない
  • 商品によっては、在庫切れや発送までに時間がかかることがある
【目次】タップで読みたい場所にジャンプ

リッチカラムとは

WELL リッチカラムブロックは、WordPress標準のカラムブロックを拡張した機能で、より自由度の高いレイアウトを実現できます。デバイスごとにカラム数や幅を個別に設定できるため、様々な画面サイズで最適なデザインを表示できます。

以下がその例です。

読者

wordpressのカラムブロックより、格段に拡張された機能ですね。

リッチカラムブロックでできることを紹介します。

  • デバイスごとの表示列数を自在に設定
  • カラムの横幅をデバイスごとに設定できる
  • 余白設定
  • カラムのスタイル
  • 横スクロールも可能

デバイスごとの表示列数を自在に設定

リッチカラムブロックでは、PC、タブレット、スマホ、それぞれの表示列数を独立に自由に設定することができます。

以下は、リッチカラムブロックで、PC5列、タブレット3列、スマホ2列に設定してみた画像です。

但し、タブレット3列とスマホ2列はタブブロックで表示しています。確認してください。

タブレットとスマホの表示は以下のようになります。

タブをクリックして見てみてください。

  タブレット3列

  タブレット3列

 タブレット3列

  タブレット3列

  タブレット3列

 タブレット3列

ヨシキ

これまでのカラムブロックより、自由度が格段に優れています。

カラムの横幅をデバイスごとに設定できる

リッチカラムブロックでは、PC、タブレット、スマホ、それぞれで表示する横幅を個別に設定することもできます。

WordPress標準のカラムブロックでは、PCサイズの横幅しか設定できません。タブレットとスマホ表示では均一の横幅になります。

カラムの横幅を個別に設定してみた画像は以下のとおりです。

横幅設定の注意

横幅設定は全体が100%になるように設定してください。

20%+60%+20%=100%

PC表示

サイドバーのカラム横幅設定は一番下のカラムの数値です。

タブレットやスマホの横幅は実際のスマホ表示を確認して決めた方が良いと思います。

カラム周りの余白

リッチカラムブロックではブロック周りの余白を設定できます。

未設定

1

2

                    未設定の場合

設定あり

         1の設定                     2の設定

ヨシキ

カラムの周りに余白が自由に設定できるよ。

カラム間の余白

設定なし

設定あり

カラムのスタイル

デフォルト

ボーダー

シャドウ

横スクロール

リッチカラムブロックは横スクロールできます。

スクロールできます

好きな温泉は?

有馬温泉

道後温泉

草津温泉

伊香保温泉

別府温泉

リッチカラム全体とカラム項目の選択

直接、リッチカラムの中で選択しようとするとなかなかやりにくい時がある。

その場合、以下の方法をお試しください。

STEP
リッチ項目を選択する場合
STEP
リッチカラム全体を選択する場合

リッチカラムブロックの設定手順

STEP
パネルよりリッチカラムを探してクリック
STEP
カラムの中に自由にブロックを配置していく

カラムの中の「+」ボタンをクリックするとブロックを配置できます。

以上が基本的な設定です。

使用例

インターネット上で注目を集めるコンテンツ作りにリッチカラムは効果的です。豊富なビジュアル要素やインタラクティブ機能を駆使したリッチカラムは、よりユーザーの興味を惹きつけることができます。

トップページや記事のメインコンテンツ

 (Swellリッチカラムでできること)
1. 自由自在なレイアウト
 ・画像、テキスト、ボタンなどを自由に組み合わせ
2. 見やすく分かりやすいコンテンツを簡単に作成
3. カラム数・幅・余白の自由設定
4. 訴求力抜群のページ作成

サイドバーやフッター

1. ユーザー導線の最適化
 ・関連記事、お問い合わせ、SNS 誘導など
2. 見やすく使い勝手抜群のサイト
 ・ラム数、幅、余白設定で自由なレイアウト

商品やサービスの紹介

(商品・サービスの魅力を最大限に引き出す方法)
1. 画像、テキスト、ボタンを自由に組み合わせ
 ・商品・サービスの特徴を視覚的に訴求
2. 訴求力抜群のコンテンツ作成
 ・ユーザーの興味を引く
3. カラム数・幅・余白の自由設定
4. 見やすく効果的なページ

最後までお読みいただきありがとうございます。

さて、ご案内ですがSWELL専用エディターブロック全てをまとめた記事があります。
よかったらご覧ください。

もう一つは、タイトル名が「SWELLトップページをサイト型にカスタマイズ?劇的ビフォーアフター」の記事を最近作成しましたので興味があったら一読ください。

まとめ

SWELLリッチカラムは、読者を惹きつけ、滞在時間を延ばす魔法の羅針盤です。

  • 魅力的な見出し、視覚レイアウト、リッチメディアで関心を高め、エンゲージメントを向上
  • 情報を整理し、高い可読性で読みやすく

継続的な努力で、効果的なコンテンツマーケティングを実現します。

活用のポイントは

  • 読者の注意を惹きつけるコンテンツ創出
  • SWELLリッチカラムの機能をフル活用

SWELLリッチカラムで、あなたのウェブサイトを羅針盤のように導きましょう。

最後までお読み頂きありがとうございます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
【目次】タップで読みたい場所にジャンプ