WordPress標準ブロックのデモページ

WordPress標準ブロックのデモページ

WordPress標準で利用できるブロックの表示デモページです。

※WordPress 5.3で使えるブロック・設定にて作成しています。

一般ブロック

段落ブロック

これは段落ブロックです。何も設定は変えていません。

これは段落ブロックです。文字色を変更しています。

これは段落ブロックです。背景色を変更しています。

これは段落ブロックです。インライン装飾をしています。
ここは太字です。
ここはイタリック体です。
ここはリンクです。
ここはコードとして表示されます。
ここは打ち消しになります。

これは段落ブロックです。テキストサイズを大きくしています。

これは段落ブロックです、ドロップキャップの設定をしているので最初の1文字が大きくなります。

見出しブロック

これは見出しブロックですH4で設定しています

これは見出しブロックですH4で設定しています。色設定も変えています。

これは見出しブロックですH4で設定しています。中央寄せにしました。

画像ブロック

キャプション付きの画像ブロック
左寄せの画像ブロック

左よせ画像の次の段落ブロック

丸く切り抜いた画像

ワイドサイズ画像の手前にテスト的に配置した段落。ワイドサイズ画像の手前にテスト的に配置した段落。ワイドサイズ画像の手前にテスト的に配置した段落。

ワイドサイズ画像

ワイドサイズ画像の後にテスト的に配置した段落。ワイドサイズ画像の後にテスト的に配置した段落。ワイドサイズ画像の後にテスト的に配置した段落。

フルサイズ画像

リストブロック

  • リストブロック
  • 通常のリストブロック
  • 番号なしリストブロック
  1. 番号付きリストブロック
  2. 通常のリストブロック
  3. 特に設定変更をしていないリストブロック
  1. 番号付きリストブロック
  2. 開始番号を5に設定したリストブロック
  3. リストブロックの確認
  1. 番号付きリストブロック
  2. 開始番号を7にしたリストブロック
  3. 逆順にしたリストブロック

ギャラリーブロック

切り抜きあり、キャプションあり▼

切り抜きなし、キャプションあり▼

切り抜きあり、キャプションなし▼

引用ブロック

引用ブロックです。

デフォルトスタイルです

ココには引用元が入ります

引用ブロックです。

大スタイルです

ココには引用元が入ります

音声

ファイル

▼ダウンロードボタンなし

▼ダウンロードボタンあり

カバー

カバーブロック上のテキスト

フル幅のカバーブロック

背景固定に設定

動画

フォーマット

ソースコード

.ystandard {
  display:block
}

整形済みテキスト

これは整形済みテキストです
      ああああああ
おおおおおお
いいいいい
ううう  ううう ええええ

プルクオート

デフォルトスタイル・色指定なし▼

これはプルクオートブロック

テキストの引用に特別な視覚的強調を加えます。

無地・色指定なし▼

これはプルクオートブロック

テキストの引用に特別な視覚的強調を加えます。

デフォルトスタイル・色指定あり▼

これはプルクオートブロック

テキストの引用に特別な視覚的強調を加えます。

テーブル

2×2 デフォルト▼

ココは普通のセルココも普通のセル
ココは普通のセルココも普通のセル

2×2 ヘッダー・フッターあり▼

ヘッダーヘッダー
ココは普通のセルココも普通のセル
ココは普通のセルココも普通のセル
フッターフッター

2×2 ヘッダー・フッターあり、列の文字位置変更▼

この列は中央揃えこの列は右揃え
ココは普通のセルココも普通のセル
ココは普通のセルココも普通のセル
フッターフッター

2×2 ヘッダー・フッターあり、固定幅▼

ヘッダーヘッダー
ココは普通のセルココも普通のセル
ココは普通のセルココも普通のセル
フッターフッター

2×4 ストライプ▼

ココは普通のセルココも普通のセル
ココは普通のセルココも普通のセル
ココは普通のセルココは普通のセル
ココは普通のセルココは普通のセル

詩です。
まるで詩のように詩をかけば。いつか自分の書いた詩を思い出すことだろう。

レイアウト要素

ボタンブロック

指定なし▼

アウトライン▼

角丸指定0▼

角丸指定MAX(50)▼

色指定あり▼

アウトライン・色指定▼

カラム

3列均等▼

左の列

中央の列

右の列

3列 中央をおおきく▼

左の列左の列左の列左の列左の列左の列左の列左の列左の列左の列左の列左の列

中央の列中央の列中央の列中央の列中央の列中央の列中央の列中央の列中央の列

右の列右の列右の列右の列右の列右の列右の列右の列

2列 均等▼

左の列左の列左の列左の列左の列左の列左の列左の列左の列左の列左の列左の列

右の列右の列右の列右の列右の列右の列右の列右の列

3列 均等 下揃え-中央揃え-下揃え▼

左の列左の列左の列左の列左の列左の列左の列

中央の列中央の列中央の列

右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列右の列

メディアと文章

メディアと文章のコンテンツ

左にメディア、右に文章

揃え指定なし

メディアと文章のコンテンツ

左に文章、右にメディア

揃え指定なし

メディアと文章のコンテンツ

左にメディア、右に文章

上揃え

メディアと文章のコンテンツ

左にメディア、右に文章

下揃え

メディアと文章のコンテンツ

左にメディア、右に文章

モバイルで重ねる

メディアと文章のコンテンツ

左にメディア、右に文章

カラム全体を塗りつぶすように画像を切り抜く

文章が多くなっても、画像が敷き詰められる

文章が多くなっても、画像が敷き詰められる

文章が多くなっても、画像が敷き詰められる

文章が多くなっても、画像が敷き詰められる

区切り

デフォルト▼


幅広線▼


ドット▼


色付き▼


グループ

グループ内のコンテンツ

グループ内のコンテンツ

全幅グループ

背景色あり

ウィジェット

アーカイブ

デフォルトレイアウト、投稿数あり▼

ドロップダウンレイアウト▼

カテゴリー

階層あり、投稿数表示▼

ドロップダウン・階層あり▼

カレンダー

2019年12月
« 11月    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

最新の記事

デフォルトレイアウト▼

投稿日あり▼

投稿日あり・コンテンツあり▼

投稿日あり・コンテンツあり、カラム表示3列▼

最新のコメント

RSS

デフォルトスタイル、投稿日・投稿者・抜粋あり▼

カラムスタイル、投稿日・投稿者・抜粋あり▼

タグクラウド

CSSカスタマイズ (2) PHPカスタマイズ (1) お知らせ (46) ウィジェット (1) カスタマイズ (0) ショートコード (5) テーマ設定 (22) デモページ (3) 機能説明 (1)

検索