Namba Dokumentation

Demo / Theme kaufen

Video Tutorial

Namba Maße:
– Artikel Standard-Breite: 840 Pixel
– Artikel-Beitragsbilder (Thumbnails): mind. 930px breit, Höhe flexibel
– Beitragsbilder-Einstellungen in Mediathek: mind. 270×270 px Breite + Häkchen bei „Beschneide das Miniaturbild auf die exakte Größe“

1. Theme-Installation

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

1.1. Installation über den WordPress Adminbereich

Um das Namba-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 Namba Theme-Ordner muss für das Hochladen direkt über den WordPress-Adminbereich immer noch im .zip-Format sein. Wähle also die Datei namba.zip aus und klicke auf den Button Jetzt installieren. Nach der erfolgreichen Installation klickst du auf die Option Aktivieren. Dein Namba-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 Namba 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 Namba in der Vorschau-Ansicht unter Design / Themes bei den verfügbaren Themes in deinem WordPress-Adminbereich. Dort kannst du das Theme aktivieren.

2. Widgets

Der Haupt-Widgetbereich im Namba-Theme ist in der linken Sidebar unterhalb des Haupt-Menüs. Hier kannst du alle Standard-Widgets und vor allem auch das eigene Artikel-Formate (Post Format) Wigdet von Namba integrieren.

2.1. Das Artikel-Formate Widget

Mit dem Artikel-Formate (Post Format) Widget von Namba kannst du die bunten Kreise für die verschiedenen Artikel-Formate anzeigen. Die Kreise sind Links zu einer Übersicht all deiner Artikel eines Artikel-Formats (z.B. alle Zitat-Artikel).

Namba Artikel-Formate Widget in der linken Haupt-Sidebar.
Namba Artikel-Formate Widget in der linken Haupt-Sidebar.

2.2. Der Top Widgetbereich für Social Links

Neben dem Haupt-Widgetbereich gibt es außerdem noch einen Widgetbereich oberhalb der Artikel, den „Top Widgetbereich“. Hier kannst du das Namba Social Links Widget integrieren.

2.3. Weitere Widgetbereiche

Weitere Widgetbereiche sind der einspaltige „Widgetbereich unter Hauptinhalt“, der ebenfalls einspaltige „Widgetbereich über dem Footer“ und der zweispaltige Widgetbereich, um weitere Artikel sortiert nach Kategorien anzuzeigen.

2.4. Der Artikel nach Kategorien Widgetbereich

Für diesen Widgetbereich gibt es zwei individuelle Widgets in Namba-Theme. Das Überschriften-Widget, um einspaltige Zwischenüberschriften in den Widgetbereich zu integrieren und das „Neueste Artikel nach Kategorien-Widget“, um eine bestimmte Anzahl der neuesten Artikel einer Kategorie anzuzeigen.

Um die Kategorie zu bestimmen, musst du die Kategorie-ID angeben. Diese findest du in der URL beim Anklicken einer Kategorie unter Beiträge/Kategorien.

Da ein Widget nur die Hälfte der Bildschirmbreite in Desktop-Laoyut von Namba einnimmt, solltest du immer darauf achten, dass du mindestens 2, 4, oder 6 der Widgets in deinen Widgetbereich integrierst und für die jeweils nebeneinander angezeigten Widgets die gleiche Artikel-Anzahl angibst.

2 Namba Recent Post Widgets mit jeweils 4 neuesten Artikeln.
2 Namba Recent Post Widgets mit jeweils 4 neuesten Artikeln.

3. Individuelle Menüs

Im Adminbereich unter Design → Menüs kannst du deine individuellen Menüs für die Haupt-Navigation (unterhalb des Logos in der linken Sidebar) und Footer-Navigation im Namba-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. Die erstellen Menüs musst du dann noch unter Menü-Einstellungen als Footer oder Haupt-Menü aktivieren.

4. Theme-Optionen

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

4.1. Eigene Farben

Hier kannst du die Farben für deine Haupt-Themefarbe (wird für Standard-Artikel und als Haupt-Linkfarbe verwendet), die Hintergrundfarbe und alle Artikel-Formatfarben anpassen.

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.

4.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, es sollte aber nicht breiter als 225 Pixel sein. In der Theme-Option findest du auch die Anleitung für die Integration eines Retina-optimierten Logos. Außerdem musst du noch die Breite und Höhe deines Logos in den Theme-Optionen angeben.

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.

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

Über die Theme-Optionenseite 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.

4.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).

5. Artikel-Formatvorlagen (Post Formats)

Namba unterstützt neben Standard-Artikeln die folgenden WordPress Artikel-Formate: Bild, Galerie, Video, Audio, Link, Zitat und Status. 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:

5.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]

5.2. Video

Für Videos kannst du einfach den entsprechenden Einbetten-Code (z.B. von YouTube- oder Vimeo-Videos) in den Artikel einfügen und darum einen zusätzlichen div-Container mit der CSS-Klasse „video-wrapper“ integrieren, wie in diesem Beispiel-Code:

[code]
<div class="video-wrapper">
Dein Video Einbetten-Code hier…
</div>
[/code]

Videos werden in allen Artikeln automatisch in der vollen Artikelbreite von 840px anzeigt, für kleinere Bildschirmformate werden sie automatisch kleiner skaliert.

5.3. Link

Für die Anzeige von Links im Link Artikel-Format kannst du einfach einen normalen Text-Link in deinen Artikel einfügen. Der erste Link im Artikel-Inhalt wird automatisch größer angezeigt.

5.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 Namba-Theme unterstützt und auch in der Namba Live-Demo gezeigt.

5.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 840 Pixel. Wenn Du ein kleineres Bild einfügst, solltest du eine zentrierte Positionierung (align center) wählen. Natürlich kannst du auch Bildbeschreibungen (Captions) für deine Bild-Artikel nutzen.

6. Archiv-Seite

Beim Anlegen oder Bearbeiten einer Seite kannst du über Attribute / Template das Namba 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 Namba Live-Demo).

7. 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.

8. Shortcodes

Im Namba-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 Namba Live-Demo.

9. Unterstützte Plugins

Contact Form 7 für Formulare (z.B. das Kontaktformular)
Jetpack für Jetpack Widgets, Carousel Galerie-Slideshow, Tiled Galleries etc.
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

10. Theme-Übersetzung

Namba 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 Namba-Nutzer zur Verfügung stellen möchtest, würden wir uns sehr freuen.)

11. Child Theme

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

12. Dokumentation drucken / als PDF speichern

Um die Namba 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