Das Design der Seiten wird in WordPress über Themes festgelegt. In Themes ist definiert, wie breit der Inhaltsbereich ist, wieviele Spalten eine Seite hat, wie groß ein Headerbild ist usw.
Standardmäßig stehen die offiziellen Themes von WordPress und zwei für die Schulhomepages angepasste Themes zur Verfügung. Die offiziellen Themes tragen die Jahreszahl ihrer Veröffentlichung in ihrem Namen (englischsprachig), die angepassten Themes heißen Kleine Schule und Große Schule.
Das Theme TwentyFourteen stellt drei Spalten zur Verfügung, alle anderen zwei Spalten.
Für den Anfang empfiehlt es sich, ein Theme auszuwählen, mit dem man schnell zu ansehnlichen Ergebnissen kommt. Mit wachsender Erfahrung im Umgang mit WordPress kann man sich dann der Verfeinerung des Designs zuwenden.
Bei der Auswahl eines Themes sollte man unbedingt bedenken, dass zunehmend mehr Nutzer mit Smartphones und Tablets im Internet unterwegs sind. Themes mit mehr als zwei Spalten werden auf mobilen Endgeräten völlig anders als auf Desktoprechnern dargestellt.
!! Man kann jederzeit das Theme wechseln, ohne Inhalte zu verlieren.
hamburger-schulhomepage-bbedit
Über Design –> Anpassen zur Live Vorschau. Dort können alle Einstellungen ausprobiert werden, ohne dass eine Festlegung erfolgt. Keine Angst, hier kann man nichts kaputtmachen.
hamburger-schulhomepage-bbedit
Für den Anfang ist das Theme Kleine Schule eine gute Wahl. Es nimmt dem Admin viele Designeinstellungen ab, so dass man sich für den Anfang auf das Wesentliche, die Inhalte, konzentrieren kann. Neben dem eigentlichen Inhaltsbereich steht eine rechte Spalte und der Fußbereich der Seite für Inhalte zur Verfügung.
Ein späterer Wechsel auf ein Theme, das mehr Gestaltungsmöglichkeiten bietet, ist in der Regel weniger aufwändig, als man zuerst annimmt.
hamburger-schulhomepage-bbedit
Hier vergibt man den Titel der Homepage, …
hamburger-schulhomepage-bbedit
… die Schriftfarbe …
hamburger-schulhomepage-bbedit
… die Farbwelt …
hamburger-schulhomepage-bbedit
… die Schriftarten für normalen Text …
hamburger-schulhomepage-bbedit
… für hervorgehobenen Text …
hamburger-schulhomepage-bbedit
… und schließlich ein Headerbild.
hamburger-schulhomepage-bbedit
Ein Bild kann man an dieser Stelle entweder aus den vorhanden Bildern auswählen oder hochladen.
hamburger-schulhomepage-bbedit
Wir haben noch keine eigenen Bilder in der Mediathek, also begnügen wir uns vorerst mit dem vorhandenen.
In der Vorschau sind drei Bereiche zu sehen, der große Inhaltsbereich mit “Hallo Welt!”, der Haupt-Widgetbereich (Footer) mit “Letzte Beiträge” und der Zweite Widgetbereich in der rechten Spalte. Ein Widget ist ein kleines Fenster, das Informationen auf unterschiedliche Weise darstellt.
hamburger-schulhomepage-bbedit
In den Widgetbereichen sind bereits Widgets vorhanden.
Für den Anfang sollten sie wegen der besseren Übersichtlichkeit entfernt werden.
hamburger-schulhomepage-bbedit
Was soll beim Aufruf der Homepage angezeigt werden?
hamburger-schulhomepage-bbedit
Die letzten Beiträge, sortiert nach Datum …
hamburger-schulhomepage-bbedit
… oder eine Seite, deren Inhalt sich nicht ändert.
hamburger-schulhomepage-bbedit
Auf einer Beitragsseite werden die Beiträge je nach Aktualität ständig wechseln, auf einer statischen Seite, etwa eine typische Willkommensseite, werden sich die Inhalte selten ändern.
0 Kommentare