Ändern des Namens eines Themes
Eine wirklich einfache Möglichkeit, mit der Entwicklung von Gantry 5 Themes zu beginnen, besteht darin, das kostenlose Hydrogen Theme zu verwenden und es als Grundlage zu verwenden, mit der Sie ein einzigartiges, vollständig angepasstes Design erstellen können, das Ihren individuellen Bedürfnissen entspricht.
Wenn Sie zum Beispiel einen Kunden haben, der eine Website erstellen lassen möchte, die anders ist als alles, was bereits existiert, können Sie ein neues Design von Grund auf neu erstellen, ein Premium-Design verwenden, bei dem alle Glocken und Pfeifen direkt eingebacken sind, um Ihnen zu helfen, auf den Punkt zu kommen, oder Hydrogen als Basis verwenden, auf der Sie ein benutzerdefiniertes Design für Ihren Kunden erstellen können, ohne all die kleinen Teile und Stücke, die ein Gantry 5-Design ausmachen, neu erstellen zu müssen.
Ein wichtiger Schritt zur Erstellung eines benutzerdefinierten Designs ist die Umbenennung. Dadurch erhält Ihr erstelltes Design einen Namen, den Ihr Kunde und Sie selbst leicht referenzieren und verstehen können. Es gibt Ihnen die Möglichkeit, Ihrer Arbeit auch ein persönliches Branding hinzuzufügen.
Beachten Sie, dass dies auch bedeutet, dass Sie die primäre Quelle für Updates und Support für dieses neue Thema werden. Dies ist ein sehr fortgeschrittener Schritt und wird für die große Mehrheit der Entwickler da draußen wahrscheinlich nicht notwendig sein. Es kann auch im Widerspruch zu den Allgemeinen Geschäftsbedingungen einiger Drittanbieter stehen.
In diesem Leitfaden gehen wir die Schritte durch, die Sie kennen müssen, um den Namen des freien Hydrogen Theme in Helium zu ändern.
Schritt 1: Herunterladen, Entpacken und Öffnen des Hydrogen Theme
Alles, was wir in diesem Anleitung detailliert beschreiben, wird unter der Annahme durchgeführt, dass Sie einen entpackten Download des Hydrogen Themes mit einem leistungsstarken Text/Code-Editor ändern. Eine sehr beliebte Option ist Sublime Text, ein plattformübergreifender Texteditor für Code, der sehr gut erweiterbar ist, viele nützliche Plugins enthält und sehr einfach an die Bedürfnisse des jeweiligen Entwicklers angepasst werden kann.
Eine weitere beliebte Wahl ist Atom, das über die gleiche Funktionalität wie Sublime Text verfügt, aber kostenlos ist und von den Leuten bei GitHub gepflegt wird. Wie Sublime Text ist Atom plattformübergreifend kompatibel und läuft unter Windows, OS X sowie vielen gängigen Linux-Distributionen.
Hydrogen selbst steht auf Gantry.org zum Download bereit und trägt die gleiche MIT/GPL-Version 2 oder höher Lizenz wie Gantry 5.
Sobald Sie die neueste Version des Hydrogen Themes heruntergeladen haben, entpacken Sie es und öffnen Sie den entpackten Ordner in Ihrem bevorzugten Texteditor.
Schritt 2: Namen von Dateien und Verzeichnissen ändern
Dies ist ein großartiger erster Schritt, da es Ihnen ermöglicht, Ihren neuen Theme-Namen auf der Ebene der Verzeichnisstruktur festzulegen. Bei Hydrogen beinhaltet dies den übergeordneten Ordner, in dem sich das Thema befindet, und mehrere Unterordner, darunter: scss/hydrogen und scss/hydrogen-joomla. Da wir diese so ändern, dass sie mit dem neuen Helium-Namen übereinstimmen, würden diese Ordner in scss/helium und scss/helium-joomla umbenannt.
Hier sind einige der Dateien/Verzeichnisse, die Sie umbenennen möchten, um den Namen des neuen Designs wiederzugeben:
language/en-GB/en-GB.tpl_g5_hydrogen.ini
Diese Datei bezeichnet die englischen Werte für den Namen des Themas, die Beschreibung und mehr für das Frontend der Website. Sie sollten alle Instanzen des Theme-Namens sowohl im Dateinamen als auch im Inhalt ersetzen.
language/en-GB/en-GB.tpl_g5_hydrogen.sys.ini
Diese Datei bezeichnet die englischen Werte für den Namen des Themas, die Beschreibung und weitere für das administrative Backend.
scss/hydrogen-joomla.scss
Diese Datei enthält ein plattformspezifisches Styling für das Thema.
scss/hydrogen.scss
Diese Datei enthält das Styling für das Design des Themas.
scss/hydrogen/
Dieses Verzeichnis enthält SCSS-Dateien, die sich auf bestimmte Teile des Themas beziehen. So werden beispielsweise die Stylingregeln des Kopfbereichs hier gespeichert.
scss/hydrogen-joomla/
Dieses Verzeichnis enthält SCSS-Dateien, die sich auf bestimmte Teile des Themas beziehen. Im Gegensatz zum anderen SCSS-Verzeichnis ist dieses plattformspezifisch.
Das Ändern von Verzeichnisnamen kann zu einer Unterbrechung der Funktionalität führen, da andere Aspekte des Themas von dieser Verzeichnisstruktur abhängen, um Daten aus in ihnen gespeicherten Dateien aufzunehmen. Diese Unterbrechung wird in den folgenden Schritten behoben.
Es kann zusätzliche Verzeichnisse mit dem Namen des aktuellen Themas geben, die ebenfalls geändert werden müssen. Dies variiert von Thema zu Thema und kann sich je nachdem, welche Plattform(n) sie unterstützt, sogar ändern.
Schritt 3: Dateien nach dem Namen des Themas durchsuchen
Dies ist ein ziemlich grundlegender Schritt, der wirklich die Vorteile eines guten Texteditors nutzt. Wenn Sie alle Themendateien nach Instanzen des Themennamens (in diesem Fall Hydrogen) ohne Groß-/Kleinschreibung durchsuchen, erhalten Sie sofort einen Überblick über alle Instanzen, in denen der aktuelle Themenname vorhanden ist.
Dieser Name kann an vielen Stellen referenziert werden, einschließlich in Verzeichnispfadreferenzen, Klassen, Textbeschreibungen und mehr.
Du wirst Hydrogen durch Helium überall in der Dateibasis des Themas ersetzen wollen. Dies kann sehr einfach geschehen, indem Sie mit Ihrem Texteditor eine groß- und kleinschreibungabhängige Suche in den Dateien des Themas durchführen. Hier sind die verschiedenen Suchen und Ersetzen, die wir gemacht haben, um das Hydrogen Theme zu konvertieren.
Find: Hydrogen Replace: Helium
Find: hydrogen Replace: helium
Find: HYDROGEN Replace: HELIUM
Sobald dies erledigt ist, speichern Sie Ihre Änderungen und zippen Sie den übergeordneten Ordner des Themas. Sobald dies geschehen ist, sollten Sie in der Lage sein, das neue Design mit seinem neuen Namen zu installieren. Das Helium-Thema wird auch neben dem Hydrogen-Thema ohne Konflikte installiert werden können.