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

Vorsicht, schöne Beta! Das neue Thema “MagazineP Basic”

Wir hatten ja schon angesichts des neuen Logos angekündigt, dass es bald frische Themen für die Blogs auf hypotheses geben wird. Verantwortlich dafür ist das Team von Cléo in Marseille. In der Max Weber Stiftung und am Deutschen Historischen Institut Paris wird dann übersetzt und überprüft, ob alles so funktioniert wie geplant. Oft fallen uns dabei mehr kleine Probleme auf, als einem lieb sein kann… Das hier vorgestellte neue Thema MagazineP wird bald für alle Blogs verfügbar sein.

Während das Bloghaus schon mit dem neuen Thema EvoLve Hypotheses läuft, haben wir nun einmal die Umstellung für unser Redaktionsblog mit dem neuen Thema MagazineP Basic durchgespielt. Es ersetzt sukzessive das bisherige Thema Magazine Basic, wie es z.B. das Max Weber Blog einsetzt. Eins sei voraus geschickt: Der Umstieg ist mit etwas Arbeit verbunden! Man “verliert” dadurch z.B. seine Widgets, die aber nur inaktiv sind und wieder aktiviert werden können. Man “verliert” aber endgültig sein Titelbild. Da es in dem insgesamt sehr ansprechenden Design einen schicken neuen Slider gibt, ist das verschmerzbar und auch so gewollt. Für alle Early Adopter, die auf ein Titelbild verzichten können, kommt hier aber schon einmal als sneak preview die Einleitung zur jetzt aktiven Umstellung. Wie immer gilt: Wir freuen uns über Feedback!

Und so sieht es im Redaktionsblog aus:

Das umgestellte Redaktionsblog

Verwendung des Themes „MagazineP Basic“: erste Schritte

MagazineP Basic ist eine neue Version des Themes Magazine Basic. Es ermöglicht die Aktivierung einer Artikel-Slideshow im oberen Bereich des Blogs (dynamisches Banner) und das Hinzufügen zusätzlicher Bereiche, sog. „Ad Spots“.

Um das Theme MagazineP Basic zu aktivieren, gehen Sie auf den Menüpunkt „Design“ > „Themes“ und anschließend beim gewünschten Thema auf die Schaltfläche „Aktivieren“. Danach klicken Sie auf die Schaltfläche „Mag Premium“, die Sie am Ende ihres Dashboards finden. Dadurch gelangen Sie zu einer neuen Oberfläche, die speziell der Einrichtung des Themes dient.

Gestaltung der Startseite: der Menüpunkt „Front Page“

Sie befinden sich nun in den „Magazine Premium Layout Options“. Um die Gestaltung Ihrer Startseite zu konfigurieren, öffnen Sie den Reiter „Front Page“. Mit Klick auf die Schaltfläche „Basic Options“ gelangen Sie in einen neuen Auswahlbereich, der Ihnen vier unterschiedliche Ausrichtungsmöglichkeiten der Blogbeiträge auf Ihrer Startseite anbietet.

Zusätzlich zu dieser Grundkonfiguration können Sie zwei weitere Einstellungen vornehmen:

Die Artikel-Slideshow – „Featured Slideshow“

Für die Konfiguration der Artikel-Slideshow klicken Sie auf den Balken „Featured Slideshow“. Hier können Sie diejenige Kategorie auswählen, deren Artikel im dynamischen Banner durchlaufen sollen. Selbstverständlich ist es auch möglich, die Artikel aller Kategorien einzubeziehen. Die vier zuletzt erstellten Beiträge werden automatisch im dynamischen Banner berücksichtigt.

abb1

Um eine bestmögliche Ansicht der Bilder der Artikel in der Slideshow zu ermöglichen, empfehlen wir Ihnen, Bilder in hoher Auflösung in Ihrer Anzeige zu verwenden.

Für eine bessere Kontrolle und Funktionalität der Beiträge, die angezeigt werden sollen, empfehlen wir Ihnen, eine Kategorie „Dynamischer Banner“ zu erstellen, die anschließend im Dropdown-Menü des Bereichs „Featured Slideshow“ zu finden ist. Gehen Sie hierfür auf den Menüpunkt „Artikel“ > „Kategorien“  und fügen Sie eine neue Kategorie hinzu. Bei Beiträgen, die Sie in der Artikel-Slideshow anzeigen lassen möchten, setzen Sie beim Erstellen einen Haken bei der entsprechenden Kategorie.

Darüber hinaus können Sie im Bereich „Featured Slideshow“ bei „Type“ die Art und Weise des Bilddurchlaufs einstellen.

abb2

„Image Bar“

Dieser Bereich ermöglicht es, die letzten fünf (bebilderten) Artikel einer Kategorie oder aller Kategorien unten im Blog in der Extended Footer Bar anzeigen zu lassen.

abb3

Der Widget-Bereich: Menüpunkt „Sidebars“

Menüpunkt „Sidebars“

Über den Menüpunkt „Sidebars“ gelangen Sie in den Widget-Bereich. Es ist möglich, sich eine oder zwei Sidebars, sowie eine zusätzliche Zone am Ende der Seite („Extended Footer Bar“) anzeigen zu lassen.

Standardgemäß ist in Ihrem Theme eine Sidebar rechts auf der Seite aktiviert (Größe: 300 Pixel).

Wenn Sie eine zweite Sidebar hinzufügen möchten, müssen Sie im Feld unter dem Balken „Second Sidebar Width“ die gewünschte Größe (= Anzahl der Pixel) angeben. Wir empfehlen Ihnen, bei zwei Spalten für jede Spalte 160 px zu veranschlagen.

Zusätzliche Zone am Ende der Seite – „Extended Footer Bar“

Dieser Bereich ermöglicht Ihnen, eine weitere Zone am Ende der Seite des Blogs anzeigen zu lassen. Um dies zu aktivieren, wählen Sie bitte die Option „Yes“ aus.

Um diese neuen Bereiche zu konfigurieren, wählen Sie bitte im Dashboard den Menüpunkt „Design“ > „Widgets“ aus.

Personalisiertes Navigations-Menü im Frontend

Dieses Theme erlaubt es Ihnen, verschiedene Navigations-Menüs auszuwählen bzw. ein Haupt- und Untermenü anzeigen zu lassen.

abb4

Standardmäßig wird auf Ihrem Blog ein Navigations-Menü angezeigt, das Ihnen direkten Zugang zu den einzelnen Kategorien (in alphabetischer Reihenfolge oder nach Gewichtung) ermöglicht. Sie können sich aber auch eine eigene Navigation zusammenstellen, durch die ein Zugang auf Seiten Ihres Blogs, auf Kategorien oder auf externe Webseiten möglich ist.

Sie können zwei Navigation-Menüs erstellen, deren Rubriken sich sinngemäß definieren. Das Hauptmenü beispielsweise dient der Anzeige der Kategorien, das Untermenü zeigt die Seiten (Home, Impressum, Über das Blog) an. Das Untermenü kann aber auch als Übersetzung des Hauptmenüs dienen.

Um ein Menü zu erstellen, gehen Sie auf den Menüpunkt „Design“ > „Menüs“. Im Feld „Name des Menüs“ können Sie diesen eingeben. Anschließend klicken Sie auf „Menü speichern“.

abb5

Auf der linken Seite befinden sich die Felder „Links“, „Seiten“ und „Kategorien“. In diesen Feldern können Sie die Elemente durch Anklicken auswählen, die Sie in Ihr Menü einbinden möchten. Um Ihre Auswahl zu bestätigen, klicken Sie auf „Zum Menü hinzufügen“.

 abb6

Durch Auswählen und Verschieben können Sie die Elemente nach Ihren Wünschen ordnen. Um die Elemente in hierarchischer Baumstruktur anzuordnen, fügen Sie die untergeordneten Elemente den entsprechenden Überpunkten zu.

abb7

Danach müssen Sie festlegen, ob das neu angelegte Menü als Haupt- oder Untermenü fungieren soll. Hierfür wählen Sie die gewünschte Option im Bereich „Anordnung im Theme“ aus. Anschließend speichern Sie Ihre Einstellungen.

abb8

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

Weiterlesen

Verwendung des Theme „Evolve“: erste Schritte

Das Thema Evolve bietet einige neue Funktionen, mit denen Sie Ihr Blog personalisieren können.

Um Evolve zu aktivieren, gehen Sie auf den Menüpunkt „Design“ > „Thema“ und klicken auf die Schaltfläche „Aktivieren“. Klicken Sie dann auf „Design“ > „Evolve Settings“. Sie gelangen auf eine Seite, auf der Sie Ihre Einstellungen verändern können.

Gestaltung der Startseite

Die Anzeige „Blog“, die Anzeige „Magazine“: Option „Post Styling“

„Evolve“ erlaubt die Auswahl zwischen zwei unterschiedlichen Ansichten: einer Blog-Ansicht, die den gesamten Eintrag anzeigt, und einer Magazine-Ansicht, die nur Auszüge aus den Einträgen erscheinen lässt.

Um den gewünschten Anzeige-Modus auszuwählen, gehen Sie auf den Menüpunkt „Evolve Settings“ > „Post Styling“ > „Number of articles per row on home and archive pages“. Dort können Sie die passende Option auswählen.

abbi1

Option 1 zeigt die Einträge als Volltext an.

Option 2 zeigt Auszüge der Einträge in zwei Spalten.

Option 3 zeigt Auszüge der Einträge in drei Spalten. In diesem Fall wird nur eine Spalte mit Widgets angezeigt, da nicht genug Platz für zwei Spalten mit Widgets und drei mit Einträgen ist.

Klicken Sie auf „Save Settings“, um Ihre Auswahl zu bestätigen.

Kopfzeilenbild

Es können zweierlei Arten von Bildern in die Kopfzeile eingefügt werden.

• Kopfzeilenbilder ohne Text: gehen Sie auf den Menüpunkt „Design“ > „Kopfzeile“ und laden Sie das gewünschte Bild hoch. Passen Sie danach die Größe des Bildes an und bestätigen Sie dann Ihre Vorgaben mit „Änderungen übernehmen“.

• Kopfzeilenbilder mit Text: gehen Sie auf den Menüpunkt „Design“ > „Kopfzeile“ und laden Sie das gewünschte Bild hoch, in das Sie bereits vorab den Blogtitel eingefügt haben. Passen Sie danach die Größe des Bildes an und bestätigen Sie dann Ihre Vorgaben mit „Änderungen übernehmen“. Gehen Sie dann auf den Menüpunkt „Design“ > „Evolve Settings“ > „Header Styling“ und kreuzen dort „Disable Blog Title“ an. Dadurch wird der standardmäßige Schriftzug entfernt und es ist nur noch Ihr Bild samt eigens kreiertem Schriftzug zu sehen.

Widgets: die Option „Layout“

Um die Anzahl der Sidebars und deren Position in Ihrem Blog zu bestimmen, gehen Sie auf den Menüpunkt „Design“ > „Evolve Settings“ > „Layout“ und wählen Sie das gewünschte Layout aus.

abbi2

Sie können Ihre Widgets auch im Header-Bereich platzieren, also über den Beiträgen. Dafür gehen Sie auf „Number of widget cols in header“ und wählen die von Ihnen gewünschte Option.

 abbi3

Ebenso können Sie Ihre Widgets im Footer-Bereich platzieren, also unter den Beiträgen. Dafür gehen Sie auf „Number of widget cols in footer“ und wählen die von Ihnen gewünschte Option.

abbi4

Nach dem Speichern gehen Sie auf den Menüpunkt „Design“ > „Widgets“ und konfigurieren dort Ihre Widgets, indem Sie sie in die gewünschte Sidebar auf der rechten Seite ziehen.

Personalisierung

Titel und Untertitel: die Registerkarte „General Typography“

Diese Einstellung erlaubt Ihnen, die Schriftgröße, Schriftart und die Farbe des Blogtitels und des -untertitels zu verändern. Gehen Sie dafür auf den Menüpunkt „Design“ > „Evolve Settings“ > „General Typography“.

abbi5
          abbi6      

Farbliche Gestaltung der Hauptbestandteile des Blogs: die Registerkarte «General Styling»

Um die Farbe der Hauptbestandteile des Blogs zu verändern gehen Sie auf den Menüpunkt „Design“ > „Evolve Settings“ > „General Styling“.

Im Bereich „Main Color“ können Sie die Hintergrundfarbe der Kopf- und Fußzeile verändern.

abbi7

Mit dem Feld „Or custom menu color“ können Sie die Farbe des Hauptmenüs verändern.

abbi8

Mit dem Feld „Content color“ können Sie zwischen einem hellen und einem dunklen Hintergrund für Ihre Beiträge wählen.

abbi9

Anzeige des RSS-Feeds des Blogs und der sozialen Netzwerke: die Option „Subscribe & Connect“

Der RSS-Feed Ihres Blogs und die Symbole der sozialen Netzwerke können am oberen Rand des Blogs angezeigt werden. Der RSS-Feed ist standardmäßig aktiviert. Um die Symbole der sozialen Netzwerke zu aktivieren, gehen Sie auf den Menüpunkt „Design“ > „Evolve Settings“ > „Subscribe & Connect“. Dort geben Sie lediglich die entsprechende URL oder ID in das Feld des sozialen Netzwerks ein, das Sie aktivieren wollen.

Die ID entspricht genau dem Profilnamen. Im Fall von Hypothèses etwa ist die ID des Twitter-Accounts hypothesesorg https://twitter.com/hypothesesorg.

Vorsicht: die Standardeinstellung „Suchfeld + Social Buttons“  muss im Menüpunkt „Design“ > „Evolve Settings“ > „Header Styling“ > „Home page header content“, „Single post header content“ und/oder „Archives and other pages header content“ ausgewählt werden, damit die Symbole auf der Blogseite angezeigt werden.

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

Weiterlesen