Tech-Thiel

Technik die nicht nur mich begeistert

Startseite gestalten

Eine neue Kategorie ist da. Und diese soll auf der Startseite präsent dargestellt werden. Aber immer nur ein Beitrag dieser Kategorie. Wie man das schlau und ohne Programmieraufwand umsetzt, erzähle ich hier.

alphathiel.de ist ein klassischer Blog. Hier erzähle ich von mir und meinem Leben. Dennoch ist es kein Tagebuch. Ich hab es versucht. Immer wieder und wieder. Aber das tägliche schreiben bekomme ich nicht hin.

Man bloggt aus therapeutischen Gründen. Das niederschreiben von Gedanken, Gefühlen und Erlebnissen hilft diese zu verarbeiten und einen Abschluss zu finden. Eine gutes therapeutisches Werkzeug sind Achtsamkeits-Übungen. Sich z.B. jeden Tag zu überlegen „Was war heute Besonders“ um sich bewußt zu machen das nicht alles im Leben schlecht ist, ist so ein Ding.

Und genau das versuche ich mit der Rubrik Bemerkenswert umzusetzen. Wenige Worte, wenige Zeilen. Das schafft man an jedem Tag ohne großen zeitlichen Aufwand.

Schon nach wenigen Tagen stelle ich aber fest, das diese Rubrik meine Startseite zu spammt. Meine Startseite ist sehr clean gehalten. Nur wenige Beiträge, und wenige Menüs. So mag ich das. Wenn aber ein neuer Besucher kommt und nur diese kurzen Bemerkenswerten Beiträge sieht, bekommt er ja einen ganz falschen Eindruck von meinem schaffen. Das muss ich anders lösen.

Zweite Schleife

Als erstes gehe ich auf „Design / Editor / Templates“ und suche mir das Template „Blog-Startseite“ heraus und gehe wie folgt vor:

  • Dokumentenübersicht öffnen (1).
  • In der Listenansicht durch die Struktur der Seite klicken bis ich die Abfrageschleife der Startseite gefunden wurde. Die Abfrageschleife ist das Element das die wiederkehrenden Blöcke der Liste der Artikel enthält.
  • Die Abfrageschleife wird durch klick auf Optionen (2) und dann Duplizieren (3) kopiert.

Jetzt möchte ich, das in der ersten Schleife nur der aktuelle Beitrag aus der Kategorie „Bemerkenswert“ angezeigt wird. Dazu

  • Wähle ich in der Dokumentübersicht die erste Abfrageschleife auf.
  • Auf der rechten Seite finde sich der Tab Block (4). Diesen muss ich anpassen.
  • Ich wechsel von Standard auf Individuell (5) und erfreue mich über die neuen Optionen.
  • Es ist bereits eingestellt, das Beiträge angezeigt werden (6) und die Sortierung von Neu zu Alt stattfindet (7). Das ist also schon korrekt.
  • Weiter unten kann ich einstellen, das immer nur ein Element der Schleife (8) angezeigt wird.
  • Unter Filter (9) wähle ich dann noch die Kategorie „Bemerkenswert“ aus.

Das ganze gespeichert und die Startseite aufgerufen. Perfekt. Ein neuer Block mit dem aktuellen Beitrag aus der Kategorie Bemerkenswert erscheint. Darunter aber noch alle anderen. Klar, aus der zweiten Abfrageschleife. Also zurück ins Backend.

Oben rechts gespeichert und wieder auf die Startseite gewechselt. Perfekt. Unter dem einen aktuellen Beitrag „Bemerkenswert“ kommen die „normalen“ Beiträge.

Optisch hervorgehoben

Ich möchte das der Bemerkenswertblock etwas weicher, verspielter und persönlich her dargestellt wird als die anderen. Da muss ich was tun.

Neue Schrift

