Es ist heutzutage nicht schwer, eine eigene Website zu erstellen, auch wenn Sie keine speziellen Kenntnisse im Bereich Webdesign und Programmierung haben. Sie können jederzeit die Masse der verschiedenen im Internet veröffentlichten Vorlagen verwenden und basierend auf vorgefertigten Vorlagen Ihre Website im Netzwerk erstellen und veröffentlichen. Nicht jeder ist jedoch mit der Version der Website, die die Vorlage bietet, vollständig zufrieden. In diesem Artikel erfahren Sie, wie Sie die Site-Vorlage ändern und einzigartig machen.
Anleitung
Schritt 1
Laden Sie die Vorlage herunter und suchen Sie darin die Datei style.css. Normalerweise befindet sich diese Datei im Ordner public_html.
Schritt 2
Öffnen Sie die Datei style.css im Editor und suchen Sie das Code-Snippet, das für das Erscheinungsbild des oberen Rands der Site verantwortlich ist. Dieser Ausschnitt sieht so aus:
#logotyp {
hintergrund: url (images / logotype.png) no-repeat left center #fff;
Breite: 230px;
Höhe: 60px;
Rand: 10px 25px;
Position: relativ;
Schritt 3
In diesem Code müssen Sie in der Zeile background: url den Pfad zum Hintergrundbild der zukünftigen Site angeben. Die nächsten Zeilen geben die Länge und Höhe des Bildes an und das Randelement definiert den vertikalen und horizontalen Einzug des Bildes.
Schritt 4
Suchen Sie in den Vorlagenordnern die Datei logotype.png, die im Code als Logo verwendet wird, und ersetzen Sie sie im selben Ordner durch Ihr eigenes Logo mit demselben Namen im PNG-Format.
Schritt 5
Laden Sie das Hintergrundbild in den Ordner public_html / tmpl / template_name / Images / hoch, und schreiben Sie danach, wie oben erwähnt, den Pfad zum Bild im Hintergrund: URL-Zeile.
Schritt 6
Schreiben Sie ggf. die Parameter Höhe, Länge und Versatz des Bildes neu. Die Position: relative Linie kann in Ruhe gelassen werden. Speichern Sie die Änderungen an der Datei und laden Sie sie anstelle der alten Vorlagendatei auf den Server hoch.
Schritt 7
Wenn Sie das Logo der Footer-Site ändern möchten, suchen Sie in style.css nach dem Code-Snippet, das mit den Worten logotype-footer beginnt. Speichern Sie das Bild mit dem neuen Logo und laden Sie es in den Bilderordner der Vorlage hoch.
Schritt 8
Ändern Sie die Parameter Länge und Höhe. Speichern Sie die Datei style.css erneut und laden Sie die aktualisierte Site auf den Server hoch.
