基本文の見やすさチェック用ダミーページ(Gutenberg)

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

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

Contents

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

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

段落スタイル(h4タグ見出し)

段落スタイル(h5タグ見出し)

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

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

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

例)

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

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

ブロック下の余白(固)

ブロック下の余白(0)

ブロック下の余白(大)

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

段落スタイルには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

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

グループブロック

グループブロックでは背景デザインを変えたり表示条件を設定したりできます。

グループブロックでは背景デザインを変えたり表示条件を設定したりできます。

グループブロックでは背景デザインを変えたり表示条件を設定したりできます。

グループブロックでは背景デザインを変えたり表示条件を設定したりできます。

グループブロックでは背景デザインを変えたり表示条件を設定したりできます。

グループブロックでは背景デザインを変えたり表示条件を設定したりできます。

オリジナルブロック

メモブロック

 

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

 

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

 

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

マイブロック

タイトルテキスト

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

タイトルテキスト

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

 

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

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

タイトルテキスト

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

タイトルテキスト

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

タイトルテキスト

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

バナー風ブロック

タイトルテキスト

バナー風ブロック

タイトルテキスト

バナー風ブロック(暗くする)

タイトルテキスト

バナー風ブロック(ぼかし)

タイトルテキスト

バナー風ブロック(コンテンツを左寄せ)

カスタムボタン

ボタン

キラリと光るボタン

美しいボタン

シンプルなボタン

シンプルなボタン

\ 今ならキャンペーン中/

今すぐ手に入れる

マイクロコピーでさらに効果UP

カテゴリー一覧

通常

Tsuzuki #3

こんな悩みを解決します。  

Tsuzuki #2

こんな悩みを解決します。  

Tsuzuki1

こんな悩みを解決します。  

スライドショー

2024/2/28

Tsuzuki #3

こんな悩みを解決します。  

ReadMore

2024/2/24

Tsuzuki #2

こんな悩みを解決します。  

ReadMore

2024/2/24

Tsuzuki1

こんな悩みを解決します。  

ReadMore

画像のみ

2024/2/28

2024/2/24

2024/2/24

画像のみ+タイトル

2024/2/28

Tsuzuki #3

2024/2/24

Tsuzuki #2

2024/2/24

Tsuzuki1

タグ一覧(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=""]

スライドボックス

タブブロック

これはタブAのコンテンツです

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

これはタブAのコンテンツです

これはタブAのコンテンツです

これはタブAのコンテンツです

これはタブAのコンテンツです

FAQブロック

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

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

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

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

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

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

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

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

埋込

URL

https://on-store.net/affinger6/

X(旧Twitter)

https://twitter.com/jawordpressorg/status/1572825255306993665?s=20

YouTube

https://www.youtube.com/watch?v=jNQXAC9IVRw
YouTubeで初めて投稿された動画