これは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
カテゴリー一覧
通常
-
仮想通貨ポリゴンはオワコン?そう言われる4つの理由と今後の価格予想について答えます!
2024/10/14
本記事内にプロモーションが含まれています 皆さんもこのような噂を聞いたことはありませんか?「ポリゴンはオワコン」「仮想通貨バブルは崩壊した」このような発言がX(旧Twitter)やYouTubeで見聞 ...
-
【初心必見】ビットコインとイーサリアムどっちがおすすめ?暗号資産(仮想通貨)投資初心者に分かりやすく解説
2024/9/17
本記事にはプロモーションを含みます 以上のような悩みを解決する記事を用意しました。 本記事では、ビットコインとイーサリアムの違いや将来性、買い方について解説しています。 仮想通貨に限らず、投資は基本的 ...
-
仮想通貨マスター講座を受講して2カ月で5万2千円の利益獲得
2024/10/31
皆さんは最近こんな悩みはありませんか? 私自身も3人の子供を養いながら、毎月のお小遣いで趣味を楽しんだり家族サービスをしていましたが、物価高騰により以前のような生活をすることが困難になっていました。 ...
-
ビットコインはオワコン?そう言われる4つの理由と今後の価格予想について答えます!
2024/10/8
※記事内にプロモーションが含まれています 皆さんこう言った噂を耳にしたことはありませんか?「ビットコインはオワコン」「仮想通貨バブルは崩壊した」このような発言がX(旧Twitter)やYouTubeで ...
-
ブロックチェーン技術って何?将来性について教えて。
2024/10/7
1. ブロックチェーン技術とは? 1-1. ブロックチェーンの基本概念 ブロックチェーンは、データをブロックという単位でまとめ、それらを鎖(チェーン)のように連結させる技術です。これにより、改ざんが難 ...
スライドショー
画像のみ
画像のみ+タイトル
タグ一覧(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ブロック
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです