Die Schrift kommt immer von Ihrer Website
Das Plugin bringt keine eigene Schriftart mit und lädt auch keine nach. Es erbt die Schrift, die auf Ihrer Seite schon gilt.
Das hat zwei Gründe. Erstens sieht es so aus wie der Rest Ihrer Website, ohne dass jemand etwas einstellen muss. Zweitens wird nichts von einem fremden Server geladen, was sonst sofort eine Datenschutzfrage aufwirft.
Wollen Sie die Schrift ändern, ändern Sie sie an Ihrer Website. Das Plugin folgt.
Zwei Wege zu den Farben
Unter MG ImmoConnect › Einstellungen › Darstellung › Basis steht die Design-Quelle. Es gilt immer genau eine, nie beide.
- Design-Basis verwenden. Das Plugin nimmt ein festes Farbschema, das Sie darunter wählen. Die Voreinstellung und der Weg ohne Zusatzsoftware.
- ACSS-Variablen verwenden. Das Plugin erbt Ihr Design-System aus Automatic CSS. Das ist die feinste Lösung, wenn Sie damit arbeiten.
Die zweite Möglichkeit ist ausgegraut, solange Automatic CSS nicht erkannt wird. Steht darunter, dass ACSS erkannt, das Modul aber noch aus ist, schalten Sie es unter Erweiterungen ein.
Darstellung › Basis: Design-Quelle, die fünf Farbschemata plus Individuell, darunter der Abschnitt Header und Seitenanfang.
Die fünf Farbschemata
Bei der Design-Basis wählen Sie ein Schema:
- Gold. Die Voreinstellung.
- Monochrom. Schwarz und Weiß, sehr zurückhaltend.
- Blau.
- Grün.
- Grau. Neutral, ordnet sich jeder Seite unter.
Reicht keines, nehmen Sie Individuell und tragen Ihre eigenen Werte im Abschnitt Individuelle Farben ein. Die greifen ausschließlich in dieser Einstellung.
Am schnellsten kommen Sie zu einem stimmigen Bild, wenn Sie die Akzentfarbe Ihrer Website übernehmen. Sie steuert Preis, Plakette, Schaltflächen und Links.
Mit Automatic CSS
Ist ACSS als Quelle gewählt, setzt das Plugin seine eigenen Werte auf die Variablen Ihres Design-Systems. Ändern Sie dort eine Farbe, ändert sie sich hier mit.
Zwei Werkzeuge helfen beim Einrichten:
- ACSS-Settings importieren. Sie exportieren Ihre ACSS-Einstellungen und fügen sie hier ein. Beim Speichern leitet das Plugin daraus die Rückfallwerte ab, damit Vorschau und Rückfall Ihre echten Farben zeigen statt der Standardwerte. Der eingefügte Text wird nicht gespeichert. Schriften werden bewusst nicht übernommen.
- Token-Zuordnung. Eine Tabelle mit drei Spalten: der Token des Plugins, die CSS-Variable, auf die er zeigt, und ein Rückfallwert. Beides ist frei änderbar.
Die Token-Zuordnung ist auch die Antwort auf „mein Framework ist ein anderes”. Weil jede Zeile frei belegbar ist, lässt sich das Plugin auf die Variablen eines anderen Aufbaus zeigen. Und wo eine Variable fehlt, greift der Rückfallwert, statt dass die Farbe ausfällt.
Eine einzelne Farbe stimmt nicht
Gehen Sie in dieser Reihenfolge vor:
- Finden Sie in der Token-Tabelle die Zeile, um die es geht. Die Beschreibung daneben sagt, wo der Wert wirkt, zum Beispiel „Akzent: Preis, Badge, Buttons, Links”.
- Bei ACSS: Tragen Sie in der Spalte CSS-Variable die richtige Variable ein.
- Ohne ACSS oder als Sicherheitsnetz: Tragen Sie in der Spalte Fallback den Farbwert direkt ein.
- Speichern, dann den Seiten-Cache leeren und in einem privaten Fenster nachsehen.
Das Farbfeld in der Tabelle zeigt im Backend immer den Rückfallwert, weil die Variablen Ihres Frameworks nur im Frontend geladen sind. Beurteilen Sie das Ergebnis deshalb auf der Website, nicht in der Einstellung.
Der Abstand zum Header
Gehört technisch zur Darstellung und kommt bei fast jeder Seite mit festem Header einmal auf. Unter Darstellung › Basis gibt es dafür den Abschnitt Header und Seitenanfang. Er gilt zentral für alle Seiten des Plugins.
Wichtig sind zwei verschiedene Werte:
- Der Abstand am Seitenanfang. Damit der Inhalt nicht unter einem überlagernden Header verschwindet.
- Der Abstand beim Springen. Klickt jemand auf einen Link zu einem Abschnitt, scrollt der Browser die Zielüberschrift genau an den oberen Rand, also unter den Header. Dieser Wert schiebt sie darunter hervor.
Ein Wert für beides führt zwangsläufig zu einem der beiden Fehler: entweder eine riesige Lücke am Seitenanfang oder eine verdeckte Überschrift nach dem Sprung.
Wenn eine Farbe gar nicht greift
- Steht die Design-Quelle auf ACSS, obwohl Sie das feste Schema meinen? Die beiden schließen sich aus. Ist ACSS gewählt, wirkt das Farbschema nicht.
- Haben Sie „Individuell” gewählt? Die individuellen Farben greifen nur in dieser Einstellung.
- Überschreibt Ihr Theme? Manche Themes setzen Farben mit sehr hoher Gewichtung. Dann gewinnt das Theme.
- Cache. Farben stehen in einer CSS-Datei, und die liegt gern im Zwischenspeicher. Leeren und in einem privaten Fenster prüfen.
Nicht weitergekommen?
Schreiben Sie uns, woran es hängt. Wir antworten persönlich und ergänzen die Anleitung, wenn etwas fehlt.
Frage stellen