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

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

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

一般ブロック

■段落ブロック

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

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

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

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

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

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

■見出しブロック

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

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

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

■画像ブロック

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

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

■リストブロック

• リストブロック
• 通常のリストブロック
• 番号なしリストブロック

1. 番号付きリストブロック
2. 通常のリストブロック
3. 特に設定変更をしていないリストブロック

5. 番号付きリストブロック
6. 開始番号を5に設定したリストブロック
7. リストブロックの確認

7. 番号付きリストブロック
8. 開始番号を7にしたリストブロック
9. 逆順にしたリストブロック

■ギャラリーブロック

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

• 

• 

• 

• 

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

• 

• 

• 

• 

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

• 

• 

• 

• 

■引用ブロック

引用ブロックです。

デフォルトスタイルです

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

引用ブロックです。

大スタイルです

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

■音声

■ファイル

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

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

■カバー

■動画

フォーマット

■ソースコード

.ystandard {
  display:block
}

■整形済みテキスト

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

■プルクオート

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

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

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

無地・色指定なし▼

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

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

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

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

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

■テーブル

2×2 デフォルト▼

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

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

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

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

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

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

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

2×4 ストライプ▼

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

■詩

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

レイアウト要素

■ボタンブロック

指定なし▼

アウトライン▼

角丸指定0▼

角丸指定MAX(50)▼

色指定あり▼

アウトライン・色指定▼

■カラム

3列均等▼

3列 中央をおおきく▼

2列 均等▼

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

■メディアと文章

■区切り

デフォルト▼

---

幅広線▼

---

ドット▼

---

色付き▼

---

■グループ

ウィジェット

■アーカイブ

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

• 2019年12月 (2)
• 2019年11月 (5)
• 2019年10月 (5)
• 2019年9月 (2)
• 2019年7月 (12)
• 2019年4月 (1)
• 2019年3月 (2)
• 2019年2月 (1)
• 2018年12月 (1)
• 2018年11月 (4)
• 2018年10月 (1)
• 2018年9月 (3)
• 2018年8月 (3)
• 2018年7月 (1)
• 2018年6月 (5)
• 2018年5月 (1)
• 2018年4月 (1)
• 2018年3月 (9)
• 2018年1月 (1)
• 2017年11月 (2)
• 2017年9月 (2)
• 2017年8月 (2)
• 2017年6月 (1)
• 2017年5月 (3)
• 2017年4月 (4)
• 2017年3月 (6)
• 2017年2月 (1)

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

■カテゴリー

階層あり、投稿数表示▼

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

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

■カレンダー

■最新の記事

デフォルトレイアウト▼

• アーカイブ一覧のスマートフォン表示で画像とタイトルを横並びにするカスタマイズサンプル
• CSS（スタイルシート）カスタマイズのやり方、CSSを入力する場所について
• yStandard v3.7.0公開 – 固定ヘッダー機能追加、テンプレート調整
• 固定ヘッダーの設定方法
• yStandard v3.6.0公開 – 細々としたレイアウト調整と内部処理見直し

投稿日あり▼

• アーカイブ一覧のスマートフォン表示で画像とタイトルを横並びにするカスタマイズサンプル2019.12.09
• CSS（スタイルシート）カスタマイズのやり方、CSSを入力する場所について2019.12.09
• yStandard v3.7.0公開 – 固定ヘッダー機能追加、テンプレート調整2019.11.30
• 固定ヘッダーの設定方法2019.11.30
• yStandard v3.6.0公開 – 細々としたレイアウト調整と内部処理見直し2019.11.23

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

• アーカイブ一覧のスマートフォン表示で画像とタイトルを横並びにするカスタマイズサンプル2019.12.09
  アーカイブ一覧ページをスマートフォンで見た際に、画像とタイトルを横並びで表示させるCSSカスタマイズサンプルです。 ※このカスタマイズサンプルは yStanda … もっと読む
• CSS（スタイルシート）カスタマイズのやり方、CSSを入力する場所について2019.12.09
  yStandardは「カスタマイズありきの一風変わったWordPressテーマ」ということで、ある程度CSS（スタイルシート）等でカスタマイズされることを前提に … もっと読む
• yStandard v3.7.0公開 – 固定ヘッダー機能追加、テンプレート調整2019.11.30
  yStandard v3.7.0を公開しました 主な変更点についてのご案内です。 よっひー(@yosiakatsuki)です。 2019年11月30日 ySta … もっと読む
• 固定ヘッダーの設定方法2019.11.30
  画面上部にヘッダーを固定表示する「固定ヘッダー」の設定方法について紹介します。 ※この機能は yStandard v3.7.0以降で利用できます。 固定ヘッダー … もっと読む
