Neubau Dokumentation

Demo / Theme kaufen

Neubau Maße in Pixel:
• Standardbreite Beitragsbild: 800
• Breit hervorgehobenes Beitragsbild (Sticky Post): 1280
• max. Beitragsbreite (große Monitore): 1245
• max. Breite Blog-Sidebar: 550

Wichtig: Um Beitragsbilder von bereits veröffentlichten Beiträge anzupassen, bitte das Regenerate Thumbnails Plugin installieren und einmal laufen lassen. Alle fürs Neubau benötigten Beitragsbilder werden dann automatisch für deine Webseite generiert.

1. Theme-Installation

Nach dem erfolgreichen Theme- oder Theme Bundlekauf erhältst du eine Email mit deinem individuellen Download-Link. Über diesen Link kannst du dir den Neubau Theme-Ordner (neubau.zip) herunterladen.

1.1. Installation über den WordPress Adminbereich

Um das Neubau-Theme direkt über den WordPress-Adminbereich zu installieren, klickst du im WordPress-Admin-Menü auf Design → Themes. Hier findest du den Button Installieren ganz oben auf der Seite. Über den Button Theme hochladen kannst du dann die neubau.zip Datei von deinem lokalen Computer auswählen und installieren. Nach der erfolgreichen Installation klickst du auf die Option Aktivieren. Dein Neubau-Theme ist jetzt das aktuell aktive Theme deiner Webseite.

Wichtig: Der Neubau Theme-Ordner muss für das Hochladen direkt über den WordPress-Adminbereich im zip-Format sein.

1.2. Installation via FTP-Programm

Alternativ zur Installation des Themes direkt über den WordPress-Adminbereich kannst du den entzipten Neubau Theme-Ordner auch mit Hilfe eines FTP-Programms (z.B. dem kostenlosen Programm Filezilla) über Web-FTP auf deinen Serverspace hochladen. Dafür musst du den kompletten Theme-Ordner in den WordPress Installations-Ordner …/wp-content/themes/ hochladen.

Nach dem Upload des Theme-Ordners findest du Neubau in der Vorschau-Ansicht unter Design → Themes bei den verfügbaren Themes in deinem WordPress-Adminbereich. Dort kannst du das Theme dann aktivieren.

2. Hervorgehobene Beiträge (Sticky Posts)

neubau-stickyposts

Um hervorgehobene Beiträge in einem größeren Design auf deiner Blog-Startseite zu zeigen, kannst du diese Beiträge einfach als „Hervorgehobene Beiträge“ (Sticky Posts) in deinem Adminbereich markieren.

Wenn du bereits veröffentlichte Beiträge markieren möchtest, findest du die Einstellung, indem du unter Beiträge mit der Maus über die einzelnen Beiträge in der Liste fährst und in den Optionen die „Schnell-Bearbeitung“ (Quick Edit) auswählst. Hier findest du ganz rechts die Option „Diesen Beitrag oben behalten“.

Bei neuen Beiträgen findest du die gleiche Option unter Veröffentlichen → Sichtbarkeit.

3. Widgetbereiche und Widgets

Neubau hat einen dreispaltigen Footer-Widgetbereich und eine linksbündige Sidebar, die auf Einzel-Artikeln zu sehen ist.

Die Einstellungen für die Widgets sind unter Design → Widgets oder unter Design → Anpassen → Widgets zu erreichen. Du kannst alle WordPress Standard-Widgets und die zusätzlichen Widgets des Jetpack-Plugins in die Widgetbereiche einfügen.

Social Links als Widget

Um deine Social Links mit Icons in einem der Widgetbereiche anzuzeigen, musst du die Links in einem eigenen Menü unter Design → Menüs anlegen (mit Hilfe der individuellen „Links“ Option).

Für die folgenden sozialen Dienste sind Icons vorbereitet:

Codepen, Digg, Dropbox, Facebook, Flickr, Google+, Instagram, LinkedIn, Pinterest, Path, Dribbble, PollDaddy, Pocket, Reddit, Skype, StumpleUpOn, Tumblr, Twitter, Vimeo, YouTube, WordPress.com, WordPress.org, Spotify, Feed (alle URLs mit /feed) und Email (mit mailto).

Jetzt kannst du wieder zurück zu deinen Widgets unter Design → Widgets gehen und das Individuelle Menü-Widget nutzen, um dein „Social“ Menü in einer Sidebar anzuzeigen.

4. Theme Optionen

Unter Design → Anpassen kannst du den WordPress-Customizer mit einer Live-Vorschau aufrufen. Hier findest du alle Anpassungs-Optionen für das Neubau-Theme.

4.1. Eigenes Logo

Dein eigenes Logo kannst du unter Design → Logo einfügen. Den Standard-Titel und Beschreibungstext kannst du dann unter Seiten-Titel deaktivieren.

4.2. Farben

Im Tab Farben kannst du die Textfarbe deines Standard Seiten-Titels, der Standard-Hintergrundfarbe, deine Linkfarbe, und die des mobilen Menüs und des Footer-Hintergrunds anpassen.

4.3. Theme Optionen

Im Tab Theme Optionen kannst du noch den Credit-Linktext im Footer individualisieren.

Hinweis zu eigenen CSS-Anpassungen:
Um das Theme mit eigenem CSS anzupassen, kannst du das Custom CSS Feature von Jetpack nutzen, falls du das Jetpack-Plugin sowieso bereits installiert hast. Alternativ kannst du das Plugin “Simple Custom CSS” installieren, um dein eigenes CSS Theme-unabhängig einzutragen. Ein hilfreicher Artikel mit Tipps zu CSS-Anpassungen im Theme ist auch: Eigenes CSS in ein WordPress-Theme integrieren – so funktioniert’s

5. Individuelle Menüs

Im Adminbereich unter Design → Menüs kannst du dir ein eigenes Menü für deine Hauptnavigation anlegen. Das Menü im Neubau-Theme ist standardmäßig verborgen und wird erst zu Beginn des Scrollens der Seite sichtbar.

neubau-menu

Du kannst ein Menü erstellen, indem du einen beliebigen Namen für dein Menü wählst und dann deine gewünschten Seiten, Links, Kategorien oder Schlagwörter in dein Menü addierst. Nachdem du deine Menüpunkte angelegt hast, musst du dein neues Menü noch unter Menü-Einstellungen unten als Hauptmenü markieren.

6. Typografie Optionen

Du kannst eine Reihe von extra Typografie-Styles im Neubau-Theme nutzen, um deine Texte noch ansprechender zu präsentieren. Hier findest du auch noch eine Übersicht der Text-Styles in der Live-Demo.

Dropcaps /Initial – Um einen Paragraph z.B. am Anfang eines Artikels hervorzuheben, kannst du einen großen Initial-Buchstaben zu Beginn des Absatzes nutzen. Dazu musst du diesen Code im HTML-Editor auf deinem Artikel oder auf deiner Seite nutzen:

<span class="dropcap">E</span>rster Buchstabe…

Pull Quotes – Um einen Satz im Text noch einmal extra zu betonen, kannst du rechts- und linksbündige Pull Quotes im Text einfügen. Dazu musst du einfach ein oder zwei Sätze in einem p tag mit der CSS-Klasse „pull-left“ oder „pull-right“ einbinden.

<p class="pull-left">Das ist ein linksbündiger Pullquote-Text.</p>

Intro-Text – Du kannst einen Text-Abschnitt in einer größeren Schrift anzeigen, z.B. den ersten Absatz deines Artikels oder deiner Seite. Dazu kannst du diesen Absatz in einen p tag mit der CSS-Klasse „intro“ setzen:

<p class="intro">Deinen Introtext hier einfügen…</p>

Breiter Beitragsbereich – Du kannst extrabreite Bereiche anlegen (um z.B. Fotos größer zu präsentieren). Dazu musst du deine Inhalte in einen extra Div-Container einbinden.

<div class="wide-content">
Your content here, images, text or iframe videos...
</div>

7. Shortcodes

Du kannst Shortcodes für mehrspaltige Elemente, Infoboxen und Buttons nutzen. Beispiele und alle Codes zum Kopieren/Einfügen der Shortcodes findest du auf der Shortcode-Seite der Neubau Live-Demo.

8. Unterstützte Plugins

Contact Form 7 für Formulare (z.B. das Kontaktformular)
Jetpack für Teilen-Buttons, Jetpack Widgets, Carousel Galerie-Slideshow, Tiled Gallery, Kontaktformulare und den Infinite Scroll-Effekt auf dem Blog.

9. Theme-Übersetzung

Neubau ist für die Übersetzung in weitere Sprachen vorbereitet. Am besten verwendest du das WordPress-Plugin Loco Translate, wenn du das Theme in eine weitere Sprache übersetzen oder eine Übersetzung anpassen möchtest. (Wenn du deine Übersetzung auch für andere Neubau-Nutzer zur Verfügung stellen möchtest, würden wir uns sehr freuen.)

10. Child Theme

Falls du Neubau über die Theme-Optionen hinaus individuell anpassen möchtest, solltest du am besten ein eigenes Child-Theme für deine Anpassungen anlegen. Auf diese Weise können deine Anpassungen bei einem Update des Neubau Eltern-Themes nicht verloren gehen. Du kannst dir den vorbereiteten Neubau Child-Theme Ordner herunterladen. So kannst du schnell mit deinen Anpassungen loslegen.

11. Dokumentation drucken oder als PDF speichern

Um die Neubau Theme-Dokumentation als PDF zu speichern oder auszudrucken, kannst du einfach den Print Friendly-Button klicken und die von dir gewünschten Optionen (z.B. Drucken mit oder ohne Bilder oder nur Ausschnitte der Dokumentation drucken) auswählen.

Print Friendly and PDFAusdrucken / PDF speichern