「セクション」の使用例【Snow Monkey Blocks】

今回は、セクションのご紹介です。
使用頻度多めの便利なブロックです。

環境は以下です。

  • Snow Monkey Block Version 15.0.1
更新日:2022年3月21日

※プラグインの更新頻度が多いため、ご注意ください

見本

サブタイトルを書く

タイトルを書く

リード文を書く

以下、自由にブロックを追加できます。

設定

スタイル

ON:タイトル下に装飾がつきます、OFF:装飾なし

セクション全体のテキストカラーが選択できます

ブロック設定

大枠のタグ:div、section、aside

タイトルタグ:h1,h2,h3,none

高さ

フィット、高め、フル

コンテンツの最大幅

px単位で最大幅を指定できます

背景(移動可能)

移動可能な背景が設定可能です。
背景を移動させることで、視線誘導などが利用できます。

背景(固定)
背景(固定)

背景を設定できます。また、背景(移動可能)と同時に使用可能です。

背景テキスト

背景に文字を書くことができます。設定項目も多く、微調整可能です。

上の仕切り
下の仕切り

上の仕切りと同様様々な設定が可能です

セクションの使用例

セクション(背景テキスト)

リピート率90%超えのシャンプー

キャッチフレース

このような表示をすることで、キャッチーな印象を与えることができます。多様するのはNGです。大味になる可能性があるの注意が必要です。このブロックはコンテナブロックに段落ブロックをいれています。

セクション(背景テキスト)

THE猿

NEW ANIMAL

このようにインパクトを与えることもできます。ページ全体の統一感をもたせることが重要です。1つだけ使用するとデザインがズレていると勘違いされる恐れがございます。

利用したサイトご紹介

※随時更新いたします。

この記事を書いた人

山崎 大祐

大阪出身。千葉県松戸市在住。2児の父です。WordPressの構築を60サイト超えました。営業経験を生かしたSEMを得意としております。(企画/デザイン/構築/運営)
すきなもの「赤色・キューブ・コンクリート」