• yStandard v3.6.0公開 – 細々としたレイアウト調整と内部処理見直し2019.11.23
  yStandard v3.6.0を公開しました 主な変更点についてのご案内です。 よっひー(@yosiakatsuki)です。 2019年11月23日 ySta … もっと読む

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

• アーカイブ一覧のスマートフォン表示で画像とタイトルを横並びにするカスタマイズサンプル2019.12.09
  アーカイブ一覧ページをスマートフォンで見た際に、画像とタイトルを横並びで表示させるCSSカスタマイズサンプルです。 ※このカスタマイズサンプルは yStanda … もっと読む
• CSS（スタイルシート）カスタマイズのやり方、CSSを入力する場所について2019.12.09
  yStandardは「カスタマイズありきの一風変わったWordPressテーマ」ということで、ある程度CSS（スタイルシート）等でカスタマイズされることを前提に … もっと読む
• yStandard v3.7.0公開 – 固定ヘッダー機能追加、テンプレート調整2019.11.30
  yStandard v3.7.0を公開しました 主な変更点についてのご案内です。 よっひー(@yosiakatsuki)です。 2019年11月30日 ySta … もっと読む
• 固定ヘッダーの設定方法2019.11.30
  画面上部にヘッダーを固定表示する「固定ヘッダー」の設定方法について紹介します。 ※この機能は yStandard v3.7.0以降で利用できます。 固定ヘッダー … もっと読む
• yStandard v3.6.0公開 – 細々としたレイアウト調整と内部処理見直し2019.11.23
  yStandard v3.6.0を公開しました 主な変更点についてのご案内です。 よっひー(@yosiakatsuki)です。 2019年11月23日 ySta … もっと読む

■最新のコメント

1. 

   コメントありがとうございます。 user-custom-head.phpの11…

2. 

   googleアドセンスの申請のために、下記コードをテーマの「user-custo…

3. […] 暫定対応済み【参照元】yStandardのWordPress…

4. […] 参考 人気ランキングショートコードについてyStanda…

5. […] wp-ystandard.com […]

■RSS

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

• 【WordPress】カテゴリー(タクソノミー)編集画面に独自の設定項目を追加する方法
  2019.12.02 by よしあかつき
  カテゴリーやカスタムタクソノミーに独自の設定を追加する方法のメモです。 正直なと …
• 【WordPress】MW WP Formで他の項目と同じ入力があったらエラーにする入力チェックを追加する
  2019.11.14 by よしあかつき
  セミナーやイベントの予約であったり、施設見学や面接の日程のようないくつか希望日を …
• 【WordPress】MW WP Formで独自の入力チェックを追加する方法
  2019.11.14 by よしあかつき
  MW WP Form のバリデーションルールに独自のルールを追加する方法のメモで …
• 【WordPress】Google AnalyticsやSearch Consoleを管理画面で確認！神プラグイン「Site Kit by Google」の使い方・設定方法
  2019.11.01 by よしあかつき
  Google Search Consoleでブログに流入してくる検索キーワードを …
• 【WordPress】プラグインで簡単！Google Adsenseの審査用コードをheadに追加する方法
  2019.10.29 by よしあかつき
  Google Adsense（グーグルアドセンス）に登録をして最初の関門になるで …

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

• 【WordPress】カテゴリー(タクソノミー)編集画面に独自の設定項目を追加する方法
  2019.12.02 by よしあかつき
  カテゴリーやカスタムタクソノミーに独自の設定を追加する方法のメモです。 正直なと …
• 【WordPress】MW WP Formで他の項目と同じ入力があったらエラーにする入力チェックを追加する
  2019.11.14 by よしあかつき
  セミナーやイベントの予約であったり、施設見学や面接の日程のようないくつか希望日を …
• 【WordPress】MW WP Formで独自の入力チェックを追加する方法
  2019.11.14 by よしあかつき
  MW WP Form のバリデーションルールに独自のルールを追加する方法のメモで …
• 【WordPress】Google AnalyticsやSearch Consoleを管理画面で確認！神プラグイン「Site Kit by Google」の使い方・設定方法
  2019.11.01 by よしあかつき
  Google Search Consoleでブログに流入してくる検索キーワードを …
• 【WordPress】プラグインで簡単！Google Adsenseの審査用コードをheadに追加する方法
  2019.10.29 by よしあかつき
  Google Adsense（グーグルアドセンス）に登録をして最初の関門になるで …

■タグクラウド

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

■検索

検索検索