Kiore Moana Dokumentation

Video Tutorial

Kiore Moana Maße:
– Artikel Standard-Breite: 960 Pixel
– Bild-, Video-, Gallerie-Artikel: 1160 Pixel Breite
– Beitragsbilder (Thumbnails) der Standard-Artikel: flexibel, empfohlen 1900px Breite für große Vorschaubilder (Einstellungen / Mediathek)

1. Theme-Installation

Nach dem erfolgreichen Themekauf erhältst du eine Email mit deinem individuellen Download-Link. Über diesen Link kannst du dir den Kiore Moana Theme-Ordner (kioremoana.zip Datei) herunterladen.

1.1. Installation über den WordPress Adminbereich

Um das Kiore Moana-Theme direkt über den WordPress-Adminbereich zu installieren, klickst du im WordPress-Admin-Menü auf Design / Themes. Hier findest du neben dem Tab Themes verwalten den Tab Themes installieren. Ganz oben in der Leiste wählst du jetzt den Menü-Punkt Hochladen.

Der Kiore Moana Theme-Ordner muss für das Hochladen direkt über den WordPress-Adminbereich immer noch im .zip-Format sein. Wähle also die Datei kioremoana.zip aus und klicke auf den Button Jetzt installieren. Nach der erfolgreichen Installation klickst du auf die Option Aktivieren. Dein Kiore Moana-Theme ist jetzt das aktuell aktive Theme deiner Webseite.

1.2. Installation via FTP-Programm

Alternativ zur Installation des Themes direkt im Adminbereich kannst du den entzipten Kiore Moana 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 Kiore Moana in der Vorschau-Ansicht unter Design / Themes bei den verfügbaren Themes in deinem WordPress-Adminbereich. Dort kannst du das Theme aktivieren.

2. Info-Seite einrichten

Um die Kiore Moana Infoseite und den Info-Button einzurichten, musst du einfach eine neue, leere Seite anlegen (du kannst den Titel der Seite frei wählen) und dieser Seite unter Attribute/Template das Seiten-Template Info Page Template zuweisen.

Außerdem solltest du noch die Kommentare und Pingbacks im Optionsfeld „Diskussion“ deaktivieren. Falls du die Option „Diskussion“ nicht gleich findest, musst du sie eventuell erst noch über den Optionen-Button (ganz oben rechts im Adminbereich) aktivieren.

Nachdem du deine neue Info-Seite veröffentlicht hast, musst du einfach noch die Seiten-URL (Permalink unterhalb des Titels im Adminbereich) kopieren und in der obersten Theme-Option (Design/Theme-Optionen) als Info-Seiten URL eintragen. Sobald du die Einstellungen der Theme-Optionen gespeichert hast, wird der Info-Button und die Infoseite angezeigt.

3. Info-Seiten Widgets

Natürlich ist deine Infoseite jetzt noch leer und du kannst beginnen deine Infoseite mit Hilfe von Widgets zu füllen. Dazu gehst du auf Design / Widgets und ziehst die gewünschten Widgets in den Haupt-Widgetbereich. Neben den Standard-Widgets hast du auch die Kiore Moana Widgets Flickr, Social Links, Featured Video und About zur Verfügung. Für das About-Profilbild musst du zuerst ein Bild über die WordPress-Mediathek integrieren (siehe Medien / Datei hinzufügen). Dann kannst du die entsprechende Bild-URL und die Bild-Maße in dein About-Widget eintragen.

Kiore Moana Infoseite
Die Kiore Moana Info-Seite.

Um eine Seitennavigation ganz oben auf deiner Infoseite anzuzeigen, kannst du das WordPress Widget „Individuelles Menü“ ganz oben in den Widgetbereich einfügen und ein von dir zuvor angelegtes individuelles Menü (siehe Design / Menüs) für die Infoseiten-Navigation auswählen.

4. Individuelle Menüs

Im Adminbereich unter Design / Menüs kannst du deine individuellen Menüs für deine Infoseiten- und Footer-Navigation im Kiore Moana Theme anlegen.

Du kannst Menüs 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. Im Footer-Menü werden keine Untermenü-Punkte unterstützt. Das Footer-Menü musst du unter Menü-Einstellungen als Footer-Menü aktivieren. Das Infoseiten-Menü kannst du wie unter Infoseiten-Widgets beschrieben über ein individuelles Menü-Widget auf der Infoseite integrieren.

Du kannst ein „Back to Top“ (Nach Oben) Button wie in der Kiore Moana Live Demo integrieren, indem du einfach einen Link erstellst und in die URL #doc einträgst.

5. Theme-Optionen

Über den Menüpunkt Theme-Optionen (siehe Design / Theme Optionen) findest du weitere, praktische Möglichkeiten zur Anpassung und Individualisierung deines Kiore Moana-Themes (Screenshot der Theme-Optionenseite).

5.1. Eigene Farben

Neben der Angebe zur Info-Seiten URL kannst du die Farben für Links, Link-Hovers, den Infoseiten-Hintergrund (und Infoseiten-Button) und den Infoseiten-Button Hover individualieren. Du kannst du Farben entweder direkt über die Angabe eines Hex-Farbwerts (z.B. #f2f2f2) angeben oder (per Klick in das Farbfeld) den Farbwähler zur Auswahl einer Farbe nutzen.

5.2. Eigenes Logo, Artikel-Exzerpte und eigene Texte

Weiter kannst du auf der Theme-Optionenseite ein eigens Logobild oder Profilbild als Logo hochladen. Ein transparentes PNG ist als Datei-Format am besten geeignet. Das Format des Logo-Bildes ist flexibel, das Profilbild in der Kiore Moana Live-Demo hat das Format 115x115px.

Standardmäßig wird der Webseiten-Titel rechts neben deinem Bild weiter angezeigt. Möchtest du den Titel verbergen und stattdessen und dein Logobild integrieren, kannst du die Option „Seiten-Titel nicht anzeigen“ aktivieren.

Um einem Bild mit Hilfe von CSS abgerundete Ecken zu geben, kannst du außerdem in der „Eigenen CSS“ Option die folgenden CSS-Eigenschaften eintragen:

[code]
#site-title a.logo img {
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
}
[/code]

Möchtest du nicht den more-link in einem Standard-Artikel setzen, um diese auf der Blog-Startseite zu kürzen, kannst du als nächstes die automatische Exzerpt-Option wählen. Bei dieser Ansicht werden alle Standard-Artikel automatisch gekürzt und ein Weiterlesen-Link wird angezeigt.

Direkt in den Theme-Optionen kannst du auch einen eigenen Footercredit-Text angeben. Standard HTML (z.B. Links) ist dabei möglich.

5.3. Teilen Buttons (Twitter, Google+, Facebook, und Pinterest)

Über die Theme-Optionseite kannst du den Teilen-Button mit den offiziellen Buttons von Twitter, Google+, Pinterest und Facebook für deinen Blog aktivieren. Optional kannst du die Buttons entweder für Artikel auf der Blog-Startseite und auf Artikel-Einzelseiten oder nur auf den Artikel-Einzelseiten verwenden.

5.4. Eigenes CSS

In der letzten Theme-Option kannst du eigenen CSS-Code eintragen, um z.B. Styles für ein externes WordPress-Plugin dort einzutragen oder Styles des Themes zu überschreiben. Wenn du das Jetpack WordPress-Plugin installiert hast, kannst du diesen eigenen CSS-Code auch direkt in die Jetpack-Custom CSS Funktion eintragen (so ist der CSS Code auch bei einem Theme-Wechsel gesichert).

6. Artikel-Formatvorlagen (Post Formats)

Kiore Moana unterstützt neben Standard-Artikeln alle WordPress Artikelformate: Bild, Galerie, Video, Link, Zitat, Kurzmitteilung, Status und Chat. Das gewünschte Artikel-Format kannst du im Feld „Formatvorlage“ beim Verfassen oder Ändern eines Artikels auswählen. Auf diese Weise kannst du deinen Blog vielseitiger und lebendiger gestalten und z.B. auch nur ein einzelnes Zitat, ein Bild oder ein Video auf deinem Blog veröffentlichen. Und so legst du die Artikel-Formate an:

6.1. Zitat

Für die Formatierung von Zitaten kannst du im WordPress Text-Editor das Symbol Zitat bzw. im HTML-Editor den b-quote Button auswählen, nachdem du deinen Zitat-Text markiert hast. Der Code im HTML-Editor sollte dann so aussehen:

[code]

<blockquote>Der Zitat-Text hier…</blockquote>

[/code]

Möchtest du außerdem den Autor des Zitats angeben, kannst du im HTML-Editor den cite-tag hinzufügen:

[code]

<blockquote>Der Zitat-Text hier…

<cite><a href="#">Zitat-Autor</a></cite></blockquote>

[/code]

6.2. Video

Für Videos kannst du einfach den entsprechenden YouTube- oder Vimeo-Einbetten-Code (iframe) in den Artikel einfügen. Falls du Probleme mit der direkten Einbindung des iframe-Codes hast (dieser wird in manchen Fällen automatisch nach dem Speichern wieder gelöscht), kannst du das Iframe WordPress-Plugin nutzen. Mit Hilfe des Plugins kannst du dann einen iframe-Shortcode für die Einbindung von Videos nutzen. Videos werden in allen Artikeln automatisch in der vollen Video-Artikelbreite (du solltest in den Einbetten-Einstellungen 1160 Pixel angeben) anzeigt, so können sie für kleinere Bildschirmformate automatisch kleiner skaliert werden.

6.3. Link

Für die Anzeige von Links im Link Artikel-Format kannst du einfach einen normalen Text-Link in deinen Artikel einfügen.

6.4. Bildergalerie

Für das Galerie-Artikelformat kannst du ganz einfach mehrere Bilder über den Dateien hinzufügen in einen Beitrag hochladen. Dann wählst du im Bild-Menü die Option Bildergalerie. Der Gallery-Shortcode wird so automatisch in einen Artikel eingefügt.

Sehr schön Features für Galerie-Artikel sind die Tiled Galleries und das Bilder-Carusel des Jetpack-Plugins. Beide werden im Kiore Moana unterstützt.

6.5. Bild

In das Bild-Artikelformat kannst du einfach wie gewohnt über den Datei Upload-Button ein oder mehrere Bilder (mit oder ohne Bildbeschreibung) in einen Artikel einbinden. Das maximal mögliche Bildformat ist 1160 Pixel. Wenn Du ein kleineres Bild einfügst, solltest du eine zentrierte Positionierung (align center) wählen.

7. Extra Text-Styles

Mit Hilfe zusätzlicher Text-Styles kannst du deine Texte noch etwas individueller gestalten und typografischen Highlights setzen. Die Extra-Styles kannst du im HTML-Editor von Artikeln oder Seiten setzen.

7.1. DropCaps

Um den ersten Buchstaben eines Text-Absatzes größer und farbig (mit der in den Theme-Optionen bestimmten extra Schriftfarbe) zu schreiben, setzt du den Buchstaben in einen span-Tag mit der CSS-Klasse „dropcaps“:

[code]
<span class="dropcaps">D</span>ropcaps sind sehr elegant.
[/code]

Drop Caps im Kiore Moana Theme.
Drop Caps im Kiore Moana Theme.

7.2. Rand-Notizen

Zusätzliche Rand-Notizen zu einem Text-Absatz können mit Hilfe eines p-Tags mit den CSS-Klassen „sidenote-left“ oder „sidenote-right“ rechts- oder links-bündig eines Text-Absatzes angezeigt werden. Setze deine Rand-Notiz einfach vor den Haupt-Textabsatz:

[code]
<p class="sidenote-left">Dein Notiz-Text hier…</p>

Anschließend folgt der weitere Haupt Text-Absatz…
[/code]

Kiore Moana theme side note
Kiore Moana Side-Notiz Style.

7.2. Leicht versetzte Bilder

Um Bilder um jeweils 100px Rechts oder Links aus der Standard-Artikelbreite von 960px zu setzen, kannst du deinem Bild HTMl-Code einfach noch die CSS-Klasse „wide-content“ geben. Zusammen mit „alignleft“ und „alignright“ kannst du dann diesen Effekt erzeugen, um dein Artikel-Layout etwas aufzulockern.

 A hungry Ellen waiting for her lunch :) 

8. Archiv-Seite

Beim Anlegen oder Bearbeiten einer Seite kannst du über Attribute / Template das Kiore Moana Seiten-Template „Archive Page Template“ wählen.

Mit Hilfe des Archivseiten-Templates kannst du ganz leicht eine eigene Archivseite für deinen Blog anlegen, auf der die wichtigsten Schlagwörter, die 30 neuesten Artikel und ein monatliches Archiv deines Blogs angezeigt wird (siehe Beispiel Archiv-Seite der Kiore Moana Live-Demo).

9. Autorenfeld in Standard-Einzelartikeln

Um auf der Einzelseite von Standard-Format Artikeln ein Autorenfeld anzuzeigen, kannst du einfach die „Biografischen Angaben“ unter Benutzer/Dein Profil ausfüllen. Du kannst dort auch Links einfügen (im Format Link Text). Das Gravatar des Autors wird automatisch integriert.

10. Shortcodes

Im Kiore Moana-Theme kannst du Shortcodes für mehrspaltige Elemente, Infoboxen und Buttons nutzen. Beispiele und den Code zum Kopieren/Einfügen findest du auf der Shortcode-Beispielseite der Kiore Moana Live-Demo.

11. Unterstützte Plugins

Contact Form 7 für Formulare (z.B. das Kontaktformular)
Jetpack für Social Comments, Jetpack Widgets, Carousel Galerie-Slideshow, Tiled Galleries etc.
Disqus Comments für Kommentare
Greg’s Threaded Comment Numbering für nummerierte Kommentare (bitte deaktiviere auch hier die CSS-Styles des Plugins in den Plugin-Einstellungen)
WP-PageNavi für eine nummerierte Seiten-Navigation (bitte deaktiviere auch hier die CSS-Styles des Plugins in den Plugin-Einstellungen)
Custom Favicon, um ein Favicon und Apple Touch Icon zu integrieren

12. Theme-Übersetzung

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

13. Child Theme

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

13. Dokumentation drucken / als PDF speichern

Um die Kiore Moana 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