Aufbau einer „thematischen“ Website

Websites wie WordPress und Tumblr ermöglichen es Designern, Themen zu erstellen, die Benutzer auswählen können. Wie würden Sie im Allgemeinen eine Website so gestalten, dass sie flexibel genug ist, um benutzerdefinierte Designs für Benutzer zu ermöglichen?

Schauen Sie sich an, wie Django das macht. Django verwendet a Model View Controller-ähnlicher Ansatz, in dem Sie verwenden Ansichten a bevölkern Kontextund verwenden Sie dann diesen Kontext, um a zu verarbeiten Schablone. Beachten Sie, dass Django eine eigene hat MVC-Terminologie.

Wenn wir beispielsweise sagen, dass unser Kontext wie folgt lautet (in Pseudocode),

author="mntnoe"
title="My Title"
content="<p>This is my content</p>"

Wir könnten die folgende Vorlage verwenden:

<h1>{{ title }}</h1>
<div class="author">Author: {{ author }}</div>
<div class="content">
{{ content }}
</div>

Jetzt können Sie die Vorlage (oder Sammlung von Vorlagen) durch eine andere ersetzen, ohne die Funktionsweise der Website zu beeinträchtigen.

Trennen Sie den Inhalt von der Formatierung, indem Sie geeignetes HTML und CSS verwenden. Das bedeutet, CSS-Dateien für den Stil zu verwenden, anstatt den Inline-Stil im HTML-Code zu verwenden.

Sie können mehrere CSS-Dateien (Themen, wenn Sie möchten) erstellen und mit Javascript zwischen ihnen wechseln.

Lassen Sie Ihre serverseitige Technologie Ihrer Wahl einfach einfach anzupassen, durch CSS und Bilder, HTML generieren. Eine großartige Website mit Beispielen ist http://www.csszengarden.com/. Es gibt jedes Mal denselben HTML-Code aus, verwendet jedoch verschiedene CSS und Bilder, um ihn zu stylen. Werfen Sie einen Blick auf das HTML, das sie generieren, um Ideen zu bekommen.