2022の6日目です。Drupalのカスタムテーマを使って、プレビュー画面を任意のレイアウトで表示する方法を備忘録として残しておきます。事前準備Drupalプロジェクトに以下のようなファイルをあらかじめ用意しておきます。カスタムテーマの作成my_theme.info.ymlとmy_theme.libraries.ymlに以下の記述を追加します。{}追加後、drupalの/admin/appearance/にアクセスすると作成したカスタムテーマが表示されていると思うので、インストールを行います。プレビューに必要なデータを取得プレビューに必要なデータ(タイトル、本文、作成日など)はtempstoreという一時ストレージに保存されています。tempstoreから必要な情報を抜き出し、twigの変数に代入するという処理をmy_theme.themeで実装します。↓データをtwig変数に代入となっています。twigにHTMLを追加プレビューページ用のHTMLは、page--node--preview.html.twigに、CSSはstyle.cssにそれぞれ記述します。2-1で表示するデータを変数として渡しているので、それらの変数をHTMLに組み込めばOKです。確認ここまで実装した後に、Drupalからコンテンツを作成しプレビューボタンを押すと2-2で追加した通りのレイアウトでプレビューページが表示されます。遥大Webフロントエンドの技術を学んでいます。本記事に記載の情報に起因するいかなる損害に対しても弊社は一切の責任を負わないものとします。お客様のご判断と責任のもとにご活用ください。