Darf ich vorstellen: mein neues WordPress-Theme ‚NEUN‘:

Theme 'NEUN'

‚NEUN‘ ist ein stylisches und modernes deutschsprachiges Theme, welches eine Vielzahl von coolen CSS3-Funktionen beinhaltet. Das Theme kann durch vielfältige Theme-Optionen auf einfache Weise den eigenen Bedürfnissen angepasst werden. Die Social-Media-Integration, ein aus dem Backend anpassbares Logo und Optionen zum Anpassen des Hintergrunds,  sowie vorbereitete Templates für ein Gästebuch und eine Artikelübersichtsseite sind weitere Highlights. Außerdem kannst du entscheiden, ob das Theme eckig oder mit abgerundeten Ecken daher kommt.

Highlights:

  • Layout ist komplett CSS-basiert (keine Grafiken)
  • Cross-Browser kompatibel (Chrome, Firefox, Internet Explorer 9, Android und iOS 6 getestet)
  • responsives Layout (CSS3 Media Queries) für optimale Darstellung auf mobilen Endgeräte
  • Post-Thumbnail-Funktion integriert
  • vorbereitetes Gästebuch-Template
  • Template für Artikelübersicht
  • 4 Widgetbereiche im Footer
  • vielfältige Theme-Optionen
  • Social Media-Integration (Twitter, Facebook, Google+, Xing, Picasa, flickr, Last.fm, Youtube und RSS-Feed)
  • Custom-Background- und Custom-Header-Funktion
  • Shortcodes für mehrspaltiges Layout, Info-Boxen und Buttons
  • ab WordPress Version 3.4

Eine Live-Demo gibt es hier:

und den Download findest du unter folgendem Link:

‚NEUN‘ ist natürlich kostenlos und kann uneingeschränkt genutzt, verändert und weitergegeben werden. Einzige Voraussetzung: die Theme-Credits (also der Autor) im Fußbereich darf nicht gelöscht werden.

Werfen wir mal einen Blick auf die Theme-Optionen, welche ihr im „Design“-Menü unter dem Punkt „Theme Optionen“ findet, nachdem ihr das Theme aktiviert habt:

Theme Optionen

  • Breite des Inhaltsbereichs

Mit dieser Option kann die Breite des Inhaltsbereichs verändert werden. Der Inhaltsbereich hat standardmäßig eine Breite von 1000 Pixeln. Wem das nicht reicht, oder einen kleineren Inhaltsbereich möchte, kann hier einen eigenen Wert (XXX% oder XXXpx) eintragen.

  • Anzeige Logo

Wenn diese Option aktiviert ist, wird im Kopfbereich ein Logo angezeigt. Das voreingestellte Logo kann übrigens bequem über das „Design“-Menü > „Kopfbereich“ verändert werden (s. FAQs unten).

  • Anzeige Bloginfo

Ist die Option aktiviert, wird im Kopfbereich der Name des Blogs sowie der Slogan angezeigt.

  • Anzeige Top-Artikel

Mittels dieser Option besteht die Möglichkeit eine spezielle Auswahl von vier Artikeln oberhalb des Artikelbereichs einzublenden.

Dabei kann zwischen den meistkommentierten Artikeln, zufällig ausgewählten Artikeln, die bei jedem aktualisieren der Seite neu zusammengestellt werden oder von euch gewählten hervorgehobenen Artikeln (Sticky-Posts) gewählt werden.

  • Anzeige hervorgehobene Artikel auf Startseite

Diese Option ist lediglich interessant, wenn als Top-Artikel hervorgehobene Artikel gewählt wurden, ansonsten hat diese Option keine Auswirkungen. Generell werden sogenannte Sticky- oder Featured-Posts auf der Startseite als erste Artikel, vor den nicht hervorgehobenen Artikeln angezeigt. Wenn nun als Top-Artikel ebenfalls diese Artikel angezeigt werden, würden diese doppelt, einmal als Top-Artikel und auf der Startseite angezeigt. Wer das möchte, aktiviert diese Option. Standardmäßig werden die hervorgehobenen Artikel auf der der Startseite nicht angezeigt.

  • Überschrift Top-Artikel

Als Standard wird „Meistkommentierte Artikel“, „Zufällig ausgewählte Artikel“ oder „Ausgewählte Artikel“ als Überschrift ausgegeben. Mit dieser Option kann eine eigene Überschrift genutzt werden („Für dich ausgewählt“, „Lieblingsartikel“, „Das Beste vom Besten“, oder was auch immer).

  • Anzeige Vorschau für Top-Artikel

Wenn diese Option aktiviert ist, wird eine kurze Vorschau auf den Artikel (excerpt) angezeigt. Du kannst die Länge der Kurzfassung übrigens mit der Option „Anzahl Zeichen für Kurzfassung“ selbst festlegen.

  • Anzeige Anzahl Artikel und Kommentare

Mit dieser Option kann im Fußbereich die Anzahl der veröffentlichten Artikel und erhaltenen Kommentare angezeigt werden.

  • Copyright Text

Als Standard wird der Name des Blogs als Copyright-Hinweis ausgegeben. Bei Bedarf kann hier ein eigener Copyright-Hinweis eintragen werden.

  • Google Analytics Code

Wer Google Analytics zur Besucherauswertung nutzt, kann hier den von der Analytics-Webseite erhaltenen Tracking-Code einfügen. Achtet darauf, dass ihr den vollständigen Code (inkl. <script>/</script>) kopiert und einfügt.

  • Anzahl Zeichen für Kurzfassung

Mit dieser Option kann die Anzahl der Zeichen für die Kurzfassung von Artikeln (excerpt) festlegt werden. WordPress-Standard sind 55 Zeichen.

  • More-Link bei Kurzfassung

Wenn bei der Option „Anzeige der Artikel“ die Kurzfassung der Artikel gewählt oder die Option „Vorschau für Top-Artikel“ aktiviert wurde, kann mit dieser Option ein Weiterlesen-Link nach dem Text angezeigt werden. Standardmäßig wird lediglich ein nicht klickbares […] ausgegeben.

Artikel Optionen

  • Anzeige der Artikel

Die Artikel können auf der Startseite, im Archiv, den Übersichten sowie dem Suchergebnis

    • normal (bis zum Weiterlesen-Link)
    • vollständig (ohne Weiterlesen-Link) oder in einer
    • Kurzfassung (nur Text)

angezeigt werden.

  • Anzeige Artikelinformationen

Mittels dieser Option werden Informationen zu den Artikeln  (Veröffentlichungsdatum, Kategorie und Tags) ausgegeben.

  • Anzeige Autor

Wer die Option zur Anzeige von Artikelinformationen nutzt, kann entscheiden, ob der Name des Artikelautors eingeblendet werden soll.

  • Anzeige Artikelempfehlung

Unterhalb eines Artikels kann eine Empfehlung für vier themenverwandte Artikel angezeigt werden. Die Ähnlichkeit der Artikel wird anhand des ersten verwendeten Schlagworts ermittelt.

  • Überschrift für Artikelempfehlung

Mit dieser Option kann eine eigene Überschrift für die Artikelempfehlung definiert werden. Standard ist „Thematisch ähnliche Artikel“. 

  • Anzeige Artikelnavigation oben/Anzeige Artikelnavigation unten

Oberhalb bzw. unterhalb des Artikels kann eine Artikelnavigation (nächster/vorheriger Artikel) eingeblendet werden.

Artikelübersicht

Wie bereits in der Einleitung erwähnt, verfügt das Theme über ein vorbereitetes Template für eine Artikelübersicht.

Mit den Optionen

  • Anzeige Kategorieübersicht
  • Anzeige Schlagwortübersicht
  • Anzeige Jahresarchiv
  • Anzeige Monatsarchiv
  • Anzeige Tagesarchiv
  • Anzeige Artikelliste

werden die Inhalte dafür ausgewählt.

Sidebar

  • Anzeige Footer-Widget-Bereich

Wenn diese Option aktiviert wurde, wird im unteren Teil ein Bereich mit vier Widget-Feldern angezeigt. Die Widgets werden über den Menüpunkt „Widgets“ im „Design“-Menü festgelegt.

Theme-Design

  • Abgerundete Ecken

Ist diese Option aktiviert, wird das Theme (inklusive Eingabefeldern und Buttons) mit abgerundeten Ecken dargestellt.

  • Farbe der Hyperlinks und der Hover-Farbe

Die Farben der Hyperlinks sowie der Hover-Farbe kann bequem über einen Color Picker ausgewählt werden. Soll wieder die Standardfarbe genutzt werden, kann der Wert einfach aus den Eingabefeldern gelöscht werden.

Soziale Netzwerke

In diesem Bereich werden Verknüpfungen zu sozialen Netzwerken eingerichtet. Es stehen die wichtigsten Sozialen Netzwerke zur Auswahl:

  • Twitter
  • Facebook
  • Google+
  • Xing
  • Picasa
  • flickr
  • Last.fm
  • Youtube
  • Artikel-RSS-Feed

Durch setzen des Hakens wird auf der Webseite das entsprechende Icon im Kopfbereich eingeblendet. Damit die Verknüpfung auch auf das Profil verlinkt, ist die URL in das Eingabefeld einzutragen.

Wenn im Frontend die Maus über das Icon bewegt wird, wird ein Tooltip-Text ausgegeben. Dieser Tooltip kann durch einen eigenen Text entsprechend angepasst werden..

Fehlt dir ein wichtiges Netzwerk? Dann schreib es in die Kommentare und ich werde es ergänzen.

Frequently Asked Questions (FAQ)

F: Wie installiere ich das Theme?

A: Lad dir diese Datei herunter. Anschließend loggst du dich im Backend deiner WordPress Installation ein und wählst aus dem Menü „Design“ den Punkt „Themes“. Dort wechselst du zum Register „Themes installieren“ und wählst über den Button „Datei auswählen“ die eben heruntergeladene Zip-Datei aus.

Ein Klick auf den Button „Jetzt installieren“ startet die Installation. Klick auf „Aktivieren“ und schon sieht deine Webseite heiß aus.

Ich habe dazu ein kurzes Video-Tutorial erstellt:

F: Ich würde gerne ein anderes Hintergrundbild nutzen.

A: Im Menü „Design“ unter dem Punkt „Hintergrund“ hast du die Möglichkeit den Hintergrund nach deinem Geschmack anzupassen.

Du kannst entweder ein neues Hintergrundbild von deinem Rechner hochladen, oder ein Bild aus der Mediathek auswählen. Ebenso kannst du das Hintergrundbild komplett entfernen und stattdessen einen einfarbigen Hintergrund nutzen.

Auch hier habe ich ein Video vorbereitet:

F: Ich würde gerne ein anderes Logo nutzen.

A: Im Menü „Design“ unter dem Punkt „Kopfzeile“ hast du die Möglichkeit ein anderes Logo einzubinden.

Du kannst entweder ein neues Logo von deinem Rechner hochladen, oder ein Bild aus der Mediathek auswählen. Beachte bitte, dass das Theme auf eine Größe von 300 x 80 Pixeln angepasst ist und die Theme-Option „Anzeige Logo“ aktiviert sein muss.

Magst du lieber Video gucken?

F: Wie richte ich die Artikelübersicht ein?

A: Erstelle eine neue Seite und wähle als Template „Artikelübersicht“.

Fertig. Vergiss nicht in den Theme-Optionen die Inhalte für die Artikelübersicht zu aktivieren. Sonst siehst du nur eine leere weiße Seite.

F: Wie kann ich das Gästebuch-Template nutzen?

A: Erstelle eine neue Seite, schreib eine nette Einleitung für deine Gäste und wähle als Template „Gästebuch“.

Fertig. Kommentare aktivieren nicht vergessen.

F: Welche Größe haben die Post-Thumbnails?

A: Die Artikel-Thumbnails haben eine Größe von 50 x 50 Pixel. In den Top-Artikeln werden Thumbs in der Größe 100 x 100 Pixel verwendet, in der Artikelempfehlung sind die Thumbs 25 x 25 Pixel groß. Optimal sind Bilder mit identischer Höhe und Breite.

F: Darf ich das Template verändern?

A: Kein Problem. Lass deiner Kreativität freien Lauf. Einzige Voraussetzung: der Link und Hinweis auf den Theme-Autor (mich) im Fußbereich darf nicht entfernt werden.

F: Und wenn ich den Autor-Link doch entfernen möchte?

A: Wenn du den Hinweis unbedingt löschen möchtest, halte ich es für fair, wenn du eine kleine Spende in Höhe von 10 € für meine Kaffeekasse gibst. Schreib mir bitte eine Nachricht mittels des Kontaktformulars. Ich werde dir dann die Bankverbindung für die Überweisung mitteilen.

F: Wie kann ich ein Favicon nutzen?

A: Schau dir mal diesen Artikel an.

Changelog

v1.0 – 29.09.2012

  • Release

v1.1 – 02.10.2012

  • Shortcodes hinzugefügt

v1.11 – 22.10.2012

  • Fehler in comments.php korrigiert; Danke @Thomas

v1.2 – 30.12.2012

  • [theme-options.php und functions.php] Bezeichnung „Zeichen“ durch „Wörter“ der Kurzfassung der Artikel in den Theme-Optionen ersetzt
  • [functions.php] Shortcodes in der Kurzfassung der Artikel entfernt; Danke @Bob
  • Standard-Schriftart auf „Open Sans“ geändert
  • Neue Schriftart für Überschriften „Fjalla One“
  • diverse Design-Anpassungen