Wie man einzelne Joomla-Seiten mit CSS gestaltet
HD-Custom CSS ist ein einfaches, aber sehr nützliches Modul, mit dem wir einzelne Joomla-Seiten mit CSS-Styles versehen können.
Ohne Template-Dateien zu bearbeiten, ist es mit HD-Custom CSS möglich, CSS-Änderungen schnell und einfach anzuwenden.
In diesem Tutorial zeige ich, wie man die Hintergrundfarbe und die Schriftart für nur eine Seite ändern kann.
Schritt 1. Installation
- Lade das Modul vom der JED herunter (https://extensions.joomla.org/extensions/style-a-design/templating/14053).
- Melde dich an deiner Website an und gehe zu Extensions > Verwalten.
- Installiere das Modul.
Schritt #2: Ausgewählten Seiten zuweisen
- Gehe zum Modul-Manager und öffne das Modul HD-Custom CSS.
- Aktiviere das Modul.
- Platziere das Modul an einer beliebigen Modulposition. Wähle die gewünschten Menüpunkte. Ich habe die Position "debug" verwendet, hätte aber auch jede andere wählen können. Weitere Informationen zu den Positionen findest du auf der Website des Moduls.
- Klicke außerdem auf "Menüzuweisung" und füge dieses CSS zu den gewählten Links hinzu.
Schritt 3: #Add your CSS
- Gib das gewünschte CSS in das Feld "Benutzerdefiniertes CSS" ein.
- Das Bild unten zeigt das Fenster mit dem ersten Beispiel, das bereits eingegeben wurde. Wir werden den Hintergrund blau machen.
- Speichere das Modul.
Schritt #4: Betrachten Sie die Änderungen
- Rufe das Frontend der Website auf und überprüfe due Änderungen. Stelle sicher, dass sie nur auf die gewünschten Seiten angewendet werden.
Weitere Optionen
Anstatt das Fenster zu verwenden, können wir auch ein Stylesheet erstellen oder von einer bestehenden Site kopieren und es einbinden, indem wir die URL zum Stylesheet eingeben. Dies ist ideal, wenn wir dieselben Änderungen auf vielen verschiedenen Sites vornehmen wollen.
Für diejenigen, die Probleme mit der Browserkompatibilität haben: Wir können die Stile browserabhängig machen:
Zusammenfassung
HD-Custom CSS ist eine tolle Option für schnelle und gezielte CSS-Änderungen.
Hier erklären wir alle Ihre CSS-Optionen pro Seite.
Originaltext in Englisch
How to Design Individual Joomla Pages With CSS JS
Published by
onWie man einzelne Joomla-Seiten mit CSS gestaltet
HD-Custom CSS ist ein einfaches, aber sehr nützliches Modul, mit dem wir einzelne Joomla-Seiten mit CSS-Styles versehen können.
Ohne Template-Dateien zu bearbeiten, ist es mit HD-Custom CSS möglich, CSS-Änderungen schnell und einfach anzuwenden.
In diesem Tutorial zeige ich, wie man die Hintergrundfarbe und die Schriftart für nur eine Seite ändern kann.
Schritt 1. Installation
- Lade das Modul vom der JED herunter (https://extensions.joomla.org/extensions/style-a-design/templating/14053).
- Melde dich an deiner Website an und gehe zu Extensions > Verwalten.
- Installiere das Modul.
Schritt #2: Ausgewählten Seiten zuweisen
- Gehe zum Modul-Manager und öffne das Modul HD-Custom CSS.
- Aktiviere das Modul.
- Platziere das Modul an einer beliebigen Modulposition. Wähle die gewünschten Menüpunkte. Ich habe die Position "debug" verwendet, hätte aber auch jede andere wählen können. Weitere Informationen zu den Positionen findest du auf der Website des Moduls.
- Klicke außerdem auf "Menüzuweisung" und füge dieses CSS zu den gewählten Links hinzu.
Schritt 3: #Add your CSS
- Gib das gewünschte CSS in das Feld "Benutzerdefiniertes CSS" ein.
- Das Bild unten zeigt das Fenster mit dem ersten Beispiel, das bereits eingegeben wurde. Wir werden den Hintergrund blau machen.
- Speichere das Modul.
Schritt #4: Betrachten Sie die Änderungen
- Rufe das Frontend der Website auf und überprüfe due Änderungen. Stelle sicher, dass sie nur auf die gewünschten Seiten angewendet werden.
Weitere Optionen
Anstatt das Fenster zu verwenden, können wir auch ein Stylesheet erstellen oder von einer bestehenden Site kopieren und es einbinden, indem wir die URL zum Stylesheet eingeben. Dies ist ideal, wenn wir dieselben Änderungen auf vielen verschiedenen Sites vornehmen wollen.
Für diejenigen, die Probleme mit der Browserkompatibilität haben: Wir können die Stile browserabhängig machen:
Zusammenfassung
HD-Custom CSS ist eine tolle Option für schnelle und gezielte CSS-Änderungen.
Hier erklären wir alle Ihre CSS-Optionen pro Seite.
Originaltext in Englisch