目次
見出し（タイトル）
| キーワード | 見出し, タイトル, heading |
| カテゴリー | テキスト |
見出し1（h1）
見出し2（h2）
見出し3（h3）
見出し4（h4）
見出し5（h5）
見出し6（h6）
テキスト入力（段落）
| キーワード | 段落, テキスト |
| カテゴリー | テキスト |
これは段落です。指定した範囲に太字や斜体、文字色、リンクを設置することができます。
段落内の改行は「Shift 」キーを押しながら「Enter」キーで可能です。
「Enter」キーを押すことで前の段落を離脱し、次のブロック選択可能な状態になります。
そのままテキストを入力することで次の段落として表示されます。
段落を分けることで上下に余白が出来て読みやすくなります。
これは段落です。
中央寄せになっています。
これは段落です。
右寄せになっています。
段落のフォントサイズを設定できます。
段落に対して文字色を設定できます。
段落に対して背景色を設定できます。
段落の先頭文字を大きな表示に切り替えることができます。
リスト
| キーワード | リスト, list |
| カテゴリー | テキスト |
通常のリスト
- リスト項目 1
- リスト項目 1
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
順序リスト
- リスト項目 1
- リスト項目 1
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
定義リスト
| キーワード | 定義リスト, リスト, dl, dt, dd |
| カテゴリー | テキスト |
- 定義リストタイトル
- これは定義リストです。
- 定義
- 物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
リンクボタン
| キーワード | ボタン, リンク, button |
| カテゴリー | デザイン |
引用
| キーワード | 引用, quote |
| カテゴリー | テキスト |
引用（いんよう、英語：citation, quotation）とは、広義には、自己のオリジナル作品のなかで他人の著作を副次的に紹介する行為、先人の芸術作品やその要素を副次的に自己の作品に取り入れること。報道や批評、研究などの目的で、自らの著作物に他の著作物の一部を採録したり、ポストモダン建築で過去の様式を取り込んだりすることを指す。狭義には、各国の著作権法の引用の要件を満たして行われる合法な無断転載等のこと。
ウィキペディア
区切り線
| キーワード | 区切り線, 線, separator, hr |
| カテゴリー | デザイン |
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキスト
余白
| キーワード | スペーサー, spacer |
| カテゴリー | デザイン |
このテキストの下に40pxのスペースを空けます。
このテキストの下に20pxのスペースを空けます。
テキストテキスト
表（テーブル）
| キーワード | テーブル, table |
| カテゴリー | テキスト |
| 社員 | 給料 | |
|---|---|---|
| 山田太郎 | 1ドル | スティーブ・ジョブズが必要なサラリーと同じ額。 |
| 田中花子 | 1,000万円 | ブログを書くために必要になる資金。 |
| 山本次郎 | 1億円 | 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。 |
| 中山愛子 | 10億円 | 特に理由は要りません。 |
画像
画像ブロック
| キーワード | 画像, image, img |
| カテゴリー | メディア |
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
ギャラリーブロック
| キーワード | ギャラリー, 画像, メディア, Gallery |
| カテゴリー | メディア |
メディアと文章ブロック
| キーワード | メディア, 画像, media |
| カテゴリー | メディア |
左に画像
テキストテキストテキストテキストテキスト
テキストテキストテキスト
右に画像
テキストテキストテキストテキストテキスト
テキストテキストテキスト
長いテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
画像を高さに合わせてトリミング
「カラム全体を塗りつぶすように画像を切り抜く」を設定しています
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
カラム
| キーワード | カラム, column |
| カテゴリー | デザイン |
2カラム
テキストテキストテキストテキストテキスト
テキストテキストテキスト
2カラム
テキストテキストテキストテキストテキスト
テキストテキストテキスト
3カラム
テキストテキストテキストテキスト
テキストテキストテキスト
3カラム
テキストテキストテキストテキスト
テキストテキストテキスト
3カラム
テキストテキストテキストテキスト
テキストテキストテキスト
セクション
| キーワード | セクション, ボックス, ブロック, section, div, aside, article, nav, box, block |
| カテゴリー | デザイン |
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
見出し
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキスト
一覧ページの抜粋文の調整
| キーワード | 続きを読む, more |
| カテゴリー | デザイン |
管理画面の表示
Latest Posts, List View
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Latest Posts, Grid View
And now for the Grid View. The Latest Posts block also displays at wide and full width alignments, so be sure to check those styles as well.
Audio
Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:
Curabitur blandit tempus porttitor. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.
Categories
- 未分類 (19)
Archives
Video Block
Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.
Wide aligned
Full Width
Cover Image Block
Check out the positioning and styling of the cover image core block. We will check the wide and full alignments, as well as left/right.
Wide aligned
Wide Cover Image Block
Full Width
Full Width Cover Image
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Left Aligned Cover Image
Left aligned: dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Right Aligned Cover Image
Right aligned: scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Center aligned:
Center Aligned Cover Image