02_サービスページのブロックを見てみる

目次

サービスページに使われているブロックをひとつづつ見ていきます。(概出のものは省いてます。)

PC表示とスマホ表示のキャプチャ画像を用意したので、表示のされ方の違いを確かめることができます。

PC表示のほうに、オレンジで「ブロック」、黄色で「ブロックテンプレート」「カスタムクラス」を入れてあります(設定されている場合のみ)。

PC表示

ブロックをひとつづつ解説

  • ページタイトル」は、ページの名前を表示するブロックです。ページの名前をそのまま表示することも、名前とは違うタイトルを設定することもできます。
  • 特色」(概出)は、アイコン・タイトル・説明文を設定できるブロックです。ここではブロックテンプレートに「ホバー説明文」が設定されています。アイコンにマウスを乗せると説明文が吹き出しで表示されます。
  • 紹介」は、画像・名前・自己紹介文などを設定できるブロックです。

スマホ表示