Ponsonby Dokumentation

Ponsonby Maße in Pixel:
• Standard Artikelbreite: 650
• Standard-Beitragsbild: 1020 (and 1530 on wider screens)
• Breite Standard-Sidebar: 160
• Breite der 3-spaltigen Front Page + Footer (links) Widgetbreiche: 280

Wichtig: Um Artikelbilder von bereits veröffentlichten Artikeln anzupassen, bitte das Regenerate Thumbnails Plugin installieren und einmal laufen lassen. Alle fürs Ponsonby benötigten Artikelbild-Formate werden dann automatisch erstellt.

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 Ponsonby Theme-Ordner (ponsonby.zip Datei) herunterladen.

1.1. Installation über den WordPress Adminbereich

Um die ponsonby.zip Datei direkt über den WordPress-Adminbereich zu installieren, klickst du im Admin-Menü auf Design → Themes und dort auf den Installieren-Button ganz oben. Hier siehst du den Theme Hochladen-Button, über den du deine ponsonby.zip Datei von deinem Computer auswählen, hochladen und installieren kannst. Um dein neu hochgeladenes Theme zu aktivieren, musst du jetzt noch den Aktivieren-Button klicken, den du bei Maus-Hover auf das Theme-Vorschaubild siehst.

1.2. Installation via FTP-Programm

Alternativ zur Installation des Themes direkt im Adminbereich kannst du den entzipten Ponsonby Theme-Ordner auch mit Hilfe eines FTP-Programms (z.B. dem kostenlosen Programm Filezilla) auf deinen Serverplatz 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 Ponsonby in der Vorschau-Ansicht unter Design → Themes bei den verfügbaren Themes in deinem WordPress-Adminbereich. Dort kannst du das Theme aktivieren.
Nach Oben ↑

2. Die Startseite erstellen

Ponsonby bietet eine Standard-Blogansicht mit einem Blog-Inhaltsbereich und einer rechtsbündigen Sidebar an. Wenn du allerdings die Ponsonby-Startseite mit den verschiedenen. mehrspaltigen Artikel-Widgetbereichen nutzen möchtest, musst du dir als erstes eine individuelle Startseite einrichten.

Dazu erstellst du einfach eine neue, leere Seite (z.B. mit dem Titel „Start“ oder „Startseite“) und wählst für diese Seite im Feld „Attribute“ das Seiten-Template Front Page aus. Jetzt kannst du unter Design → Anpassen → Statische Startseite deine neue angelegte Seite als „Startseite“ auswählen.

Möchtest du auch die Standard-Blogansicht nutzen, kannst du eine weitere neue, leere Seite anlegen (z.B. mit dem Namen Blog) und diese im gleichen Menü als „Beitragsseite“ auswählen.
Nach Oben ↑

3. Widgetbereiche und Widgets

Ponsonby bietet eine ganz Anzahl von Widgetbereichen und Theme-eigenen Widgets an. Du findest die Einstellungen für die Widgets under Design → Widgets oder unter Design → Anpassen → Widgets.

3.3. Widget-Bereiche im Überblick

Als erstes gibt es die 10 Widgetbereiche für die eigene Startseite. Hier ist ein Überblick, wie die Widgetbereiche der Startseite unterteilt sind.

Die Widgetbereiche der Ponsonby-Startseite.
Die Widgetbereiche der Ponsonby-Startseite.

Start: Oben 3-spaltig (links)
Start: Oben 3-spaltig (Mitte)

Start: Oben 3-spaltig (rechts)

Start: Mitte 2-spaltig A (big links)

Start: Mitte 2-spaltig A (small rechts)

Start: Mitte 2-spaltig B (small links)

Start: Mitte 2-spaltig B (big rechts)

Start: Unten 3-spaltig (links)

Start: Unten 3-spaltig (Mitte)

Start: Unten 3-spaltig (rechts)

Du musst natürlich nicht alle Startseiten-Widgetbereiche mit Inhalt füllen. Du kannst auch nur einige Spalten oder sogar nur einen Widgetbereich auf der Startseite nutzen.

Es kommt noch der Blog-Sidebar Widgetbereich dazu, die Widgets in diesem Bereich werden in der rechten Sidebar auf dem Blog und den Einzel-Artikeln angezeigt.

Außerdem kannst du noch die drei optionalen Footer-Widgetbereiche nutzen. Die Widgetbereiche sind: Footer 3-spaltig (links), Footer 3-spaltig (Mitte) und Footer 3-spaltig (rechts).

3.2. Die Ponsonby Widgets
Neueste Artikel für die Startseite (Ponsonby Front – Recent Posts)

Mit Hilfe des „Ponsonby Front – Recent Posts“ Widgets kannst du deine Blog-Artikel, gefiltert nach Kategorien oder Schlagwörtern, in den verschiedenen Widgetbereichen der Startseite anzeigen. Du kannst im Widget auch zwischen drei verschiedenen Artikel-Ansichten wählen:

– kleine Beitragsbilder
– keine Beitragsbilder
– große Beitragsbilder (für die großen 2-spaltigen Widgetbereiche auf der Startseite)

Das Ponsonby Artikel-Widget.
Das Ponsonby Artikel-Widget.

Du kannst außerdem wählen, wie viele Artikel du im Widget anzeigen möchtest und welche Kategorien oder Schlagwörter die im Widget gezeigten Artikel haben sollen. So kannst du auf deiner Startseite Artikel nach verschiedenen Themengebieten filtern. Bitte achte darauf, dass du die richtige Kategorie-Titelform nutzt, da sicher die Kategorie-Titelform vom Kategorie-Namen unterscheiden kann (die Kategorie „Amazing Places“ hat z.B. die Kategorie-Titelform „amazing-places“). Du findest die Auflistung der Kategorie- oder Schlagwörter Titel-Formen unter Artikel → Schlagwörter oder Artikel → Kategorien.

Die 3-spaltigen und kleinen 2-spaltigen Widgetbereiche der Startseite können auch für die Ansicht von Standard-Widgets (z.B. „Kategorien“ oder „Archiv“) genutzt werden. Alle Standard-Widgets werden wie die Blog-Sidebar mit einer Breite von 160px angezeigt.

Zitat-Widget (Quote Ponsonby)

Das Ponsonby Zitat-Widget kannst du ebenfalls in alle Widgetbereiche integrieren. So kannst du einen deiner Lieblingssprüche oder Zitate auf deiner Webseite anzeigen. Du kannst einfach den Zitat-Text in das Feld eintragen und optional auch noch den Autor des Zitats angeben. Du kannst für einen Link zur Webseite des Zitat-Autors wieder HTML nutzen:

by <a href ="AuthorURL">Author Name</a>
Social Links (mit dem individuelles Menü-Widget)

Für die Social Links mit Icon und Text darunter musst du als erstes ein neues, individuelles Menü mit dem Namen „Social One“ unter Design → Menüs anlegen (für weitere Social Link Menüs nutze bitte die Menü-Namen „Social Two“ und „Social Three“, es sind bis zu drei Social Link Menüs möglich).

Du kannst die Links zu deinen sozialen Profilen mit Hilfe von „eigenen Links“ eintragen. Die URLs der folgenden sozialen Dienste werden mit Icons angezeigt:

Codepen, Digg, Dropbox, Facebook, Flickr, Google+, Instagram, LinkedIn, Pinterest, Path, Dribbble, PollDaddy, GetPocket, Reddit, Skype, StumpleUpOn, Tumblr, Twitter, Vimeo, YouTube, WordPress.com, WordPress.org, 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 einem Widgetbereich anzuzeigen.
Nach Oben ↑

4. Theme Optionen

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

Im Tab Farben kannst du die Textfarbe deines Header-Titels, deine Standard-Hintergrundfarbe und die Link-Textfarbe bestimmen.

Du kannst im Tab Header-Bild auch dein eigenes Logobild im Ponsonby-Theme hochladen. Die maximale Breite für ein eigenes Logobild ist 280 Pixel. Die Höhe ist flexibel. Wenn du den Titel verbergen möchtest, kannst du die Einstellung im Tab Seitentitel vornehmen.

Im Tab Theme findest du die Option das rechtsbündige Hauptmenü auf größeren Bildschirmen fest zu positionieren. Du kannst außerdem die Suche unten im Hauptmenü, sowie alle Beitragbilder in der Artikel-Einzelansicht verbergen.

Weiter kannst du einen individuellen Headertext eintragen, der in der linken Header-Spalte angezeigt wird (HTML, z.B. Links sind möglich). Auch den Footer-Credittext kannst du individuell anpassen.

Die Ponsonby Theme-Optionen unter Design / Anpassen.
Die Ponsonby Theme-Optionen unter Design / Anpassen.

4.2. Hinweis zu eigenen CSS-Anpassungen:

Um das Theme mit eigenem CSS anzupassen, kannst du das Custom CSS Feature unter Design → Customizer.
Nach Oben ↑

5. Individuelle Menüs

Im Adminbereich unter Design → Menüs kannst du dir ein eigenes Haupt-Menü für das rechtsbündige Haupt-Menü, sowie ein zusätzliches „Header Top Menü“ (wird in der 2. Header-Spalte angezeigt) anlegen.

Du kannst ein Menü erstellen, indem du einen beliebigen Namen für dein Menü wählst und dann deine gewünschten Seiten, Links, Kategorien, Schlagworte oder Formatvorlagen in dein Menü addierst. Nachdem du deine Menüpunkte angelegt hast, musst du dein neues Menü noch unter Menü-Einstellungen unten im Menü als das jeweilige Menü markieren und speichern.
Nach Oben ↑

6. Typografie Optionen

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

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>

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>

Nach Oben ↑

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 Ponsonby Live-Demo.
Nach Oben ↑

8. Unterstützte Plugins

Jetpack für Teilen-Buttons, zusätzliche Jetpack-Widgets, Carousel Galerie-Slideshow, gekachelte Bildergalerien und unendliches Scrollen
Contact Form 7 für Formulare (z.B. das Kontaktformular)
Simple Share Buttons Adder für Teilen-Buttons
Nach Oben ↑

10. Theme-Übersetzung

Ponsonby 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.
Nach Oben ↑

11. Child Theme

Falls du Ponsonby ü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 Ponsonby Eltern-Themes nicht verloren gehen. Du kannst dir den vorbereiteten Ponsonby Child-Theme Ordner herunterladen. So kannst du schnell mit deinen Anpassungen loslegen.
Nach Oben ↑

12. Dokumentation drucken oder als PDF speichern

Um die Ponsonby 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 oder PDF speichern
Nach Oben ↑