Joomla ist ein multifunktionales Site-Management-System (CMS), mit dem Sie fast alle Ressourceneinstellungen vornehmen können. Die Funktion "Vorlagen" ist für die Anzeige von Elementen auf Seiten der Site in diesem CMS verantwortlich. Jede der Vorlagen kann entweder automatisch installiert oder vom Webmaster unabhängig erstellt werden.
Es ist notwendig
- - Kenntnisse im Umgang mit HTML und CSS;
- - ein Paket einer beliebigen Joomla-Vorlage.
Anleitung
Schritt 1
Wählen Sie vor dem Erstellen Ihres Layouts eine Vorlage aus, mit der Sie Ihren eigenen Code schreiben. Dies spart Ihnen Zeit und vermeidet das Schreiben unnötiger Codezeilen, die für Joomla Standard sind und bei der Installation von Skins verwendet werden.
Schritt 2
Kopieren Sie die Vorlage in einen separaten Ordner und öffnen Sie die Datei templateDetails.xml in ihrem Stammverzeichnis. Dieses Dokument enthält Serviceinformationen, Beschreibung und Bezeichnung des Layouts. Ändern Sie die erforderlichen Blöcke nach Belieben. Sie können beispielsweise den Deskriptor bearbeiten, um den Namen des Autors in Ihren zu ändern, die E-Mail-Adresse und die Homepage-Adresse angeben. In der Zeile können Sie einen Namen für Ihr zukünftiges Layout eingeben.
Schritt 3
Gehen Sie zum Block der Datei, die bearbeitet wird. Entfernen Sie alle Deskriptoren, die Teil dieses Blocks sind, beginnend mit Debug und endend mit Position 14, so dass nur einer nach der Operation übrig bleibt. Löschen Sie auf ähnliche Weise die Zeilen und die Sprache.
Schritt 4
Speichern Sie nach dem Ausführen der Vorgänge die Änderungen in der Datei und löschen Sie den Sprachordner im Verzeichnis mit den Vorlagendateien. Öffnen Sie dann die Datei index.php mit dem von Ihnen verwendeten Editor und löschen Sie alle Inhalte bis auf die Zeile:
<?php
definiert (‘_ JEXEC’) oder sterben; ?>
Schritt 5
Geben Sie dem Vorlagenordner einen beliebigen Namen und packen Sie ihn dann mit dem Archivierungsprogramm in ein Archiv, indem Sie mit der rechten Maustaste auf das Verzeichnis Ihrer Vorlage klicken und "Archiv erstellen …" auswählen. Die zu erstellende Datei muss die Erweiterung.zip haben.
Schritt 6
Gehen Sie zum Ressourcenverwaltungs-Panel und gehen Sie zum Abschnitt "Vorlagen". Importieren Sie mithilfe des Installationsvorgangs das soeben erstellte Archiv und warten Sie auf die Benachrichtigung über die erfolgreiche Installation. Aktivieren Sie dann die resultierende Vorlage, indem Sie sie aus dem Standardmenü auswählen.
Schritt 7
Zeichnen Sie ein Musterdesign für Ihr zukünftiges Template und schreiben Sie den entsprechenden HTML-Code entsprechend in die Datei index.php. Erstellen Sie Code mit einigen der Funktionen der Engine. Sie können also den Befehl eingeben, um die Standard-Joomla-Header automatisch zu ersetzen:
Dieser Code enthält alle erforderlichen Tags im Abschnitt der Seite.
Schritt 8
Sie können Ihren eigenen kaskadierenden Tabellencode in die template.css in einem der Ressourcenordner eingeben. Nachdem Sie eine neue CSS-Vorlage erstellt haben, fügen Sie sie mit. in Ihre index.php-Datei ein
/ Vorlagen / Vorlage; ? & rt; /css/template.css”type =“text / css”>.
Schritt 9
Erstellen Sie als Nächstes das Seiten-Markup mithilfe von HTML-Code. Bearbeiten Sie dazu weiterhin die index.php gemäß Ihrer vorgegebenen Vorlage. Fügen Sie bei Bedarf die gewünschten Positionen zum Dateiblock templateDetails.xml hinzu und weisen Sie jedem Abschnitt in Ihrem Design die entsprechenden IDs zu. Um Header-Parameter festzulegen, können Sie einen Head erstellen und diesen Parameter wie folgt in die Datei index.php aufnehmen:
Schritt 10
Nachdem Sie einen neuen Kopf erstellt haben, können Sie ihn über das Joomla-Fenster im Modulmanager bearbeiten. Erstellen Sie dazu eine neue Publikation und fügen Sie die erforderlichen Texte und Bilder ein, die im Titel angezeigt werden. Machen Sie dasselbe mit allen Elementen der Benutzeroberfläche, die Sie erstellen, und speichern Sie alle vorgenommenen Änderungen.
