Blog

Sidebar und Sticky Post

Heute nach der Arbeit habe ich mich an die Sidebar gemacht. Viel musste ich nicht verändern. Eine Trennlinie zwischen den Hauptinhalt, also den Posts und der Sidebar habe ich eingefügt. Zu sehen ist sie nicht wirklich. Aber sie ist da. Auch die Überschriften der Widgets habe ich vom alten Design übernommen. Ein weiterer Punkt heute war noch, dass Gestalten des Stickyposts. Also der Post, der oben gehalten wird. Wenn man ihm diese Option gibt. Das Ergebnis kann sich sehen lassen und folgt wie immer auf dem Fuße.

sidebar-sticky-post
sidebar-sticky-post

Post Images und Mobile Navigation

Ich habe heute keine Ruhe gefunden und weiter am WordPress Thema für den Verein geschraubt.
Im letzten Artikel, in dem es um den Feed ging, habe ich schon geschrieben, dass mir dieser noch nicht gefällt. So habe ich heute den Bildern im Artikel selbst mehr Platz gegeben und so einen guten Kompromiss geschaffen, zwischen Text und Bild, wie ich finde. Aber seht selbst.

post-article-styling-images
post-article-styling-images

Ach habe ich die mobile Navigation angefangen. Viel war nicht zu erledigen, da eigentlich so gut wie alles vorkonfiguriert wurde durch UiKit. Das vorläufige Ergebnis sieht wie folgt aus:

mobile-nav
mobile-nav
mobile-nav-off-canvas
mobile-nav-off-canvas

Die Blog-Posts „Feed“ gestalten

Heute haben ich mich damit beschäftigt, die Blog-Post zu gestalten. Den So genannten Feed oder Stream. Dieser sollen für jeden einzelnen Artikel ein Beitragsbild erhalten. Mit der Größe und Position bin ich nicht ganz zufrieden. Hier werde ich weiter daran schrauben. Auch habe ich die alten Trenner, der zwischen den einzelnen Artikel war, wieder übernommen und angepasst. Auch wurde dem Hauptinhalt, in dem sich die Posts befinden, mehr Platz gegeben.

post-article-styling-feed
post-article-styling-feed

Markup und Formatierung

Diese Woche habe ich etwas Feinschliff an der Formatierung und dem Markup gemacht. Mir gefällt das Color-Schema sehr. Das dunkle Grün mit den Erdton für die Links und Titel harmoniert und ist denke ich treffend für das Thema Umwelt.

markup-formatierung
markup-formatierung

Footer Logo – Individuell einstellbar für das Theme

Ich habe heute einen Bereich im Footer für das Logo des Seitenbetreibers erstellt. Somit kann das Thema auch ein anderer Umweltverein nutzen. Das war mir wichtig.

footer-logo-schwarzweiss
footer-logo-schwarzweiss

Für den aktuellen Verein habe ich, dank des Rates eines befreundeten Designers, das Logo auch in Farbe hinterlegt. Wenn man mit der Maus drüber fährt, wird es gegen die Variante in Farbe ausgetauscht. Siehe unten.

footer-logo-farbe
footer-logo-farbe