Auf größeren Bildschirmen haben wir auf allen unseren Seiten mehr Platz. Dies haben wir auf der Homepage bereits berücksichtigt, aber wir können auch auf den anderen Unterseiten noch besser werden. Eine einzelne Blog-Post-Seite ist eine wichtige davon.
Standardmäßig geben wir unter dem aktuellen Artikel eine Liste aller älteren Blog-Posts aus. Auf Mobilgeräten zeigen wir dies unter dem aktuellen Artikel an. Auf Desktops können wir dies als rechte Spalte nutzen und so ein Raster erzeugen. Wir nehmen kleine Anpassungen am HTML vor, um dies zu realisieren, und übertragen es dann auch auf die Blog-Homepage.
Hallo Chris, fantastischer Kurs und sehr inspirierend und praktisch. Ich sehe auf der Live-Seite, dass du dich dafür entschieden hast, keine maximale Breite für Absätze zu verwenden. Gibt es einen Grund dafür? Danke
Hallo Charlie,
Ich bin noch nicht ganz dazu gekommen, die Live-Seite und die in dieser Serie erstellte Seite perfekt synchron zu halten. Dein Anstoß hat mich aber auf den Weg gebracht, es sollte bald erledigt sein.
Als Sie erwähnten, dass die einfache Festlegung einer maximalen Breite für Absätze nicht das Ende der Typografie auf einer Website ist, dachte ich an ein interessantes Modul für Drupal namens Style Guide, das im Wesentlichen eine Seite mit gängigen HTML-Elementen innerhalb Ihres Themes einrichtet, damit Sie sehen können, welche Stile Sie auf jedes angewendet haben und auf alles vorbereitet sind, was ein Website-Autor verwenden könnte.
Ich bin mir nicht sicher, ob es ein entsprechendes WordPress-Plugin gibt (oder ob es überhaupt wichtig ist), aber die Idee, eine Style-Guide-ähnliche Seite auf einer Website zu haben, insbesondere für Kundenprojekte, scheint eine coole Idee zu sein.
Warum nicht die maximale Breite für die gesamte Spalte festlegen und nicht nur für Absätze etc.?
Das könnten Sie durchaus tun. Ich würde sicherstellen, dass Sie die andere Spalte mit `float: right` versehen, damit sie auch dann rechts ausgerichtet bleibt, wenn sie an ihre Grenzen stößt.
Es könnte schön sein, Bilder größer zu sehen. Das ist einfach eine Designentscheidung, die Sie treffen könnten.