BesserBloggen #75

Gestern habe ich euch gezeigt, wie man Widgets auf eine einzelne Seite packt.

Heute möchte ich euch noch zeigen, wie ihr unnötige Elemente auf der Seite ausblendet. Dies funktioniert mit einem einfachen Code-Schnipsel.

Schritt 1: 
Öffne die gewünschte Seite im Backend und wechsle in die HTML-Ansicht.

Schritt 2: 
Füge den folgenden Code ein:

<style> 
.post h3 { display:none !important;} 
div.post-footer { display:none !important;} 
div.feed-links { display:none !important;} 
div#blog-pager.blog-pager { display:none !important;} 
div.horizontal-social-buttons  { display:none !important;} 
 </style>

Ich habe hier jetzt mal alle Elemente ausgeblendet. Ihr könnt aber je nach Bedarf auch nur einzelne Elemente rausnehmen. 


Wenn ihr alle Elemente entfernen wollt, die zum normalen Blogpost gehören (also Buttons, Weiterempfehlen etc), nehmt einfach diese Zeile:

div#Blog1.widget.Blog { display:none !important;} 

Dann könnt ihr jedoch keinen Text mehr auf die Seite schreiben.

Auf diesem Bild sehr ihr, welche Code-Zeile zu welchem Element gehört:


Und jetzt viel Spaß beim Seite-Anpassen.

Liebe Grüße,
Stefanie

Kommentare