Erstellen Sie eine Vorlage für Joomla

Bevor wir unser Template entwickeln, müssen wir einige Konzepte der Joomla-Datei und der Verzeichnisstruktur kennen. Einige Hauptverzeichnisse, Elemente und Dateien sind:
SchabloneEs ist eine Gruppe von Verzeichnissen und Dateien, die die Struktur und das Design der Website festlegen. Wir können mehrere Vorlagen installieren lassen, um das Design entsprechend der von uns durchgeführten Entwicklung auszuwählen und so zu ändern.
Eine Vorlagendatei kombiniert im Allgemeinen HTML- und PHP-Code, wobei die Blöcke oder Div-Layer des Webs definiert sind, in denen die Webinhalte je nach Seite oder Abschnitt angezeigt werden.
Darüber hinaus können in der HTML-Vorlage andere Blöcke definiert werden, um Plugins oder Code von Funktionalitäten einzufügen, die wir ausführen müssen. Im Allgemeinen sind die Blöcke, die wir definieren Blöcke, die Kopfzeile des Webs, die Navigationsleiste oder das Menü, die Seitenspalten, falls vorhanden, der Inhaltsbereich. Wenn wir brauchen, können wir alle gewünschten Blöcke erstellen Anforderungen zu entwickeln. Diese Blöcke oder Bereiche werden als Positionen bezeichnet.
ModulEin Joomla-Modul ist ein Objekt mit HTML-, PHP-, CSS- oder JavaScript-Code, das an bestimmten Positionen oder bestimmten Blöcken im Web-Template angezeigt werden kann. Wir können beispielsweise einen Benutzerzugriff in die Kopfzeile, eine Sprachauswahl, ein Kontaktformular usw.
PluginEin Joomla-Plugin ist ein Objekt mit HTML-, PHP-, CSS- oder JavaScript-Code, das in den Inhalt des Webs eingebettet werden kann. Der Unterschied zum Modul besteht darin, wo das Plugin auf der Seite erscheint. Das Plugin kann im Allgemeinen nicht angeben, in welche Position es geht, da sie ausgeführt werden, um ein Ereignis zu erzeugen, beispielsweise um eine E-Mail zu validieren,
KomponenteEine Komponente ist eine Sammlung von Modulen und Plugins. Eine Komponente kann beispielsweise ein virtueller Speicher wie Virtuemart sein, alle Komponentenobjekte haben ihre eigenen Einstellungen und können auf einer separaten Seite angezeigt werden.
Aufbau einer Joomla-Vorlage
Eine Vorlage ist eine Reihe von Dateien, die die Struktur des Webs und die Blöcke oder Positionen definieren, denen wir die verschiedenen Elemente zuweisen können. Ein Template für Joomla besteht aus den folgenden Dateien:
index.php: ist die Hauptdatei, die die Struktur und das Design der Webseite beschreibt
error.php: ist die Datei, die die Anweisungen im Fall des Fehlers Seite nicht gefunden, 404-Fehler enthält.
Vorschaubilder: sind die Namen template_preview.png.webp und template_thumbnail.png.webp, mit denen Sie eine Vorschau der Vorlage in Miniaturansicht vom Administrator sehen können.
Komponenten.php: Diese Datei, wenn wir eine druckbare Version des Webs benötigen, konfigurieren wir die Stylesheets, um den zu druckenden Artikel darzustellen.
Bilder: ist das Verzeichnis, in dem wir alle Bilder des Designs für Bilder speichern.
js: In dieses Verzeichnis legen wir die Javascript- oder Jquery-Skripte oder was auch immer wir verwenden.
Sprache: In diesem Verzeichnis finden wir die Dateien, die für Übersetzungen in verschiedene Sprachen erforderlich sind.
Ein wichtiger Aspekt ist, dass aus Sicherheitsgründen jedes Verzeichnis eine leere Datei index.html haben muss, damit sie nicht von außen gelesen werden können, damit jeder, der auf das Verzeichnis zugreifen möchte, nur ein leeres Dokument sieht.
Nach der Installation von Joomla für unser Beispiel werden wir jetzt nicht angeben, wie es installiert wird, es kann einfach von http://www.joomlaspanish.org/ heruntergeladen werden.

Nach der Installation von Joomla werden wir an einem anderen Ort ein anderes Verzeichnis als das Joomla-Verzeichnis erstellen und es benennen Demo um unsere Vorlage zu erstellen. In diesem Verzeichnis erstellen wir zunächst die Datei templateDetails.xml, die die Konfiguration der Vorlage enthält, schreiben wir den folgenden XML-Code.

 Demo Template 1.0 26.02.2015 Sergio [email protected] Copyright (C) 2015 Demo Template Demo für Joomla 3.0 index.php CSS Bilder Debug Position-0 Position-1 Position-2 Position-3 Position-4 Position-5 Position -6 Position-7 Position-8 Position-9 Position-10 

Wir definieren den Namen der Vorlage, die wir nennen Vorlagen-DemoWenn wir die Vorlage in Joomla installieren, verwendet der Manager diesen Namen, um ein Verzeichnis zu erstellen und die Vorlagendateien zu speichern. Es wird auch der Name sein, der im Administratorbereich angezeigt wird, der Autor, die Verzeichnisse, die die Vorlage enthält und die Positionen, die haben werden, können wir mehrere definieren, auch wenn wir sie nicht alle verwenden.
Dann erstellen wir die Datei index.php wo wir die Struktur des Webs und die entsprechenden Positionen definieren.

 
 .container {Breite: 980px; Rand-links: auto; / * wir zentrieren das Web * / margin-right: auto; Rand: durchgehend 1px schwarz; } .container {Rand: 20px 0px; / * wir wenden einen Rand von 20px auf den Inhalt an * / border: solid 1px green; } .content {float: links; Breite: 750px; Rand: durchgehend 1px rot; } .kälter {float: richtig; Breite: 270px; } .colder, .pie, .head {border: 1px solid blue; } 

Die CSS-Klassen sind leicht zu bestimmen, welche Blöcke wir haben und welche Positionen. Schließlich erstellen wir eine ZIP-Datei mit dem Verzeichnis, das die Vorlage enthält, und installieren sie vom Joomla-Administrator. Wir greifen auf das Joomla-Administrationspanel zu.

Von dort gehen wir zur Speisekarte Erweiterungen> Erweiterungsmanager und wir fahren fort, die Vorlage zu installieren, die wir im ZIP-Format haben.
MerkenDenken Sie daran, dass sich jede Vorlage je nach Joomla-Version unterscheidet, in diesem Fall ist sie mit 2.5 bis 3.x kompatibel. Auch zur Installation müssen alle Verzeichnisse Berechtigungen zum Hochladen von Dateien haben.

VERGRÖSSERN

Klicken Sie auf das Bild, um es zu vergrößern

Die Vorlage installiert und übernimmt die Standardinformationen von Joomla in diesem Fall Version 2.5 auf Spanisch. Wir sehen, wie sich das Benutzerzugriffsmodul automatisch an Position 3 befindet, da es standardmäßig so gekennzeichnet ist, während der Webinhalt an Position 1 platziert wird, was ist diejenige, die wir in Webinhalten zugewiesen haben. Vom Administrator aus können wir die Position der verschiedenen von uns verwalteten Elemente ändern.
Sobald wir die Vorlage installiert haben, können wir, wenn wir sie aktualisieren oder ändern möchten, auf den Code der Vorlage reagieren, die in Joomla im Verzeichnis Templetes installiert ist, oder außerhalb von Joomla in einem anderen Verzeichnis arbeiten, die ZIP-Datei neu erstellen und dann die Vorlage löschen von Joomla und installieren Sie es neu.

Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben