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
1 |
[button type="primary" target="_blank" size="lg" link="/kontakt/"] Button Text [/button] |
Optionen:
type: default, primary, success,info, warning, danger, link
size: lg,’empty‘, sm, xs
2-Spalten Layout
1 2 |
[two_columns_one] one half [/two_columns_one] [two_columns_one] one half [/two_columns_one] |
3-Spalten Layout
1 2 |
[three_columns_one] one third [/three_columns_one] [three_columns_two] two third [/three_columns_two] |
4-Spalten Layout
1 2 3 |
[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
1 |
[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.