Ausgabe mit CSS ändern
Sofern du den Haken “Render HTML” gesetzt hast, werden die FAQ, neben dem JSON-LD Code, auch in unseren Standard-Design auf der Website ausgegeben. Du kannst in dem Dialog auch eine eigene CSS-Klasse vergeben und mit Deinen eigenen CSS-Regeln die Box so stylen, wie Du möchtest.
TIPP: Möchtest Du nur die Größe oder die Farbe des Textes/der Überschrift anpassen, dann nutze den “Inspektor” deines Browsers, kopiere die bestehenden CSS Regeln in eine eigene, neue Klasse in Deiner styles.css-Datei und passe die Werte an.
#Beispiel für die <h2> Überschrift
Folgende CSS-Regeln haben wir definiert:
.sc_card h2 {
font-size: 1em;
line-height: 1.2em;
margin: 0 0 1em;
font-weight: 700;
} Kopiere nun die Regeln in deine CSS-Datei (idR style.css), ändere z.B. den Wert für ‚font-size‘ und speichere die Datei:
.your-new-class h2 {
font-size: 2em;
line-height: 1.2em;
margin: 0 0 1em;
font-weight: 700;
}Folge dem Link, um alle CSS-Regeln für das Aussehen der Antwort-Box zu sehen, damit Du die Angaben kopieren und bearbeiten kannst: CSS-Datei ansehen
#FAQ
#✅ Wie kann ich das Aussehen der Box ändern?
Ja, standardmäßig gibt es eine Box mit Schatten, weil unsere styles.css standardmäßig geladen werden. Du möchtest nicht den Standardstil haben? OK, dann schreib etwas als CSS-Klassenname in das entsprechende Feld im Lightboxmodal und erstelle eigene CSS-Regeln.
– Beispiel –
Gib folgendes in das Feld „CSS-Klassen“ ein: no-rules
Oder suche in der vorhandenem Shortcode den Wert css_class=““ und ändere ihn in css_class=“no-rules“. So werden unsere Standard-CSS-Regeln nicht geladen und der Inhalt wird so formatiert, wie die gesamte Website formatiert ist.
Viel Spaß beim rumprobieren 🙂
2 Kommentare zu "Ausgabe mit CSS ändern"
Hallo, danke für das Plugin und die ausführliche Beschreibung dazu! Ich habe es gerade installiert und finde es sehr gut! V.a. einfach zu verstehen!
Nur eine Frage habe ich noch: Wenn ich bei den FAQs den Haken „HTML ausgeben“ aktiviere, was wird denn dann genau ausgegeben? Weil auf der Seite finde ich die FAQ nicht. Ist das korrekt? Die werden dann wahrscheinlich nur in den SERPs angezeigt, oder?
Danke und LG,
Jenny
Hi Jenny,
wenn „HTML ausgeben“ gesetzt ist, dann erscheint auf der Website neben JSON-LD im Quellcode auch eine für den Websitebesucher sichtbare Box, in der alle Angaben zusammengefasst sind. Ist es nicht gesetzt, dann kommt nur das JSON-LD im Quellcode, welches der Websitebesucher nciht sehen kann.
Warum gibt es das?
Z.B. müssen technisch alle FAQ in einem Block stehen. Manchmal sind aber in einem Artikel Fragen und Antworten auf einen ganzen Artikel verteilt. Dann kann man die FAQ am Ende des Artikels nochmals zusammentragen, damit sie als JSON-LD maschinenlesbar im Quelltext erscheinen aber eben eben nicht doppelt sichtbar für die Websitebesucher.