DrupalでGutenbergを使えるようにする

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

こんにちは。ましじめの田村です。

DrupalでGutenbergを使いたいというケースがありました。

GutenbergはWordPressで有名なブロックエディタですが実はDrupal版も開発されておりで使うことが可能です。
https://drupalgutenberg.org/

今回はDrupalでGutenbergモジュールをインストールしてみたと思います。

インストール

「拡張機能 → 新しいモジュールをインストール」をクリックします。

「次のURLからインストールする」にモジュールのURLを取得してインストールを実行してモジュールを有効化します。

モジュールのリンクを取得する方法は Gutenbergモジュール のページから 右クリックで「リンクのアドレスをコピー」してダウンロードリンクを取得します。

今回取得したリンクはこちらです。

https://ftp.drupal.org/files/projects/gutenberg-8.x-1.10.tar.gz

設定

「 環境設定 → テキストフォーマットとエディター」から「Gutenberg Blocks text format」が追加されていることを確認します。

「サイト構築 → コンテンツタイプ」から追加したいコンテンツタイプの「フィールド管理」をクリックします。
基本タブへ移動して「Enable Gutenberg experience」のチェックを入れます。

確認

実際にページを作成してみると次のようにGutenbergに変わっていることを確認できます。

以上「DrupalでGutenbergを使えるようにする」でした。

今回は触れませんでしたが、gutenbergCloudなどブロックエディタを共有できる仕組みもるようです。
DrupalでGutenbergを使う場合参考にしてみてください。


関連するタグ

全 1 件中 1 〜 1 件目を表示

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから