これはGutenbergブロックのチェック用ページです。
- AFFINGERブロックプラグインを有効化して下さい。
- ご利用バージョンによっては表示が異なる場合や利用できないことがございます
これは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
カテゴリー一覧
通常
-
-
34歳で投資開始。平凡サラリーマンが投資に目覚めた理由とは?
2025/2/5
こんにちは。なべです。 突然ですが、皆さんはお金の悩みはありますか?毎月のように上がる物価や上がらない給料、、、 私はお金のことで日々悩んでいました。 ”子供3人分の教育費は足りるのだろうか”や”住宅 ...
-
-
[投資初心者必見]電気料金プラン見直しで毎月の固定費を削減しよう!
2025/2/5
こんにちは、なべです。 昨今の投資ブームで資産形成をする人が増加していますが、物価高で食料品の値段が高騰したり、エネルギー需要の拡大で電気・ガスなどの値段が高騰している中投資にお金を回すのはとても大変 ...
-
-
GMOコインの口座開設方法を解説。最短10分で無料登録
2025/2/14
GMOコインで暗号資産(仮想通貨)を始めたい人に向けて解説していきます。 画像を多く載せて説明していきますので、その通り手を動かしてもらえれば口座開設出来ます。 暗号資産取引に必要な口座開設とは? G ...
-
-
【30代男性必見】投資って必要?投資の仕組みと投資資金の簡単調達方法について解説
2024/12/13
本記事にはプロモーションを含みます このような悩みを抱えたことはありませんか? 筆者も数カ月前まで同じ悩みを抱えていました。「趣味や自己投資に使えるお金を増やしたい」「家族サービスや贅沢をしたい」と。 ...
-
-
【初心者向け】月1万円でビットコインの積立投資を始める手順を解説
2025/1/6
この記事では、そんなあなたの悩みを解決していきます。 この記事で分かること 1.積立投資のメリット 2.積立投資のデメリット 3.コインチェックつみたての始め方 4.コインチェックつみたてのやめ方 は ...
スライドショー
画像のみ
画像のみ+タイトル
タグ一覧(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ブロック
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです