Mein neues Theme ‚SECHZEHN‘ steht ab sofort zum kostenlosen Download bereit. Die Farbgebung sowie das vollformatige Kopfzeilenbild sorgen für das gewisse Etwas. Aber auch sonst bietet das Theme jede Menge cooler Features und CSS3-Funktionen. Ich hoffe, es gefällt dir.
Das Theme ist responsiv, also angepasst für mobile Endgeräte und kleine Bildschirmauflösungen. Mittels vielfältigen Theme-Optionen kannst du das Theme auf einfache Weise deinen Bedürfnissen anpassen. So kannst du beispielsweise die Farbgestaltung verschiedener Theme-Elemente über Color-Picker verändern und aus einer großen Auswahl vordefinierter Schriftarten (Google Web Fonts und Standard-Schriftarten) deine Lieblingsschriftart auswählen. Und wenn dir keine der von mir ausgesuchten Schriften gefällt, kannst du auch deine eigene Schriftart (s. FAQ’s) komfortabel einstellen.
[fullwidth-infobox color=“shadow“]
Features
- Layout ist komplett CSS-basiert (keine Grafiken)
- Cross-Browser kompatibel (Chrome, Firefox, Internet Explorer 9 + 10, Android und iOS 6 getestet)
- responsives Layout (CSS3 Media Queries) für optimale Darstellung auf mobilen Endgeräte (Navigation nutzt den Checkbox-Hack)
- Post-Thumbnail-Funktion integriert
- vorbereitetes Gästebuch-Template
- widgetfähige Sidebar
- vielfältige Theme-Optionen
- Social Media-Profillinks (Twitter, Facebook, Google+, Xing, Tumblr, Picasa, flickr, Last.fm, Youtube und RSS-Feed)
- integrierte „Teilen“-Buttons (Twitter, Facebook, Google+ und Pinterest)
- Custom-Background- und Custom-Header-Funktion
- Shortcodes für mehrspaltiges Layout, Info-Boxen und Buttons
- Schriftartauswahl (Google Web Fonts und Standardfonts)
- Einbindung von eigenen Schriftarten und -formatierungen
- zwei vorbereitete Bereiche für individuelle WordPress-Menüs (Kopf- und Fußbereich)
- zahlreiche Farbgestaltungsmöglichkeiten
- „translation-ready“: englisch und deutsch sind dabei
- Stylesheet für den visuellen Editor (Farben, Schriftarten des Themes im Editor)
- ab WordPress Version 3.4
[/fullwidth-infobox]
Das responsive Layout auf einem Tablet:
Eine Live-Demo gibt es hier:
Den Download findest du unter folgendem Link:
Und hier findest du eine Übersicht meiner WordPress-Themes:
Das Theme ist kostenlos und kann uneingeschränkt genutzt, verändert und weitergegeben werden. Einzige Voraussetzung: der Hinweis und Link auf den Theme-Autor im Fußbereich darf nicht gelöscht und das Theme nicht von Dritten vertrieben werden.
Frequently Asked Questions (FAQ)
F: Wo finde ich die Theme-Optionen bzw. die Theme-Vorschau?
A: Du findest die Theme-Vorschau unter „Desgin“ -> „Anpassen“ oder aber unter „Desgin“ -> „Themes“, nachdem du das Theme aktiviert hast.
In der Theme-Vorschau kannst du jede Veränderung an Theme-Optionen live mitverfolgen. Nachdem du eine Option verändert hast, wird die Ansicht aktualisiert und du siehst sofort, wie deine Webseite nach der Änderung aussehen wird. Die Beschreibung der einzelnen Optionen sollte selbsterklärend sein. Falls nicht, probier es einfach aus. Erst nachdem du die Änderung(en) gespeichert hast wird die Webseite auch für deine Besucher aktualisiert.
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:
Nun solltest du dich an das Anpassen und Ausprobieren der Theme-Optionen machen. Dazu noch ein Hinweis: wer bereits eines meiner Themes genutzt hat und sich über Darstellung und Farbgebung des neuen Themes wundert, muss gegebenenfalls einige Theme-Optionen manuell anpassen, da die Optionen und Farbwerte aus dem früheren Theme noch in der Datenbank gespeichert sind.
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: Das Logo kann über die Theme-Vorschau („Desgin“ -> „Anpassen“) verändert werden. Hier hast du die Möglichkeit eine andere Bilddatei hochzuladen oder eine Datei aus der Mediathek auszuwählen.
Beachte bitte, dass die vordefinierte Größe 160 x 40 Pixel beträgt.
F: Wie kann ich ein anderes Kopfzeilen-Bild nutzen?
A: Im Menü „Design“ unter dem Punkt „Kopfzeile“ hast du die Möglichkeit ein anderes Bild einzubinden.
Du kannst entweder ein neues Bild von deinem Rechner hochladen, oder ein Bild aus der Mediathek auswählen. Beachte bitte, dass die vordefinierte Größe 1680 x 400 Pixel beträgt.
Magst du lieber Video gucken?
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 300 x 150 Pixel. Für den Featured-Post (sofern in den Theme-Optionen aktiviert) ist eine Größe von 500 x 200 Pixel definiert. Um die Größe der Thumbs musst du dich allerdings nicht kümmern. Sofern du im Artikel ein Bild einstellst, wird es automatisch auf die benötigten Größen zugeschnitten.
F: Wie kann ich eine eigene Schriftart- bzw. -formatierung verwenden?
A: Das Theme kommt mit einer Vielzahl vordefinierter Webstandardschriftarten sowie Google Web Fonts. Sollten dir die Schriftarten nicht gefallen, kannst du deine Lieblingsschriftart auf einfache Weise einbinden.
Wähle aus dem Menü „Design“ den Punkt „Anpassen“. Es öffnet sich die Theme-Vorschau. Im Reiter „Allgemeine Optionen“ findest du die Schriftoptionen. Du kannst sowohl für die Standardschrift als auch für Überschriften eine individuelle Schriftart einbinden.
Ändere zunächst die Schriftartauswahl auf die Option „individuell“.
Sofern du eine andere Webstandardschriftart (Web Safe Fonts) einbinden möchtest, lässt du das Text-Feld „HTML-Code (<link href=…>) für individuelle Standardschriftart“ leer. In das Text-Feld „CSS-Code (font-family:…;) für individuelle Standardschriftart“ trägst du deine Font-Deklaration ein, also z.B.
font-family: "Comic Sans MS", cursive, sans-serif;
In diesem Feld hast du auch die Möglichkeit weitere Deklarationen hinzuzufügen. Nur mal angenommen, du möchtest den Zeichenabstand vergrößern, gibst du ein:
font-family: "Comic Sans MS", cursive, sans-serif; letter-spacing: 0.1em;
Aber Vorsicht: mit dieser Deklaration änderst du die Standardschrift. Wenn du also weitere Schriftformatierungen hinzufügst, gelten diese für sämtliche Schriften (auch Überschriften).
Sofern du eine Schriftart eines speziellen Dienstes (z.B. Google Web Fonts) einbinden willst, gehst du wie folgt vor:
Such dir im Verzeichnis von Google Fonts deine Lieblingsschriftart und klick auf den Button „Quick-use“. Wähle nun unter den Punkten 1 und 2 die entsprechenden Schriftartoptionen. Nun markierst und kopierst den HTML-Link unter Punkt 3 in die Zwischenablage und fügst diesen in das Feld „HTML-Code (<link href=…>) für individuelle Standardschriftart“ ein.
Kopiere nun den CSS-Code aus Punkt 4 und füge diesen in das Feld „CSS-Code (font-family:…;) für individuelle Standardschriftart“ ein.
Hast du alles richtig gemacht, siehst du in der Vorschau die neue Schriftart. Speichern nicht vergessen.
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. Wäre auch nicht fair, wenn du meine Arbeit als deine ausgeben würdest, oder?
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 mir eine kleine Spende in Höhe von 10 € für meine Kaffeekasse zukommen lassen würdest. 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 – 28.08.2013
- Release
man habe ich lange auf dieses Theme gewartet ;) Seid es auf der Showcase-Seite war^^
ist echt eines der besten Themes die man derzeit für WP finden kann meiner Meinung nach.
Hallo Mirko,
freut mich, dass dir das Theme gefällt :)
Gruß Olli
Wieder mal saubere Arbeit geleistet aber irgendwie geht mir die Suchleiste im Footer aber!?
Gefällt mir!
Ein sehr schönes Theme. Gefällt mir sehr gut. Auch die vielfältigen Einstellungsmöglichkeiten die über das Backend geboten werden finde ich super.
Hallo Oliver!
Vielen Dank für dieses Theme! Es entspricht etwa dem, wonach ich schon länger gesucht habe. Leider musste ich aber bereits ein bisschen dran schrauben weil mir beispielsweise nicht gefallen hat, dass das Header-Bild den Browser horizontal nicht ausfüllt..
Ich fände es auch super mehr Widget-Plätze (Footer z.B. auf jeden Fall) oder einen weiteren Menüplatz über dem Header-Bild zu haben. Im Prinzip wie ein Mix aus FUENFZEHN und SECHZEHN.. Sonst ist das aber ein unglaublich gutes Theme!
Liebe Grüße
Jens
Hab das jetzt bei mir mittels Child Theme schon ungefähr so angepasst wie ich es mir vorstelle und z.B. den Wigetbereich im Footer hinzugefügt! Vielen Dank nochmal fürs großartige Theme!
Hallo Olli,
ein sehr schönes Theme, wie ich finde.
Allein das Problem mit dem Dropdown-Menü im Landscape-Modus auf dem iPad ist noch störend.
Da kann ich noch nicht die Kinder- bzw. Enkelkinderseiten aufrufen.
Gruß
Ronald
Hallo Ronald,
hast du hierzu schon eine Lösung gefunden?
@Olli
Sehr schönes Theme, wobei ich mir als Anfänger in Sachen WordPress noch die Funktionsweise des Themes erarbeiten muss.
Gruß
Stefan
Hallo Oliver,
ein sehr schönes Theme, danke dafür!
Eine Frage hätte ich da, wie kann man die Headergröße verändern? Wenn ich in der CSS die Größe anpasse, hab ich dann den jeweils freien Bereich mit Farbe gefüllt, das sieht nicht toll aus :(
Über eine Antwort freue ich mich!
Hallo Joern,
gehe mal davon aus, dass du die Größe des Kopfzeilenbildes meinst, oder? Diese wird zum einen in der
functions.php(nach „custom-header“ suchen) sowie in derstyle.css(Element.header-image) mit einer Größe von 1680 x 400 Pixel festgelegt.Viel Erfolg.
Gruß Olli
Hallo,
und vielen Dank für das Template. Ist schon das 2te von dir, welches ich nutze. Gibt es eine Möglichkeit, die Thumbnails der Bild-Gallerien nicht mit abgerundeten Ecken hin zu bekommen? Oder ist das gar nicht im Template festgelegt?
Danke
Re
Hallo,
wenn du im Stylesheet folgendes ergänzt, werden die Bilder ohne Rundung dargestellt:
.gallery img { border-radius: none !important; }Du verwendest ein Plugin für die Bildgalerien, oder?
Gruß Olli
Hallo Oliver,
ich nutze für eine Webseite seit einiger Zeit das Theme 16. Nun ist der Punkt „Beitragsbild“ beim Erstellen eines Artikels verschwunden. Wie kann das sein?
Hallo Thomas,
eventuell über die Optionen (Button oben rechts beim Beitrag) versehentlich ausgeblendet?
Gruß Olli
Hallo Oliver,
vielen Dank für das Theme.
Ich habe nun zwei kleine Fragen.
1. Die Buttons für die sozialen Netzwerke sind ja vorgegeben, so weit ich das sehen kann. Ist es möglich andere Buttons einzufügen? Bspl. für Twitch?
2. Ist es möglich auf Seiten (keine Beiträge) die Kommentarfunktion zu aktivieren. Ich finde zwar ein Häckchen bei der Seitenerstellung, die wohl Kommentare erlauben, aber ein sichtbaren Feld erscheint nicht.
Gruß
Andy
Hallo Andy,
zu 1.) nein, müsstest du manuell machen.
zu 2.) das Kommentar-Template für Seiten habe ich nicht vorgesehen. Du kannst das aber ziemlich einfach implementieren. Öffne das Template
page.phpund ersetze den Code mit folgendem:<?php get_header(); ?> <div class="left-content"> <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <div class="post-body"> <h1><?php the_title(); ?></h1> <div class="post-content"> <?php the_content(); ?> </div><!--.post-content--> </div><!--.post-body--> <?php comments_template('', true); ?> <?php wp_link_pages(); ?> </div><!--.post--> <?php endwhile; ?> <?php endif; ?> </div><!--.left-content--> <div class="right-content"> <?php get_sidebar(); ?> </div><!--.right-content--> <?php get_footer(); ?>Viel Spaß mit dem Theme.
Gruß Olli
Hallo Olli,
vielen Dank für die schnelle Antwort und für die Lösung. Klappt alles wunderbar.
Und auch die erste Frage habe ich jetzt gelöst. :)
Gruß
Andy