Section | セクションについて

今日は、セクションとはなんですか？という質問をいただいたので、TsUMIKIの商品でとても重要な部分でもある

「セクション」

についてお話ししたいと思います。

とてもわかりやすく、そしてかなり噛み砕いてお話をすると、ウェブページの「section（セクション）」は、大きな本の中の「章（チャプター）」や「段落（パラグラフ）」のようなものです。

※厳密にしっかりお話しすると少し違います。

段落（パラグラフ）は「<p></p>」として存在しています。

 

ウェブページはたくさんの情報を持っていますが、それをわかりやすく整理するために、いくつかの大きなセクションにわけます。

たとえば、ウェブページに「ホームページ」があるとします。

このホームページは、次のようなセクションに分けられます。

01, ヘッダーセクション: ページの一番上にあって、サイトの名前やメニューがあります。

02, メインセクション: そのページの主な内容が書かれている部分です。例えば、最新のニュースやブログの記事などです。

03, サイドバーセクション: ページの横にある小さな部分で、追加の情報やリンクが置かれています。

04, フッターセクション: ページの一番下にあって、連絡先情報や著作権情報が書かれています。

少し前のウェブページの各部分の配置を画像にして見てみると…

ピンクの枠がセクションです。 

各セクションは、それぞれ別々の情報をわかりやすく整理して表示するために使われます。これにより見る人が欲しい情報を簡単に見つけられるようになります。

 

最近のウェブサイトの見た目で表してみると…

緑の部分が綺麗な画像になっていてこんな配置のもの見たことあるでしょ？

ピンクの枠がセクションです。

中のものはShopifyでは「Block（ブロック）」と呼んでいます。

ブロックに関してはまた後日。

 

TsUMIKIは、この「セクション」を販売しています。

ウェブサイト全体ではなく、セクションを販売することによりウェブサイトのカスタマイズ性や扱いやすさを格段に上げれるからです。

デザインの違うセクションをツミキのように積み重ねていくことで一つのウェブサイトを完成させていきます。

気に入らなければいらないセクションを抜いてしまえばいいし、お気に入りのセクションは繰り返し使えます。

もちろん、全体的なデザインを機能させるためには細かなロジックの部分が必要になるのでその辺も考えながら組む必要はありますが、扱いやすさは格段に上がります。

 

今日は、TsUMIKIで扱っている商品の大切な部分である「セクション」についてお話ししました。

次は「ブロック」についてのお話ししたいと思います。

 

TsUMIKIでは、こんなこと書いてほしい、これななに？などの質問や、こんなデザインあったらいいよね！といったようなご意見などもお待ちしております☆

お気軽にコンタクトからご連絡ください。

 

それでは、楽しいデザインライフを！