サンプル

h2タイトル

複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行

このページは「パターン」に登録していますので、わからなくなったらパターンから復活してお手本を確認してみてください。

• あいう
• あいう

h3タイトル

複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行

太郎の歩みはゆっくりと、しかし確実に進んでいました。彼は時間の流れを感じることなく、公園の中を彷徨いました。草木の香りが彼の鼻をくすぐり、木々の葉が風に揺れる音が彼の耳に心地よく響きました。
突然、太郎は立ち止まりました。目の前には小さな池が広がっていました。池の水面は穏やかで、周囲の景色を鏡のように映し出していました。彼は池のほとりに座り、しばらくの間、ただその静けさに身を委ねました。
太郎はやがて立ち上がり、再び歩き始めました。彼の心はさらに軽やかで、自然の中でのひとときを楽しんでいました。彼の一日はこのようにして過ぎていきました。

h4タイトル

複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行

突然、太郎は立ち止まりました。目の前には小さな池が広がっていました。池の水面は穏やかで、周囲の景色を鏡のように映し出していました。彼は池のほとりに座り、しばらくの間、ただその静けさに身を委ねました。
太郎はやがて立ち上がり、再び歩き始めました。彼の心はさらに軽やかで、自然の中でのひとときを楽しんでいました。彼の一日はこのようにして過ぎていきました。

h5タイトル

複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行

太郎はやがて立ち上がり、再び歩き始めました。彼の心はさらに軽やかで、自然の中でのひとときを楽しんでいました。彼の一日はこのようにして過ぎていきました。

項目タイトルh6（16px）

複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行複数行

太郎はやがて立ち上がり、再び歩き始めました。彼の心はさらに軽やかで、自然の中でのひとときを楽しんでいました。彼の一日はこのようにして過ぎていきました。

テーブル

より柔軟性高く使用するため、テーブルにはあえてCSSをあてず、セルの背景色などスタイルは管理画面のエディタの右カラムにある設定からおこなっていただくことにしました。 th と td をわける必要はなく、すべて td でOKです。
セルの背景色だけでなく、セルのフォントサイズ、セルの幅、セルのパディング、セルのボーダー色、セルの配置も調整できます。
初期設定がしたいときは、管理画面のエディタの右カラムにある設定から「グローバル設定」をおこなうと、共通の見え方を設定できます。
このページは「パターン」に登録していますので、わからなくなったらパターンから復活してお手本を確認してみてください。

WordPressのデフォルトのテーブル

見出し	内容内容内容内容内容内容内容内容内容内容
見出し	内容内容内容内容内容内容内容内容内容内容

プラグインのテーブル

1	2	3	4
5	6	7	8
9	10	11	12
13	14	15	16

プラグインのテーブルに、管理画面上で背景色をつけたもの

プラグインのテーブルに、管理画面上で背景色をつけたもの：スマホでは縦に積む

プラグインのテーブルに、管理画面上で背景色をつけたもの ：スマートフォンでは横スクロールするような設定（案内アニメあり）
テーブルの横幅は空に tableの最大幅はnoneに テーブルの最小幅は（お好みだが）768pxに

ボタン