Lesefortschritt:

Standard-Beitragstitel, Meta-Infos und Beitragsbild im Divi-Theme ausblenden

20. März 2022 | CSS-Stylesheet, Divi-Theme

Trick # 142 | Dieser Beitrag beinhaltet 336 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Im Divi-Theme lassen sich die dargestellten Posts schön und einfach designen. Auch deren Titel, Meta-Tags und das Beitragsbild lassen sich vorzüglich gestalten und platzieren. Ungeachtet dessen will Word­Press jedoch diese Infos standardmässig in jedem Beitrag noch einmal ganz oben hinstellen. Mit äusserst mageren Möglichkeiten, darauf Einfluss zu nehmen. Sie können das in jedem Einzelfall unterbinden – oder (mit ein wenig CSS-Code) ein für alle Mal auf der gesamten Website festlegen.

Sofern Sie nur in einigen wenigen Beiträgen den Word­Press-Standardtitel ausblenden wollen, genügt es, wenn Sie dies in den betreffenden Posts unter Divi-Seiteneinstellungen erledigen.

Sobald Sie aber das Design grundsätzlich über Divi lösen möchtem, empfiehlt sich der händische Weg nicht, da diese Einstellung gerne auch mal vergessen geht.

Stattdessen lohnt es sich, den folgenden Schnipsel in das CSS-Stylesheet Ihres Child-Themes (unter Design/Customizer/Zusätzliches CSS) einzufügen:

.single .et_post_meta_wrapper
  {
    display: none;
  }

Dieser Code blendet in Beiträgen den ansonsten automatisch dargestellten Titel, die Meta-Tags und gegebenenfalls das Beitragsbild aus. Eine Verdoppelung der Darstellung mit Ihren eigenen Divi-Elementen entfällt.

Werbung

Anruf oder SMS mit dem Divi-Button starten

Während viele Websites Kontaktformulare verwenden, gibt es Zeiten und Geschäfte, die einen direkteren oder dringenden Kontakt erfordern. Hier kann ein traditioneller Telefonanruf oder sogar eine Textnachricht sehr nützlich sein. Hier erfahren ...

Drücken Sie Ihrer Website einen Stempel auf

Wenn Sie Ihre besten Beiträge, ihre neuesten Inhalte oder Ihre persönlichen Favoriten mit einem Stempel auszeichnen möchten, gelingt das mit ein wenig CSS ganz einfach. Das gibt richtig coole Möglichkeiten im Stempel-Look,

Werbung

 

Pin It on Pinterest

Share This