category

入力タイプ、リッチエディタ、パターン定義、ブロックエディタなど入力方法を考える

2022-12-14

これは Craft CMS Advent Calendar 2022 14日目の記事です。


CMSでコンテンツ(データ)を管理する際に、

  • リッチエディタでやる
  • フィールドのパターンを整理した入力欄を組み合わせる
  • ブロックエディタ的なUI

というのは、運用する人の好みだったり色々と判断基準があって悩ましいところ。
コンテンツといいつつ、見た目含めたページの要素が強くなるのでなおさら。

フィールドのパターンのUIにリッチエディタのブロックがあればどっちもできると言えばできる。
Craft CMS だと Matrix フィールドにリッチエディタを付ければそれが使えるし、パターンを決めて用意しておけば必要な項目をセットしていく事ができる。

西山さんの記事にあるようなのは Craft CMS だと Matrix でブロックの中に更に追加する、みたいなことはデフォルトではなかなかに難しい。

Movable Type ブロックエディタの「カスタムブロック設計パターン」 | www.ni4.jp
https://www.ni4.jp/2022/12/10-...

入れ子の Matrix フィールドは Craft 5 で何かしらでるんじゃないのかなぁ。

Craft CMS で最初に Matrix フィールドを見たときは、管理しやすくて非常に感動したのを覚えている。
Matrix は今もかなりお世話になっているから、これからもより使いやすくなってほしい。

Craft CMS でブロックエディタ的な管理をしたいときは Vizy をつかうとかになりそう

Vizy
https://plugins.craftcms.com/v...

入力方法を切り替える

入力形式をリッチエディタやブロックエディタにするといったことは Movable Type だと入力形式を切り替えることで変更できる。

20221212 065615

ユーザーがやりたい形を選べるのは便利だと思う。

Craft CMS の場合は入力タイプ(エントリタイプ)を切り替えることで、同じ種類のコンテンツでも入力形式を切り替える事ができる。

Matrix フィールドを使ったパターン

20221212 070422

エディタのパターン

20221212 070436

PDFとかファイルを添付するパターン

20221212 070557

1つのセクションでいろいろな形のデータを標準機能で管理できるのは便利かな、と。
Movable Type で MTAppjQuery でやるときはラジオボタンを切り替えることで、入力画面を切り替えるということはよくやるので、それと同じような話ではある。

PDFファイルへリンクする形のデータの場合は詳細ページ自体は不要になるので、それの対応は静的CMSでも動的CMSでも対応は必要になる。
静的CMSの場合はファイルを出力しないようにするか、ファイル自体にリダイレクトする。
リダイレクトするのは動的CMSも同様の対応が必要になりそう。

PowerCMS でやるならひな形を用意して切り替えるといったこともできるのかもしれないが、ブロックエディタをつかうかどうかの選択だったような気がする。

要件、運用スタイルとかを調整しながらいい感じに使ってもらえる管理画面を提供していきたい。
@tinybeans も書いていたが、「非常に柔軟な設計が可能」というのはなかなか言葉で説明しづらい所ではあるが、その通りで制約がない分悩ましいところでもある。

Craft CMS のどこが好きか呟きたい | Craft CMS | かたつむりくんのWWW
https://tinybeans.net/blog/202...

できないところもあるので、そこを踏まえていいところを考えたいところ。