2カラムのページテンプレート サンプル

h2 見出し

文章を書くときには段落の「p」以外にも、h2、h3の見出しやリスト、表組みなど使い分けると読みやすく、正しいマークアップになります。

h3 見出し

お天気がよかったので海へ行きました◎
鎌倉の由比ヶ浜海岸。

リストを使う

ulもolも箇条書きのことです。
ulはUnordered List(順序のない箇条書き)の略、olはOredered List(順序ありの箇条書き)の略です。
olにはリストの頭に順番に1、2、3と数字がつきます。

ulのリスト

  • リスト1
  • リスト2
  • リスト3

olのリスト

  1. リスト1
  2. リスト2
  3. リスト3

引用

引用したときに使います。

引用元の情報をblockquoteの中に書きます。 最後にciteタグで引用元を入れておきます。 – 引用元

tableの表組み

スケジュールや情報も表にしたほうが見やすい場合があります。

開催期間 2023年3月23日から2023年3月31日まで
営業時間 10:00〜20:00
定休日 毎週月曜定休

3列の表組み

ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。

背景色・囲みありの表組み

ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。

たくさん書きたいときに

今日は書きたい、というときは2カラムのレイアウトで。

右カラムにサイドバーがあります。自己紹介・最近の記事(スクロールで上部固定)・広告エリアが入ります。

スマートフォンでは1カラムになります。サイドバーの部分は投稿コンテンツの下に配置しています。

変えたくなったら違うテンプレートにも

投稿したあとでも変えられます◎

文字数が多いほうがSEOで有利なので、検索で上位になったり来てくれる人が増える可能性が。

写真がメインだと、どうしても文字数の少ないページになってしまうので、たまにはこんなページレイアウトで。

テンプレートは3種類

撮った写真やイラストがたくさんの人の目に留まって、たのしい仲間が増えたり、世界が広がりますように。

SHARE

  • *
  • *
  • *