これはGutenbergブロックのチェック用ページです。

• AFFINGERブロックプラグインを有効化して下さい。
• ご利用バージョンによっては表示が異なる場合や利用できないことがございます

これはh2タグの見出しです

これはh3タグの見出しです

段落スタイル（h4タグ見出し）

段落スタイル（h5タグ見出し）

これはダミーのテキストです。ツールバーのペンアイコンからテキスト装飾を選択できます。太字・太字（赤）・マイ細マーカーA・マイ細マーカーB・ソースコード風・ドット線・[赤]・[オレンジ]・文字サイズ（小）・文字サイズ（大）。

文字サイズはサイドメニューのタイポグラフィでも変更可能です。

<> コードパネルボタンではショートコードでパーツを挿入できます。

例）

顔文字のボタンでは絵文字を選択できます😀🙋‍♂️3️⃣💯✨

段落下の余白はサイドメニューの「ブロック下の余白」で変更でき、値はGutenberg設定の「グループ」で変更できます。

ブロック下の余白（固）

ブロック下の余白（0）

ブロック下の余白（大）

インラインコード・キーボード入力・ハイライト・^上付き・_下付き・打ち消し線・脚注¹。

段落スタイルには1クリックで反映できるデザインスタイルがあります。

メモ

リンク

チェック

ポイント

インフォ

初心者

注意

注意（グレー）

マル

バツ

Like

Bad

Code

付箋

囲みドット

ふきだし

まるもじ

簡易ボタン

簡易会話A（アイコンはAFFINGER管理の「会話アイコン」で設定できます）

簡易会話B（アイコンはAFFINGER管理の「会話アイコン」で設定できます）

カスタムは自身でアイコンやカラーを選択します

表示されていないデザインスタイルがある場合は「Gutenberg設定」の「段落スタイル」で有効化してください。

見出しスタイル

見出しのデザインはカスタマイザーで設定しますが、個別でデザインスタイルを反映させることもできます。以下はh3タグを例にしたサンプルです。

以下はツールバーからの設定です。

キャッチコピーこれは見出しタグです

キャッチコピーこれは見出しタグです

これは連番を適応した見出しタグです

これは連番を適応した見出しタグです

以下はGutenbergデザインスタイルです。

ライン

ふきだし

斜線

カウント

注意

チェック

質問

答え

ステップ

カウントやステップの数字の色はカスタマイザーの「オプション（その他）」＞「ステップ・カウント／ポイント（SC）」＞”ステップ数・ポイントの色”が反映されます。

リスト

以下はリストのデザインスタイルです

デフォルト

ul

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

ol

1. これはダミーのテキストです
2. これはダミーのテキストです
3. これはダミーのテキストです

点線

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

マル

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

マル+点線

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

チェックB

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

チェックB+点線

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

チェックL

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

連番C

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

連番S

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

連番S+点線

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです

タイムラインL

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
• これはダミーのテキストです

タイムラインC

• これはダミーのテキストです
• これはダミーのテキストです
• これはダミーのテキストです
  • これはダミーのテキストです
  • これはダミーのテキストです
• これはダミーのテキストです

画像

角丸

シャドウ

ワイド

ポラロイド

カウント

その他 デフォルトブロック

コード

/* これはコードブロックです */
html

/* これはコードブロックです */
html

引用

これは引用ブロックです

https://example.com

これは引用ブロックです

https://example.com

これは引用ブロックです

https://example.com

テーブル

デフォルト

ヘッダーセクション	ヘッダーセクション	ヘッダーセクション
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト

ストライプ

ヘッダーセクション	ヘッダーセクション	ヘッダーセクション
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト

中央寄せ

ヘッダーセクション	ヘッダーセクション	ヘッダーセクション
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト

ラインなし

ヘッダーセクション	ヘッダーセクション	ヘッダーセクション
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト

ラインのみ

ヘッダーセクション	ヘッダーセクション	ヘッダーセクション
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト

ラインのみ2

ヘッダーセクション	ヘッダーセクション	ヘッダーセクション
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト
テキスト	テキスト	テキスト

グループブロック

オリジナルブロック

メモブロック

マイブロック

タイトル付きフリーボックス

バナー風ブロック

カスタムボタン

ボタン

キラリと光るボタン

美しいボタン

シンプルなボタン

シンプルなボタン

カテゴリー一覧

通常

スライドショー

画像のみ

画像のみ+タイトル

タグ一覧（EX版のみ）

通常

[st-taggroup html_class="" tag="0" page="5" order="desc" orderby="id" type="card" slide="off" slides_to_show="3,3,2" slide_date="on" slide_more="ReadMore" slide_center="off" fullsize_type=""]

スライドショー

[st-taggroup html_class="" tag="0" page="5" order="desc" orderby="id" type="card" slide="on" slides_to_show="3,3,2" slide_date="on" slide_more="ReadMore" slide_center="off" fullsize_type=""]

スライドボックス

タブブロック

タブブロックには予め4つのスタイルが用意されています。

FAQブロック

これはダミーの質問テキストです

これはダミーの回答テキストです

これはダミーの質問テキストです

これはダミーの回答テキストです

これはダミーの質問テキストです

これはダミーの回答テキストです

これはダミーの質問テキストです

これはダミーの回答テキストです

埋込

URL

AFFINGER6

WEBで集客・収益化するサイトをつくる「稼ぐ」に特化したWordPressテーマ AFFINGER（ ...

on-store.net

X（旧Twitter）

【ニュースブログ更新】 WordPress 6.1 ベータ 1 https://t.co/GdNq01AEJs #wordpressjp

— WordPress.org 日本語 (@jawordpressorg) September 22, 2022

YouTube