これはGutenbergブロックのチェック用ページです。
- Gutenbergプラグインを有効化して下さい。
- ご利用バージョンによっては表示が異なる場合や利用できないことがございます
これはh2タグの見出しです
これはh3タグの見出しです
段落スタイル(h4タグ見出し)
段落スタイル(h5タグ見出し)
これはダミーのテキストです。ツールバーのペンアイコンからテキスト装飾を選択できます。太字・太字(赤)・マイ細マーカーA・マイ細マーカーB・ソースコード風・ドット線・[赤]・[オレンジ]・文字サイズ(小)・文字サイズ(大)。
文字サイズはサイドメニューのタイポグラフィでも変更可能です。
<>
コードパネルボタンではショートコードでパーツを挿入できます。
例)
顔文字のボタンでは絵文字を選択できます😀🙋♂️3️⃣💯✨
段落下の余白はサイドメニューの「ブロック下の余白」で変更でき、値はGutenberg設定の「グループ」で変更できます。
ブロック下の余白(固)
ブロック下の余白(0)
ブロック下の余白(大)
インラインコード
・キーボード入力・ハイライト・上付き・下付き・打ち消し線・脚注1。
段落スタイルには1クリックで反映できるデザインスタイルがあります。
メモ
リンク
チェック
ポイント
インフォ
初心者
注意
注意(グレー)
マル
バツ
Like
Bad
Code
付箋
囲みドット
ふきだし
まるもじ
簡易会話A(アイコンはAFFINGER管理の「会話アイコン」で設定できます)
簡易会話B(アイコンはAFFINGER管理の「会話アイコン」で設定できます)
カスタムは自身でアイコンやカラーを選択します
表示されていないデザインスタイルがある場合は「Gutenberg設定」の「段落スタイル」で有効化してください。
見出しスタイル
見出しのデザインはカスタマイザーで設定しますが、個別でデザインスタイルを反映させることもできます。以下はh3タグを例にしたサンプルです。
以下はツールバーからの設定です。
キャッチコピーこれは見出しタグです
キャッチコピーこれは見出しタグです
これは連番を適応した見出しタグです
これは連番を適応した見出しタグです
以下はGutenbergデザインスタイルです。
ライン
ふきだし
斜線
カウント
注意
チェック
質問
答え
ステップ
ランキング
ランキング
ランキング
※ランキングのカラーを正常に反映させるにはグループブロックで囲んでください
カウントやステップの数字の色はカスタマイザーの「オプション(その他)」>「ステップ・カウント/ポイント(SC)」>”ステップ数・ポイントの色”が反映されます。
リスト
以下はリストのデザインスタイルです
デフォルト
ul
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
ol
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
点線
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
マル
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
マル+点線
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
チェックB
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
チェックB+点線
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
チェックL
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
連番C
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
連番S
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
連番S+点線
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
タイムラインL
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
タイムラインC
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです