穎明館中学高等学校 公式ロゴ

コンポーネントページ

このページは穎明館ウェブサイトで利用できるコンポーネントを一覧にしたものです。様々なコンポーネントが活用できますので、ぜひ使いこなしてみてください。

h2の大見出しが入ります。

見出しはh2から使うことが出来ます。h1はページ単位の見出しを意味する大見出しですので、このページのタイトル部分がすでにh1として使われています。

h3小見出しその1

h3がh2の見出しの中で使う小見出しになります。小説でいうところの章がh2だとしたら、h3は節になります。入れ子構造になっていくものとご理解ください。

h4小見出し

これが一番小さい見出しです。h3のセクションの中で使います。本WordPressでは、h2〜h4をこのように見出しとして使うことができます。

リストとグループ

箇条書きであるリストを下記のように作ることができます。

また、複数の要素をグループとしてまとめることができます。

グループのタイトル

グループの文章が入ります。グループは複数の要素を注釈や強調、などレイアウトにメリハリをつけたり、補足説明をするときにも活用できます。

横並びのブロック

カラムを横並びで配置することができます。カラムは3カラムまで分割でき、比率を固定することも可能です。使い方によって、様々なレイアウトを組むことが可能です。

左カラムを設置

このように2カラムで配置することもできます。

右カラムの設置

右と左にコンテンツをわけられます。

左にテキスト右に画像

このように、左をテキストベースの情報を書き込み右に画像を入れたりもできます。もちろん左右逆にすることも可能です。

カラム理由は非常に便利な機能で、柔軟にレイアウトを設計できます。レスポンシブにも自動で対応しますので、スマートフォンでもレイアウトの心配をする必要はありません。

テーブルも入れられます

テストテストテストテスト
テーブル1テーブル2テーブル3テスト4
テストテストテストテスト
テストテストテストテスト
テストテストテストテスト

リンクのボタンも挿入できます。

メニュー