これは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
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
- これはダミーのテキストです
画像
角丸
シャドウ
ワイド
ポラロイド
カウント
その他 デフォルトブロック
コード
/* これはコードブロックです */
html
/* これはコードブロックです */
html
引用
これは引用ブロックです
https://example.com
これは引用ブロックです
https://example.com
これは引用ブロックです
https://example.com
テーブル
デフォルト
ヘッダーセクション | ヘッダーセクション | ヘッダーセクション |
---|---|---|
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
ストライプ
ヘッダーセクション | ヘッダーセクション | ヘッダーセクション |
---|---|---|
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
中央寄せ
ヘッダーセクション | ヘッダーセクション | ヘッダーセクション |
---|---|---|
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
ラインなし
ヘッダーセクション | ヘッダーセクション | ヘッダーセクション |
---|---|---|
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
ラインのみ
ヘッダーセクション | ヘッダーセクション | ヘッダーセクション |
---|---|---|
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
ラインのみ2
ヘッダーセクション | ヘッダーセクション | ヘッダーセクション |
---|---|---|
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
テキスト | テキスト | テキスト |
グループブロック
グループブロックでは背景デザインを変えたり表示条件を設定したりできます。
グループブロックでは背景デザインを変えたり表示条件を設定したりできます。
グループブロックでは背景デザインを変えたり表示条件を設定したりできます。
グループブロックでは背景デザインを変えたり表示条件を設定したりできます。
グループブロックでは背景デザインを変えたり表示条件を設定したりできます。
グループブロックでは背景デザインを変えたり表示条件を設定したりできます。
オリジナルブロック
メモブロック
マイブロック
タイトル付きフリーボックス
タイトルテキスト
これはダミーのテキストです
タイトルテキスト
これはダミーのテキストです
タイトルテキスト
これはダミーのテキストです
バナー風ブロック
タイトルテキスト
バナー風ブロック
タイトルテキスト
バナー風ブロック(暗くする)
タイトルテキスト
バナー風ブロック(ぼかし)
タイトルテキスト
バナー風ブロック(コンテンツを左寄せ)
カスタムボタン
\ 今ならキャンペーン中/
マイクロコピーでさらに効果UP
カテゴリー一覧
通常
スライドショー
画像のみ
画像のみ+タイトル
タグ一覧(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のコンテンツです
これはタブBのコンテンツです
これはタブCのコンテンツです
これはタブDのコンテンツです
タブブロックには予め4つのスタイルが用意されています。
これはタブAのコンテンツです
これはタブBのコンテンツです
これはタブCのコンテンツです
これはタブDのコンテンツです
これはタブAのコンテンツです
これはタブBのコンテンツです
これはタブCのコンテンツです
これはタブDのコンテンツです
これはタブAのコンテンツです
これはタブBのコンテンツです
これはタブCのコンテンツです
これはタブDのコンテンツです
これはタブAのコンテンツです
これはタブBのコンテンツです
これはタブCのコンテンツです
これはタブDのコンテンツです
FAQブロック
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです