Neues Theme: Twenty Seventeen

Dieser Beitrag erklärt die wichtigsten Funktionen des neuen Themes Twenty Seventeen, das Sie ab sofort im Backend Ihres Blogs finden. Sie können es im Menü über „Design -> Themes“ aktivieren und im Menü über „Design -> Customizer“ konfigurieren.1

Header-Bild als prominentes Feature

Im Zentrum des neuen WordPress-Themes „Twenty Seventeen“ steht das Visuelle: Die Startseite des Blogs zeigt beim Aufrufen das bildschirmfüllende Headerbild und  (falls gewünscht) Titel sowie Untertitel des Blogs.

Screenshot des neuen Themes

Entscheidet man sich für dieses Theme sollte also ein aussagekräftiges, qualitativ hochwertiges Headerbild gewählt werden. Wichtig ist, dass das Bild die richtige Größe hat. WordPress empfiehlt 2000 x 1200 px bei 72 dpi, um sicherzugehen, dass die Auflösung scharf ist und das Bild nicht verzerrt dargestellt wird.2



[...]

Quelle: http://bloghaus.hypotheses.org/1845

Weiterlesen

Blogfashion TwentyFifteen

Dieser Beitrag erklärt die wichtigsten Funktionen des neuen Themes Twenty Fifteen, das Sie ab sofort im Backend Ihres Blogs finden. Sie können es im Menü über “Design -> Themes” aktivieren und im Menü über “Design -> Anpassen” konfigurieren.

Ein Theme für alle Bildschirme

Twenty Fifteen ist in punkto Benutzerfreundlichkeit auf dem neuesten Stand. Es wurde nach der Methode “Mobile First” entwickelt (das bedeutet, dass die Web-Designer zuerst die mobile Version entwickelt haben, da sie von Besuchern am meisten genutzt wird). Das Theme passt sich also perfekt an alle Bildschirmgrößen von mobil bis zum großen Monitor automatisch an.

responsive_mockup_tam020615
Ein Beispielblog das TwentyFifteen benutzt und seine Darstellung auf unterschiedlichen Bildschirmen.

Ein vertikaler Header

Twenty Fifteen setzt den Akzent auf die Lesbarkeit der Inhalte und unterscheidet sich von den anderen Themes durch das Fehlen eines horizontalen Headers.

[...]

Quelle: https://bloghaus.hypotheses.org/1579

Weiterlesen

Blogfashion: Hueman

Dieser Beitrag gibt einen Überblick über die wichtigsten Einstellungen für das neue Theme Hueman, das das Theme Magazine Basic ersetzt. Hueman teilt mit seinem Vorgänger einige beliebte Eigenschaften und erweitert es um neue Funktionen, die wir in diesem Artikel vorstellen möchten.

Es gibt viel einzustellen und zu individualisieren, deshalb ist dieser Beitrag recht umfangreich. Wir hoffen, damit einen guten Einstieg zu vermitteln. Für eine vollständige Übersicht über die neuen Optionen empfehlen wir das interaktive Tutorial. Es führt Sie durch die verschiedenen Etappen der Konfiguration von Hueman. Bitte beachten Sie, dass die Theme-Optionen von Hueman unabhängig von der Sprache des Blogs stets auf Englisch dargestellt werden.

Aufgeteilt ist dieser Beitrag in sechs Kapitel:



[...]

Quelle: http://bloghaus.hypotheses.org/1496

Weiterlesen

Hueman – der Nachfolger von Magazine Basic

Nach vielen Tests ist das Nachfolgetheme von Magazine Basic nun da und heißt “Hueman”. Es kann im Backend unter Design > Themes aktiviert werden. Einige Blogs haben sich bereits für das neue Theme entschieden, so das Mittelalterblog und das Blog zum Histocamp aus der deutschsprachigen Community.

Das Community Management arbeitet an einer ausführlichen Anleitung für das neue Theme. Bis dahin verweisen wir gerne auf das interaktive Tutorial, das unter folgender Adresse verfügbar ist: http://www.hypotheses.education/tuto_hueman/de/

Für alle Französisch-Kundigen gibt es hier bereits die ausführliche Anleitung des französischsprachigen Community Managements aus Marseille: http://maisondescarnets.hypotheses.

[...]

Quelle: http://bloghaus.hypotheses.org/1482

Weiterlesen

Farben bei Twenty Fourteen ändern: Links, Menüs und Hintergrund

Neuerdings können bei Twenty Fourteen die Farben des Themas verändert werden. Im Menü “Design > Customize > Farben” können die entsprechenden Einstellungen vorgenommen werden (siehe rote Umrandung).

Bloghaus - Farben 1

Bloghaus - Farben 2

  • “Accent Color” entspricht dabei der Farbe der Verlinkungen und des ausgewählten Menüpunktes (rot in der unten stehenden Abbildung).
  • “Contrast Color” entspricht der Farbe der Widgets und des Menüs sowie der Hintergrundfarbe bei den hervorgehobenen Inhalten (blau in der unten stehenden Abbildung).
  • Bei besonders breiten Bildschirmen wird die Fläche rechts vom Blog mit der “Hintergrundfarbe” gefüllt (gelb in der unten stehenden Abbildung).

Bloghaus - Farben - Customize 2

__________________________

Textausschnitt aus dem französischen Originaltext Passer à Twenty Fourteen von Martin Clavey: http://maisondescarnets.hypotheses.org/1896

Übersetzung ins Deutsche und Anpassung: Lisa Bolz

Artikelbild: Mongolfiere innamorate 2008 von ecatoncheires, Lizenz CC BY-NC-SA 2.0

Quelle: http://bloghaus.hypotheses.org/1350

Weiterlesen

Blogfashion: das Thema Twenty Fourteen

Wie bereits angekündigt, ist es Zeit, das Blogoutfit zu wechseln. Dafür haben wir vier Themen ausgesucht, die von WordPress für eine bessere Archivierung, Homogenität und einfache Bedienung entwickelt wurden, im Sinn einer langfristigen Perspektive der Plattform.

Diese vier neuen Themen sind responsive, d.h. ihr Layout passt sich an die Größe und Art Ihres Bildschirms an und ist damit für das Lesen auf Smartphones und Tablets optimiert.

Die bereits aktiven neuen Themen sind:

Twenty Eleven. Beispiel: http://openblog.hypotheses.org/
Twenty Twelve. Beispiel: http://etatsocial.hypotheses.org/
Twenty Thirteen. Beispiel: http://quadrivium.hypotheses.org/
Und … Twenty Fourteen. Beispiel: das Bloghaus.

Bloghaus - Screenshot

Zusätzlich suchen wir derzeit noch nach einem Thema, das als Nachfolger für Magazine Basic dienen wird.

Von den vier bereits aktiven Themen ist Twenty Fourteen dasjenige, das mit seiner Slidershow und den Spalten am ehesten der Magazindarstellung ähnelt. Unter dem Titelbild ist es möglich, besonders wichtige Blogartikel auf der Startseite Ihres Blogs hervorzuheben.

Dieses Thema ist graphisch das aufwändigste unserer Plattform. Es eignet sich, wenn Sie häufig mit Bildern arbeiten. Dies kann jedoch schnell zeitintensiv werden, vor allem für Bloggende, die das Blog alleine betreuen: Man braucht also Zeit und etwas technisches Geschick, wenn man sich für dieses Thema entscheidet. Wenn Sie Ihre Blogzeit lieber für andere Dinge als die graphische Gestaltung des Blogs sparen, empfehlen wir Ihnen die schlichteren Themen Twenty Eleven und Twenty Twelve.

Allgemeines

Als erstes, der Header. Wenn man das Thema wechselt, wird das Headerbild nicht automatisch übernommen. Gehen Sie also zunächst auf “Design > Kopfzeile” und Sie laden anschließend entweder ein neues Headerbild hoch, indem Sie auf “Durchsuchen” klicken (siehe rote Umrandung im Bild unten), oder ein bereits bestehendes Bild (beispielsweise ein altes Headerbild) unter “Choose Image” auswählen (siehe grüne Umrandung).

Bloghaus - Design - Kopfzeile

Wie für jedes andere Bild auch, sollten Sie darauf achten, dass Sie die Rechte zur Veröffentlichung des Bildes haben (mehr dazu hier) und dass Sie in Ihrem Impressum die Bildlizenz des Bildes angeben.

Menüerstellung

Per Voreinstellung setzt sich das Menü aus den Seiten und Unterseiten des Blogs zusammen. Unter “Design > Menüs” können Sie jedoch Ihr Menü personalisieren.  Benennen Sie Ihr Menü und klicken Sie auf “create a new menu”. Anschließend können Sie aus der linken Spalte die Seiten, Kategorien und Links auswählen, die Sie zu Ihrem Menü hinzufügen möchten. Per drag&drop können Sie die Reihenfolge verändern und/oder Untermenüs erstellen. Vergessen Sie nicht, nach jeder Bearbeitung das Menü zu speichern.

Anschließend können Sie unter “Manage locations” auswählen, ob das erstellte Menü als “Oberes primäres Menü” oder als “Sekundäres Menü in der linken Seitenleiste” erscheinen soll. Als “Oberes primäres Menü” erscheint es direkt unter dem Headerbild (siehe rote Umrandung), während es sich als “Sekundäres Menü in der linken Seitenleiste” auf der linken Seite des Blogs befindet (siehe grüne Umrandung).

Bloghaus - Menüs

Hervorhebung von Artikeln auf der Blogstartseite

Die graphische Hervorhebung von Artikeln ist einer der Hauptvorteile des Themas Twenty Fourteen, auch wenn dies, wie bereits oben erwähnt, manchmal zeitaufwändig ist. Dabei gibt es zwei Möglichkeiten der Hervorhebung: Raster und Slider.

So sieht ein Raster aus:

Bloghaus - Menü - obe

So sieht die Darstellung im Slider aus:

Bloghaus - Slider

Das Prinzip ist einfach: Wenn einem Artikel ein bestimmtes Schlagwort zugeschrieben wird (per Voreinstellung ist dies “featured”), wird der Artikel auf der Startseite des Blogs hervorgehoben. Zudem erfolgt die Hervorhebung per Voreinstellung in Form eines Rasters. Unter “Design > Customize” können Sie zwischen Raster und Slider wählen.

Bloghaus - Customize - Raster

 Das entsprechende Schlagwort, durch das die Hervorhebung ausgelöst wird, kann ebenfalls unter Design > Customize geändert werden:

Bloghaus - Customize - featured

Die Zuteilung des Schlagwortes hebt zwar den Artikel automatisch hervor, allerdings wird er danach nicht mehr in der Artikelspalte angezeigt. Um ihn dort wieder anzeigen zu lassen und ihn aus dem Raster bzw. aus dem Slider zu löschen, muss das Schlagwort “featured” (oder das, was Sie an Stelle ausgewählt haben) für den entsprechenden Artikel gelöscht werden.

Damit nicht nur Artikeltext, sondern auch Bilder hervorgehoben werden, müssen Sie den Artikeln jeweils noch ein “Artikelbild” zuweisen. Dies können Sie im Editiermodus unter “Artikelbild festlegen” einstellen:

Bloghaus - Artikelbild festlegen

Bloghaus - Artikelbild

Nun ist nicht nur die Auswahl der Bilder von Bedeutung, sondern auch ihre Größe. Wenn Sie die Bilder in Form eines Rasters hervorheben möchten, sollte die Bildergröße 672 x 372 betragen. Wenn Sie sich lieber für einen Slider entscheiden, sollten die Bilder eine Größe von 1038 x 576 haben.  Im Übrigen: Egal ob Raster oder Slider, jeweils können maximal sechs Bilder hervorgehoben werden. Sollten Sie einen anderen Artikel hervorheben wollen, müssen Sie das entsprechende Schalgwort bei einem anderen Artikel vorher löschen.

Die Widgets

Im Thema Twenty Fourteen gibt es drei Widget-Zonen.

  • Eine “Primäre Seitenleiste” (siehe rote Umrandung)
  • Eine “Inhalt Seitenleiste” (siehe grüne Umrandung)
  • einen “Fußzeilen-Widget-Bereich” (siehe blaue Umrandung)

Bloghaus - Widget

Bloghaus - Widget 2

Im Backend finden Sie die entsprechenden Bereiche unter “Design > Widgets“:

Bloghaus - Widgets - allgemein

Wenn Sie das Thema wechseln, sind die Widgets nicht mehr aktiv und befinden sich im Bereich “Inaktive Widgets”:

Bloghaus - inaktive Widgets

Per drag&drop können Sie sie ganz leicht in die entsprechende Widget-Zone ziehen.

Viel Erfolg beim Einrichten des Blogs!

____________________________________________

Originalbeitrag auf Französisch von Martin Clavey: http://maisondescarnets.hypotheses.org/1896

Übersetzung ins Deutsche und Anpassung: Lisa Bolz

Artikelbild: 14 von supershaggy, Lizenz CC BY-NC 2.0

Quelle: http://bloghaus.hypotheses.org/1247

Weiterlesen