Djangoのbase.htmlテンプレートとブログ投稿の方法


まず、Djangoプロジェクト内にテンプレートディレクトリを作成します。通常、templatesという名前のディレクトリを作成し、その中にbase.htmlというファイルを作成します。base.htmlは、他のテンプレートから継承される基本的なテンプレートです。

以下は、base.htmlの例です。

<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <!-- ヘッダーのコンテンツ -->
    </header>
    <main>
        {% block content %}
        {% endblock %}
    </main>
    <footer>
        <!-- フッターのコンテンツ -->
    </footer>
</body>
</html>

base.htmlでは、{% block %}タグを使用して、他のテンプレートから入れ子になったコンテンツを挿入することができます。{% block %}タグ内のコンテンツは、他のテンプレートでオーバーライドされることがあります。

次に、ブログ投稿のテンプレートを作成します。例えば、post.htmlという名前のファイルを作成します。以下は、post.htmlの例です。

{% extends 'base.html' %}
{% block title %}ブログ投稿{% endblock %}
{% block content %}
<h1>ブログ投稿</h1>
<p>ここにブログのコンテンツが入ります。</p>
{% endblock %}

post.htmlでは、{% extends %}タグを使用してbase.htmlを継承しています。{% block %}タグを使用して、base.htmlのコンテンツをオーバーライドしています。この例では、titlecontentのブロックをオーバーライドしていますが、必要に応じて他のブロックもオーバーライドすることができます。

これで、base.htmlテンプレートとブログ投稿のテンプレートが作成されました。ブログのコンテンツを表示するためには、Djangoビューでpost.htmlをレンダリングする必要があります。ビューでデータを取得し、テンプレートに渡す方法については、Djangoのドキュメントやチュートリアルを参照してください。

以上が、Djangoのbase.htmlテンプレートを使用してブログ投稿を行う方法の一例です。他にもさまざまな方法がありますので、必要に応じて試してみてください。