25 Mar 2025

Wagtail Code Block にファイル名などを表示するためのタイトルフィールドを追加

Wagtail Code Block でファイル名などを表示したいと思ったのですが、それらしい機能がないようなので、追加していきたいと思います。

title フィールド追加

まず、wagtailcodeblock/blocks.py の36行目辺りの "language" フィールドと "code" フィールドの間に、

の一行を挿入します。

次に、wagtailcodeblock/templates/wagtailcodeblock/code_block.html

の直前に

を挿入します。

データベースの変更は必要ありません。

また、"title"キーが見つからなければ無視しますので、過去のデータの修正、変換の必要もありません。

編集画面はこんな感じ

Code title editting

で、表示サンプルは

Code title view

こんな感じです。