Eine Schreibschrift wirkt immer persönlicher. Im Backend wechsel ich auf „Design / Schriften“ und oben rechts auf „Schriften installieren“. Ich muss WordPress den Zugriff auf Google Fonts erlauben und dann sehe ich eine Liste von Schriften und kann mir nen Wolf suchen, aktuell 1952 Schriftarten. Rechts gibt es einen Filter „Kategorie“. Hier kann man das ein wenig Eingrenzen. Ich filtere auf Handschriften und muss jetzt nur noch 360 Schriftarten durchsuchen. Nach einer Zeit werde ich fündig und installiere Fuzzy Bubbles.

Installieren bedeute in diesem Fall, das die Schriftart ins WordPress heruntergeladen wird. Der Besucher der Webseite muss die Schriftart nicht von Google runterladen, baut dazu also keine zusätzliche Verbindung auf. Ein dicker Vorteil im aktuellen WordPress und spart mir entsprechende Plugins.

Anzeige konfigurieren

Jetzt wechsle ich zurück zu Design / Editor / Template / Blog-Startseite und klapp hier die erste Abfrage-Schleife auf.

Da ich die fortlaufende Überschrift an dieser Stelle nicht benötige, wird diese entfernt. Ich füge Abstandshalter ein und stelle diese auf 10px ein. Das Veröffentlichungsdatum wird rechtsbündig formatiert genauso wieder Button der einen Link zur Kategorie enthält. Die Formatierungen werden jeweils rechts über den Block-Bereich vorgenommen.

Dann wähle ich den Inhalt aus und konfiguriere die neue Schriftart für diesen Block. Dazu muss ich unter Typografie das Menü öffnen (11) und Schrift anhaken (12). Es erscheint das passende DropDown und ich kann mein Fuzzy Bubbles auswählen.

Speichern – Fertig. Gut sieht es aus.

Kategorie Bemerkenswert

Mit Klick auf die Schaltfläche wird man in die Kategorie „Bemerkenswert“ gelenkt. In der Standard-Ansicht würde jetzt ein kurzer Ausschnitts des Artikels und die Überschrift stehen. Diese Darstellung ergibt bei einer Kategorie die aus vielen kleinen Phrasen besteht, wenig Sinn.

Daher wechsel ich wieder zu „Design / Editor / Template“ und erstelle ein neues Template durch Klick auf „Template hinzufügen“ oben rechts.

Ich wähle

  • Kategoriearchiv
  • Kategorie Spezifisch
  • Kategorie Bemerkenswert

aus. Anschließend bekomme ich die Option eine Vorlage zu wählen und nehme erst mal das Standard-Template.

Auch hier öffne ich die Dokumentenübersicht und sorge erstmal dafür das die neue Schriftart verwendet wird und gebe den einzelnen Blöcken die richtige Hintergrundfarbe. Auch hier entferne ich die Überschriften und füge das den Blog „Inhalt“ statt „Textauzug“ ein.

Das bewirkt, das der ganze Artikel angezeigt wird und nicht nur die ersten paar Zeichen. Klar.

Noch etwas die Abstände feinjustieren. Fertig.

Kalender

Auf der Startseite gibt es ein Vor und Zurück Button. Damit navigiert man zu älteren Artikeln. Auf der zweiten Seite sind aber, natürlich, beide Abfrageschleifen vorhanden. Die obere zeigt den Beitrag von gestern und darunter kommen die viel älteren Artikel. Das ist nicht nur verwirrend, das ist auch irgendwie nicht gewünscht von mir.

Schon lange denke ich darüber nach, die klassische Kalenderfunktion zu verwenden. Ich erzeuge ein Template (siehe oben) und füge hier den Kalender ein.

Auf der Startseite entferne ich die Vor – Zurück Navigation und füge dafür am Ende der Seite einen Block ein, in dem ich den Besucher erkläre wie er weiter vorgehen kann. Suchfunktion, Kalender oder Beitragsserien anschauen.

Fazit

Ein kleiner Umbau mit großer Wirkung. Sowas mag ich ja. Jetzt muss ich nur noch weiterhin viel Bemerkenswertes bloggen.


Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Tech Thiel