ブロックエディタで色々やってみた
news
お知らせ
テスト投稿05
ブロック確認用テキストh2
これはブロックで作成された記事です。
段落ブロック
太字のテキストや車体のテキストでは、表示はこのようになります。
このように、本文の間にリンクをつけることも可能です。
細かい設定ですが、マーカーのテキストや上付き注釈※1、下付き注釈※2さらには打ち消し線といったようにさまざまな装飾をつけることも可能です。
リストブロック
- リストの表記です。
- 長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。
- リストの中でもShift + Enterで
改行することができます。
- 番号付きのリストはこのようになります。
- 長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。長い文章のリストではこのようになります。
- リストの中でもShift + Enterで
改行することができます。
画像ブロック
カラムブロックの設定です。
- いろいろなブロックを挿入することができます。
- カラム/グループブロックの中身の余白にも注意してください。
レスポンシブでは縦並びになります。
こちらはグループブロックの横並び機能です。
先ほどのカラムブロックとはことなり、横並びが強制されます。
さらにレスポンシブの対応はないので、とても窮屈になります。
グリッドレイアウトは非常に便利で画期的です。
最近までこのブロックを知りませんでした。
グリッドブロックはレスポンシブ対応で段落ちしてくれます。
↑↑↑ フレキシブルスペーサー ↑↑↑
| thエリア | tdです | tdです |
|---|---|---|
| thエリア | tdです | tdです |
| thエリア | tdです | tdです |
管理画面の設定から、spの時は縦積みにするか横スクにするか選択することができます。
↑ 横スク
↓ 縦積み
| thエリア | thエリア | thエリア |
|---|---|---|
| tdです | tdです | tdです |
| tdです | tdです | tdです |
