Miesięcznik „Brydż” · Verlag und Medien

Umsetzung eines Layouts für eine Website über Bridge

Neue Artikelvorlage im individuellen WordPress-Theme der Website einer Bridge-Monatszeitschrift. Der Kopfbereich ist nach dem Entwurf der Redaktion umgesetzt, Elemente entstehen aus den Daten des Beitrags, und die Vorlage wird ausgewählten Texten von Hand zugewiesen. Auf jeder Bildschirmbreite behält sie ihre Proportionen.

Startseite der Website: Miesięcznik „Brydż”
Artikel aus dem Archiv, denen die Redaktion die Vorlage in ihrem eigenen Tempo zuweist
1.000+
schmalster geprüfter Bildschirm: Ausgabennummer und Datum bleiben in einer Zeile
320 px
Korrekturrunden in der Testumgebung vor der Veröffentlichung auf der Hauptdomain
3

01 · Aufgabe

Aufgabe

Miesięcznik „Brydż” erscheint seit 1956 und seit einigen Jahren auch im Internet. Im Archiv der Website liegen mehr als tausend Artikel aus der Printausgabe, daneben Reizsysteme und digitalisierte Bücher. Die Redaktion hatte mit einem Grafiker genaue Visualisierungen des neuen Kopfbereichs der Artikel vorbereitet und erwartete, dass sie eins zu eins umgesetzt werden, auch auf Smartphones. Vorgesehen waren die Kategorie auf einer Leiste, zentrierter Titel und Autor, Ausgabennummer und Datum an festen Achsen und die Kopfgrafik in vorgegebenen Proportionen. Archivtexte wollte die Redaktion in ihrem eigenen Tempo auf das neue Aussehen umstellen, ohne den Inhalt unter dem Bild zu ändern und ohne das Theme zu wechseln.

02 · Lösung

Lösung

Die neue Beitragsvorlage habe ich in einem Child-Theme angelegt, sodass Updates des Basis-Themes nichts überschreiben. Aktiv wird die Vorlage erst, wenn die Redaktion sie in den Einstellungen des Beitrags auswählt. Danach fügt die Redaktion die Kopfgrafik hinzu und prüft Ausgabennummer, Datum, Autor und Kategorie. Den Rest des Kopfbereichs erzeugt die Vorlage aus den Daten des Artikels. Das bisherige Layout blieb der Standard, und der Auswahlmechanismus ist für weitere Varianten der Vorlage vorbereitet.

Den Kopfbereich habe ich nach den Visualisierungen der Redaktion umgesetzt, mit denselben Proportionen, Abständen und Schriften. Dabei habe ich das Laden der Schriften im Theme repariert: Weil Ressourcen über HTTP abgerufen wurden, setzten die Browser auch im oberen Menü eine Ersatzschrift ein. Die Version für Smartphones skaliert das ganze Layout, statt es zu vereinfachen. So behält die Kategorieleiste ihre Proportionen, und Ausgabennummer und Datum bleiben selbst bei 320 px in einer Zeile. Gearbeitet habe ich etappenweise in einer Testumgebung. Die drei Runden mit Anmerkungen der Redaktion betrafen nur noch Details, und nach der Freigabe habe ich alles auf der Hauptdomain veröffentlicht.

03 · Ergebnis

Ergebnis

Artikel aus der Printausgabe haben auf der Website ein eigenes, einheitliches Aussehen, und die Vorbereitung eines solchen Textes beschränkt sich darauf, die Vorlage auszuwählen und die Grafik hochzuladen. Die Redaktion stellt Archivtexte in ihrem eigenen Tempo um, hat die vollen Rechte am Code der Vorlage und kann ihn beliebig weiterentwickeln, auch mit einem anderen Dienstleister. Der Inhalt der Artikel unter dem Bild und die bisherige Vorlage blieben unverändert, und das Theme lässt sich weiterhin aktualisieren.

Screenshots

Galerie der Unterseiten

1 / 3
Artikel in der neuen Vorlage. Kategorieleiste, Titel, Autor, Ausgabennummer und Datum entstehen aus den Daten des Beitrags, darunter steht die Kopfgrafik in den vorgegebenen Proportionen.
Derselbe Kopfbereich auf Bildschirmen mit 320 und 390 px. Das Layout wird skaliert, Ausgabennummer und Datum bleiben in einer Zeile.
Bereich „Zasoby“ (Ressourcen) mit mehr als tausend Artikeln aus dem Archiv der Monatszeitschrift und Filtern nach Kategorien. Die Beitragsvorlage musste ohne Umbau der ganzen Website in diese Struktur passen.

Antwort innerhalb von 24 Stunden

Kostenloses Angebot

Schreiben Sie, was entstehen oder repariert werden soll. Ich beantworte Ihre Anfrage selbst und führe die Arbeit später auch aus.