news

お知らせ

ブロックエディタで色々やってみた

ブロックエディタを使用して色々やってみたいと思います。

ちょっとスタイルをいじってる場所もあるかもしれませんが、基本的には管理画面からの編集のみでこんな表現ができます。

ぜひ一度管理画面を覗いてみてください。

管理画面からちょいといじった見出しです

  • リストの中にリストを入れるのは無理そう
  • もしリスト in リストしたい時はコーディングで力技するしかないかも…
  • english font
  1. 番号付きはこんな感じ
  2. 文章が長くなって2行三行になってしまった場合はこんな感じの表現になります。文章が長くなって2行三行になってしまった場合はこんな感じの表現になります。文章が長くなって2行三行になってしまった場合はこんな感じの表現になります。文章が長くなって2行三行になってしまった場合はこんな感じの表現になります。

ブロックを組み合わせるとこんな感じでいけます。

これは特にcssを触らずに、管理画面からの調整で実現できます。
色々設定できるのですが、自由すぎるが故にどこまで説明してどこまで触ってもらうかはとっても難しい問題だと思ってます…。

管理画面からいじれるので、色も自由です。

これは特にcssを触らずに、管理画面からの調整で実現できます。

  1. こんな感じでいろんなブロックを入れれます。
  2. 余白も調整できますが、spの時に値を変えることができないので、そこはcssで無理やりやるかデザインでの調整が必要です。
テーブル
テーブル

カラムブロックでは背景も入れることができるらしいです…

そしてワンクリックでパララックスもできるらしいです…

でもこれはクライアント様ではやらないで欲しいです…

グリッドレイアウトを使用したレイアウト例

カードみたいに並べることもできます。

このようなカード型のレイアウトの時、クリック範囲を本当はカード全体にしたいのですが、ブロックを使って管理画面からやる場合にはできないので、下の部分のみがクリック範囲となってしまいます。

やりたい場合にはcssで力技です…

カードみたいに並べることもできます。

ボタンはデフォルトで両方を準備しているので、ワンクリックでデザインを切り替えることができます。

管理画面のサイドバーから簡単に切り替え可能です。

関連記事一覧