Wie baue ich eine benutzerdefinierten Designs für Ihre HTML5 und CSS3-Site mit einem Website Baker Vorgefertigte Temple

Obwohl es möglich ist, eine Website Baker-Vorlage von Grund auf für HTML5 und CSS3 Website zu bauen, ist es in der Regel keine gute Idee. Es ist viel klüger mit einer Vorlage zu beginnen, der nahe ist, und fügen Sie diese Funktionen, die Sie brauchen, um Ihre individuellen Wünsche anzupassen. Auf diese Weise die allgemeine Struktur hat sich bereits bewährt, und Sie müssen es nur nach Ihren Vorgaben anpassen.

1. Finden sie eine Ausgangsvorlage, die Sie mögen.

   Wenn Sie keinen anderen Ort haben zu starten, führen Sie die Vorlagen in den Website Kern gebaut (vor allem alle CSS und rund). Leere Vorlage ist speziell für Customizing gestaltet.

2. Installieren Sie die Vorlage auf dem lokalen System.

   Es ist viel einfacher mit einer Vorlage auf dem lokalen System zu arbeiten, als auf einem entfernten Server.

3. Suchen Sie die lokale Kopie der Vorlage.

   Normalerweise werden Vorlagen im Verzeichnis des Servers gespeichert. Jede Vorlage wird seinen eigenen Ordner.

4. Kopieren Sie den Ordner der Vorlage, die Sie ändern möchten.

   Es ist in der Regel intelligenter mit einer Kopie zu arbeiten, anstatt das Original. Fügen Sie den kopierten Ordner im Vorlagen-Verzeichnis.

5. Benennen Sie den neuen Ordner Ihrer neuen Vorlagennamen zu reflektieren.

   Die neue Vorlage muss einen anderen Namen als die Originalvorlage.

An diesem Punkt haben Sie eine Kopie der Original-Vorlage, aber diese Kopie wird noch nicht im CMS widerspiegeln. Sie müssen ein paar Änderungen vorzunehmen, bevor die neue Vorlage zur Verfügung steht. Bevor Sie das tun, werfen Sie einen Blick auf die Datei Struktur einer typischen Website Baker-Vorlage.

Einer der Gründe, Website Baker groß ist, wie relativ einfach die Template-Struktur zu anderen Content-Management Systeme verglichen wird. Das Verzeichnis enthält eine relativ kleine Anzahl von Dateien:

• index.php: Diese PHP-Datei ist die grundlegende Datei, die als Grundlage für jede Seite im System verwendet wird. Es ist im Wesentlichen eine HTML-Seite mit einigen speziellen PHP-Funktionen eingebaut. Sie eines der HTML bearbeiten können Sie wollen, und die sich daraus ergebenden Veränderungen werden auf jeder Seite der Website widerspiegeln.

• info.php: Diese einfache PHP-Datei enthält eine Anzahl von Variablen, das Gesamtverhalten der Schablone zu steuern. Sie werden ein paar Änderungen in dieser Datei machen Sie Ihre Vorlage einen offiziellen Namen zu geben.

• layout_setup.css: Diese CSS-Datei beschreibt die CSS für die gesamte Seite-Design verwendet. Sie können den Inhalt dieser CSS-Datei ändern Schriftfarben oder andere big-picture CSS zu ändern.

• layout_text.css: Diese CSS-Datei wird verwendet, um die Stile der verschiedenen Textelemente in der Website zu definieren. Wenn Sie für eine Klasse suchen, die nicht in layout_setup.css definiert ist, können Sie es hier finden. Hinweis: Die Namen der CSS-Dateien können in anderen Vorlagen zu ändern, aber es wird mindestens eine CSS-Datei sein.

• editor.css: Diese Datei wird verwendet, um die interne WYSIWYG-Editor zu ändern. Es beschreibt, wie verschiedene Elemente im Editor angezeigt werden.

• Bilder-Verzeichnis: Oft wird eine Vorlage wird eine Anzahl von Bildern enthalten. Diese werden in einem Unterverzeichnis für die Bequemlichkeit gespeichert. Sie können das Aussehen, nach dem Sie gehen zu erstellen müssen einige dieser Bilder ändern.

Einige Vorlagen sind komplexer, einige weniger. Wirklich, können Sie so viele oder so wenige Dateien, wie Sie wollen. Sie werden immer index.php und info.php haben müssen. Sie werden fast immer mindestens eine CSS-Seite haben. Sie können alles, was Sie in der Vorlage haben wollen, aber nichts anderes ist unbedingt notwendig.