これは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
カテゴリー一覧
通常
【なぜ】桜庭ななみ 退所独立&宮内ひとみへ改名の理由は?
2024/11/12
2024年11月11日。俳優の桜庭ななみさんが、所属事務所「スウィートパワー」を退所することを公表しました。 今後は独立し、本名の宮内ひとみさんという名前で俳優活動を継続するそうです。 この記事では、 ...
【他殺?】リアム・ペイン転落事故で3人逮捕!犯人は誰?
2024/11/8
2024年10月16日にワン・ダイレクション(1D)のメンバー、リアム・ペインさんがアルゼンチンのホテルで転落死した事故で、3人の関係者が逮捕されました。 この記事では逮捕された3人の正体と、罪状につ ...
【現在】パックンマックンは解散した?マックンは今何してる?
2024/11/7
日米お笑いコンビ「パックンマックン」のパックンはテレビでよく見かけますが、相方のマックンを見かける機会が少なくなっています。 パックンマックンは解散してしまったのでしょうか?マックンは今なにをしている ...
国会前ひき逃げ被害者 大野泰弘さんとは?財務省の秘密を握ってた?
2024/11/7
2024年6月20日に発生した、国会議事堂前ひき逃げ死亡事故。財務省の公用車に轢かれ、犠牲となった大野泰弘さんは財務省の秘密を握っていたと言われています。 当記事では、被害者、大野泰弘さんについてどん ...
【なぜ】海遊館ジンベエザメ海くん死ぬ!放流はかわいそう?
2024/11/6
2024年11月6日。愛媛県宇和島市の岩松川に迷い込んでいたジンベエザメが死んでいるのが発見され、その個体が先月3日に放流された、大阪海遊館の「海くん」であると判明しました。 海くんに「かわいそう」の ...
スライドショー
画像のみ
画像のみ+タイトル
タグ一覧(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ブロック
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです
これはダミーの質問テキストです
これはダミーの回答テキストです