Automatische Verkleinerung langer Wörter in Überschriften
In diesem Tutorial zeigen wir dir, wie du Wörter mit mehr als 13 Zeichen in h1-h4 Überschriften automatisch um 20% verkleinerst – ohne das gesamte Titel-Element zu verändern. Die Lösung funktioniert mit dem Plugin „Custom CSS & JS“.
Schritt 1: Plugin installieren
1. Gehe zu „Plugins → Installieren“
2. Suche nach „Custom CSS & JS“
3. Installiere und aktiviere das Plugin
Schritt 2: JavaScript-Code hinzufügen
1. Gehe zu „Custom CSS & JS → Add Custom JS“
2. Titel: „Long Words Reducer“
3. Füge diesen Code ein:
4. Wähle bei „Where“: Footer
5. Wähle bei „Type“: Script
6. Klicke auf Publish
Schritt 3: CSS-Code hinzufügen
1. Gehe zu „Custom CSS & JS → Add Custom CSS“
2. Titel: „Long Words Styling“
3. Füge diesen Code ein:
4. Wähle bei „Where“: Head
5. Klicke auf Publish
Funktionsweise und Tipps
• Verkleinert nur Wörter >13 Zeichen in h1-h4
• Funktioniert mit Umlauten (ä, ö, ü, ß)
• Behält bestehende Formatierungen bei
• Responsive für Mobilgeräte
• SEO-freundlich (keine Inhaltsänderung)
Troubleshooting:
– Cache leeren nach Installation
– Browser-Konsole prüfen (F12)
– Plugin-Konflikte prüfen
Beispiel: Das Wort „Implementationsprozess“ (14 Zeichen) wird automatisch verkleinert.
Visualisierung der Verkleinerung
One Comment
Leave A Comment
You must be logged in to post a comment.
Hallo! Wir sind kreative Webdesigner und erfahrene Entwickler.
Wir gestalten professionelle Websites, die auf allen Geräten überzeugen – suchmaschinenoptimiert, benutzerfreundlich und technisch auf dem neuesten Stand. Unser Ziel: Mehr Sichtbarkeit, mehr Kunden, mehr Erfolg für Ihr Unternehmen.
Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc sed turpis. Vestibulum eu odio.