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列 均等 下揃え-中央揃え-下揃え▼

メディアと文章

区切り

デフォルト▼

---

幅広線▼

---

ドット▼

---

色付き▼

---

グループ

ウィジェット

アーカイブ

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

• 2020年1月 (5)
• 2019年12月 (5)
• 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)

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

カテゴリー

階層あり、投稿数表示▼

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

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

カレンダー

最新の記事

デフォルトレイアウト▼

• yStandard v3.9.0公開 – ブログカード機能のyStandard Blocks連携追加
• yStandard Blocks v0.8.0公開 ブログカードタイプのリンク作成ブロック追加
• ページ読み込み高速化の為のアイコンフォント設定
• yStandard v3.8.0公開 – ページ読み込み高速化対策機能追加
• yStandard Blocks v0.7.0公開 カスタム見出しブロック追加など

投稿日あり▼

• yStandard v3.9.0公開 – ブログカード機能のyStandard Blocks連携追加2020.01.22
• yStandard Blocks v0.8.0公開 ブログカードタイプのリンク作成ブロック追加2020.01.19
• ページ読み込み高速化の為のアイコンフォント設定2020.01.11
• yStandard v3.8.0公開 – ページ読み込み高速化対策機能追加2020.01.11
• yStandard Blocks v0.7.0公開 カスタム見出しブロック追加など2020.01.07

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

• yStandard v3.9.0公開 – ブログカード機能のyStandard Blocks連携追加2020.01.22
  yStandard v3.9.0を公開しました 主な変更点についてのご案内です。 yStandard v3.9.0 公開 よっひー(@yosiakatsuki) … もっと読む
• yStandard Blocks v0.8.0公開 ブログカードタイプのリンク作成ブロック追加2020.01.19
  yStandard blocks v0.8.0を公開しました！ 主な更新内容のご案内です。 主な更新内容 [追加] カード型リンクブロック追加[調整] カスタム … もっと読む
• ページ読み込み高速化の為のアイコンフォント設定2020.01.11
  yStandardでは記事の日付部分やSNSのアイコンなどの表示にFont Awesomeというアイコンフォントを利用しています。 https://fontaw … もっと読む
• yStandard v3.8.0公開 – ページ読み込み高速化対策機能追加2020.01.11
  yStandard v3.8.0を公開しました 主な変更点についてのご案内です。 よっひー(@yosiakatsuki)です。 2020年1月10日 yStan … もっと読む
• yStandard Blocks v0.7.0公開 カスタム見出しブロック追加など2020.01.07
  yStandard blocks v0.7.0を公開しました！ 主な更新内容のご案内です。 主な更新内容 [追加] カスタム見出しブロック追加[追加] 使用する … もっと読む

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

• yStandard v3.9.0公開 – ブログカード機能のyStandard Blocks連携追加2020.01.22
  yStandard v3.9.0を公開しました 主な変更点についてのご案内です。 yStandard v3.9.0 公開 よっひー(@yosiakatsuki) … もっと読む
• yStandard Blocks v0.8.0公開 ブログカードタイプのリンク作成ブロック追加2020.01.19
  yStandard blocks v0.8.0を公開しました！ 主な更新内容のご案内です。 主な更新内容 [追加] カード型リンクブロック追加[調整] カスタム … もっと読む
• ページ読み込み高速化の為のアイコンフォント設定2020.01.11
  yStandardでは記事の日付部分やSNSのアイコンなどの表示にFont Awesomeというアイコンフォントを利用しています。 https://fontaw … もっと読む
• yStandard v3.8.0公開 – ページ読み込み高速化対策機能追加2020.01.11
  yStandard v3.8.0を公開しました 主な変更点についてのご案内です。 よっひー(@yosiakatsuki)です。 2020年1月10日 yStan … もっと読む
• yStandard Blocks v0.7.0公開 カスタム見出しブロック追加など2020.01.07
  yStandard blocks v0.7.0を公開しました！ 主な更新内容のご案内です。 主な更新内容 [追加] カスタム見出しブロック追加[追加] 使用する … もっと読む

最新のコメント

1. […] 人気記事ランキング表示ショートコードについて …

2. 

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

3. 

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

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

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

RSS

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

• Local by Flywheelのサイトと本番サイトをWordMoveでデータ同期する環境準備メモ
  2020.01.23 by よしあかつき
  僕はWordPressのローカル環境（開発環境）はLocal by Flywhe …
• Local by Flywheelで開発中の同じテーマ・プラグインのファイルを参照させる方法
  2020.01.17 by よしあかつき
  Local by Flywheelで開発中の同じテーマ・プラグインのファイルを参 …
• MacにanyenvをインストールしてNode.jsなどの開発環境を整える
  2020.01.17 by よしあかつき
  Node.jsやRubyを使う開発をしていると、プロジェクトごとに利用するバージ …
• Macを新しくした時にインストールするアプリや開発環境セットアップメモ
  2020.01.16 by よしあかつき
  僕は基本的に新しいMacを買った時は古いMacから環境を移行せず、また1からアプ …
• 2020年はコツコツと地盤固めな1年に
  2020.01.07 by よしあかつき
  あけましておめでとうございます。 とっくに仕事も始まってしまいましたが、毎年恒例 …

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

• Local by Flywheelのサイトと本番サイトをWordMoveでデータ同期する環境準備メモ
  2020.01.23 by よしあかつき
  僕はWordPressのローカル環境（開発環境）はLocal by Flywhe …
• Local by Flywheelで開発中の同じテーマ・プラグインのファイルを参照させる方法
  2020.01.17 by よしあかつき
  Local by Flywheelで開発中の同じテーマ・プラグインのファイルを参 …
• MacにanyenvをインストールしてNode.jsなどの開発環境を整える
  2020.01.17 by よしあかつき
  Node.jsやRubyを使う開発をしていると、プロジェクトごとに利用するバージ …
• Macを新しくした時にインストールするアプリや開発環境セットアップメモ
  2020.01.16 by よしあかつき
  僕は基本的に新しいMacを買った時は古いMacから環境を移行せず、また1からアプ …
• 2020年はコツコツと地盤固めな1年に
  2020.01.07 by よしあかつき
  あけましておめでとうございます。 とっくに仕事も始まってしまいましたが、毎年恒例 …

タグクラウド

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

検索

検索検索