Twitter Bootstrap 3 Blank Theme für WordPress

Auf der Suche nach einem einfachen WordPress Theme auf Basis des aktuellen Twitter Bootstrap 3 Framework, welches ich zur individuellen Theme-Entwicklung nutzen kann, bin ich leider nicht fündig geworden. Also habe ich selbst eine Theme erstellt, was mir bereits sehr viel Arbeit erspart hat. Es ist ein reines blank Theme, das bedeutet, es sind einige Templates und Theme-Funktionen vorhanden, jedoch nur ein minimales Styling. Das Theme könnt Ihr als Basis für Eure individuelle Theme-Entwicklung nutzen und wird von mir nach und nach aktualisiert. Die Veröffentlichung erfolgt unter der GPL – ihr könnt es beliebig nutzen und verändern!

Download

Source auf Github herunterladen

Installation

Download des Theme, Installation in einer aktuellen WordPress Umgebung.

Theme Optionen

Unter Design > Optionen gibt es ein paar Einstellungen, die man für das Theme vornehmen kann.

Menüs

Erstelle ein Header-, Haupt- und ggf. ein Footer-Menü und weise diese dem entsprechenden Standort unter Design > Menüs zu.

Sidebars

Die Sidebars können für Seiten und Blog Bereiche (Archiv und Single) separat gestaltet werden. Für den Footer stehen 4 Sidebars bereit, wenn die Startseite die neuesten Beiträge zeigt, stehen 3 Home Sidebars zur Verfügung.

Shortcodes

Buttons

Optionen:
type: default, primary, success,info, warning, danger, link
size: lg,’empty‘, sm, xs

2-Spalten Layout

3-Spalten Layout

4-Spalten Layout

Divider

Nutzung der vorhandenen Templates

Wenn du auf der Startseite deine neuesten Beiträge anzeigen lässt, kannst du vor den Beiträgen über die Optionen den Inhalt einer bestimmten Seite anzeigen lassen. Auch 3 Home Sidebars werden darunter angzeigt. Möchtest Du eine statische Homepage nutzen, dann erstelle eine Seite und nutze eine der Seitenvorlagen (page, page-full-width) und stelle die statische Startseite unter Einstellungen > Lesen ein.

Anpassung der Templates und CSS Stile

Die Templates sind ganz einfach aufgebaute Seiten, die sich an den Bootstrap Beispielen orientieren und gemäß der Dokumentation nach Belieben angepasst werden können.

Um das reine CSS Layout anzupassen, können die Style-Angaben in der Datei style.css im Root des Theme Ordners ergänzt werden. Die Datei enthält minimale Style Angaben, die natürlich komplett entfernt werden können. Das Import Statement für die Bootstrap Styles muss bestehen bleiben.

Wenn Ihr die Änderungen nicht direkt im Theme vornehmen wollt (z.B. um es updatefähig zu belassen), könnt ihr vorher ganz einfach ein Child Theme einrichten.

Plugins

nstalliere Wp-PageNavi um eine Pagination in den Archiven anzuzeigen. Das Plugin Codestyling Localization kann z.B. genutzt werden um Übersetzungen zu überarbeiten oder neue hinzuzufügen.

Auf der Suche nach einem einfachen WordPress Theme auf Basis des aktuellen Twitter Bootstrap 3 Framework, welches ich zur individuellen Theme-Entwicklung nutzen kann, bin ich leider nicht fündig geworden. Also habe ich selbst eine Theme erstellt, was mir bereits sehr viel Arbeit erspart hat. Es ist ein reines blank Theme, das bedeutet, es sind einige Templates und Theme-Funktionen vorhanden, jedoch nur ein minimales Styling. Das Theme könnt Ihr als Basis für Eure individuelle Theme-Entwicklung nutzen und wird von mir nach und nach aktualisiert. Die Veröffentlichung erfolgt unter der GPL – ihr könnt es beliebig nutzen und verändern!

Download

Source auf Github herunterladen

Installation

Download des Theme, Installation in einer aktuellen WordPress Umgebung.

Theme Optionen

Unter Design > Optionen gibt es ein paar Einstellungen, die man für das Theme vornehmen kann.

Menüs

Erstelle ein Header-, Haupt- und ggf. ein Footer-Menü und weise diese dem entsprechenden Standort unter Design > Menüs zu.

Sidebars

Die Sidebars können für Seiten und Blog Bereiche (Archiv und Single) separat gestaltet werden. Für den Footer stehen 4 Sidebars bereit, wenn die Startseite die neuesten Beiträge zeigt, stehen 3 Home Sidebars zur Verfügung.

Shortcodes

Buttons

    
         Button Text     
    

Optionen:
type: default, primary, success,info, warning, danger, link
size: lg,’empty‘, sm, xs

2-Spalten Layout

[two_columns_one] one half [/two_columns_one]
[two_columns_one] one half [/two_columns_one]

3-Spalten Layout

[three_columns_one] one third [/three_columns_one]
[three_columns_two] two third [/three_columns_two]

4-Spalten Layout

[four_columns_two] two fourth [/four_columns_two]
[four_columns_one] one fourth [/four_columns_one]
[four_columns_one] one fourth [/four_columns_one]

Divider

[divider]

Nutzung der vorhandenen Templates

Wenn du auf der Startseite deine neuesten Beiträge anzeigen lässt, kannst du vor den Beiträgen über die Optionen den Inhalt einer bestimmten Seite anzeigen lassen. Auch 3 Home Sidebars werden darunter angzeigt. Möchtest Du eine statische Homepage nutzen, dann erstelle eine Seite und nutze eine der Seitenvorlagen (page, page-full-width) und stelle die statische Startseite unter Einstellungen > Lesen ein.

Anpassung der Templates und CSS Stile

Die Templates sind ganz einfach aufgebaute Seiten, die sich an den Bootstrap Beispielen orientieren und gemäß der Dokumentation nach Belieben angepasst werden können.

Um das reine CSS Layout anzupassen, können die Style-Angaben in der Datei style.css im Root des Theme Ordners ergänzt werden. Die Datei enthält minimale Style Angaben, die natürlich komplett entfernt werden können. Das Import Statement für die Bootstrap Styles muss bestehen bleiben.

Wenn Ihr die Änderungen nicht direkt im Theme vornehmen wollt (z.B. um es updatefähig zu belassen), könnt ihr vorher ganz einfach ein Child Theme einrichten.

Plugins

nstalliere Wp-PageNavi um eine Pagination in den Archiven anzuzeigen. Das Plugin Codestyling Localization kann z.B. genutzt werden um Übersetzungen zu überarbeiten oder neue hinzuzufügen.