Djangoメモ:DjangoデフォルトのフォームにCSSを適用する方法 – Pycharm

Djangoデフォルトのフォームは見た目がよくないのでCSSでカスタマイズしたい人向けです。今回はPycharmでの操作です。まず、Pycharm画面上から次の通りアクセスします。

File > Settings > Project hogehoge > Project Interpreter > 右上にある+ボタン > 検索ボックスにdjango-widget-tweaksを入力 > Install packagesをクリックで完了

Formのコードを書くファイルに(templatesのhtmlファイル等)、以下を追記

{% load widget_tweaks %}

Djangoのテンプレートタグのform上で、次のように追記:
例 bootstrapのCSS: form-controlを適用する場合(尚、ここではbootstrapの実装は割愛)

{{form.hogehoge|add_class:"form-control"}}

Check Also

Python 条件分岐 – if文の使い方とサンプルコード

プログラミングには制御構文の代 …