LESS Copy: LESS-Variablen aus dem YOOtheme-Styler kopieren

LESS Copy ist für alle, die ihr YOOtheme-Theme im Childtemplate mit LESS anpassen. Im Stil-Bereich des Customizers zeigt YOOtheme den Namen einer Variable nur als Tooltip, und den tippst du dann ab. Mit LESS Copy kopierst du ihn: Ein Klick auf die Bezeichnung legt die Variable in die Zwischenablage, mehrere wählst du per Kontrollkästchen aus und kopierst sie untereinander. Auf Wunsch kopierst du den Wert gleich mit, als fertige LESS-Zeile. Unter Joomla und unter WordPress.

Eine Variable oder eine ganze Auswahl

Klickst du im Stil-Bereich auf die Bezeichnung einer Einstellung, etwa Margin Vertical in der Komponente Align, landet @align-margin-vertical in der Zwischenablage, und unten im Panel zeigt ein dunkler Kasten für ein paar Sekunden, was jetzt in der Zwischenablage liegt. Vor jeder Bezeichnung sitzt ein Kontrollkästchen. Sobald du etwas auswählst, erscheint rechts neben der Überschrift der Komponente ein gelbes Kopier-Feld, davor die Zahl der ausgewählten Variablen.

Ein Klick darauf kopiert die ganze Auswahl, eine Variable pro Zeile und in der Reihenfolge des Panels, zum Beispiel @global-color und darunter @global-font-size. So fügst du sie direkt in deine LESS-Datei ein. Ausgeblendete Einstellungen, die gerade nicht im Panel stehen, kopiert LESS Copy nicht mit.

Mit Wert: fertige LESS-Zeilen

Neben der Überschrift sitzt der Schalter "Mit Wert". Ist er an, kopiert LESS Copy statt des Namens eine fertige Deklaration wie @global-font-size: 16px; und bei einer Auswahl eine Zeile je Variable. So überschreibst du Werte im Childtemplate, ohne sie abzutippen. Dein Browser merkt sich den Schalter.

Übernommen wird der Wert, den dein Stil gerade hat. Bei automatisch berechneten Einstellungen, im Styler mit A markiert, ist das das Ergebnis und nicht die Formel dahinter: Aus einem Verweis auf @global-primary-background wird zum Beispiel #1e87f0. Variablen ohne Wert kopiert LESS Copy nur mit ihrem Namen.

Fügt sich in den Customizer ein

LESS Copy ändert keine Werte und nichts an deiner Website. Die Kontrollkästchen stehen bündig mit der Überschrift vor jeder Bezeichnung, ausgewählte Zeilen sind farbig hinterlegt. Der Punkt, mit dem YOOtheme einen Wert zurücksetzt, bleibt links daneben frei. Das Plugin läuft nur im Customizer, auf der Website selbst lädt es weder CSS noch JavaScript. Die Werte bearbeitest du weiter wie gewohnt: Der Klick auf einen Wert öffnet wie immer die Bearbeitung von YOOtheme. Die Kontrollkästchen erscheinen, wenn du mit der Maus über eine Zeile fährst oder sie per Tastatur ansteuerst, und bleiben sichtbar, solange etwas ausgewählt ist.

Kurzanleitung

• Plugin installieren. Unter Joomla aktiviert es sich selbst, unter WordPress aktivierst du es in der Plugin-Liste.
• Download-Key aus deinem Kundenkonto für Updates hinterlegen: unter Joomla bei System, Update-Seiten, unter WordPress bei Einstellungen, LESS Copy.
• Im YOOtheme-Customizer den Bereich Stil öffnen und eine Komponente wählen, zum Beispiel Global oder Button.
• Optional "Mit Wert" neben der Überschrift einschalten, wenn du Name und Wert brauchst.
• Auf eine Bezeichnung klicken, um eine Variable zu kopieren, oder mehrere ankreuzen und das Kopier-Symbol neben der Überschrift nutzen.
• Die Variablen in deine LESS-Datei im Childtemplate einfügen.

Wenn etwas nicht erscheint

• Keine Kontrollkästchen zu sehen: Sie erscheinen erst, wenn du mit der Maus über eine Zeile fährst. Fehlen sie ganz, prüfe, ob das Plugin aktiv ist, und lade den Customizer neu.
• Im Panel Google Fonts gibt es keine Kontrollkästchen: Dort stellst du Schriftschnitte ein, keine LESS-Variablen.
• Kopieren schlägt fehl: Manche Browser geben die Zwischenablage nur für ein aktives Fenster frei. Klick einmal in den Customizer und versuch es erneut.

Voraussetzungen

• Joomla 5 oder 6 mit YOOtheme Pro 4.5 oder 5 und PHP 8.2 oder neuer
• WordPress 6.5 oder neuer mit YOOtheme Pro 5 und PHP 8.2 oder neuer
• Die Lizenz gilt für unbegrenzt viele eigene Projekte, mit Updates und Support während der Laufzeit. Ob du einmalig kaufst oder ein Abo abschließt, wählst du beim Kauf über CopeCart.