fk:Blog – Fabians Weblog

WordPress Basis Theme in HTML5

Die Geschichte zum Basis Theme

Durch die tägliche Arbeit mit WordPress für Kundenwebseiten, eigenen Projekten oder Freunden, haben sich gewisse dinge bei der Entwicklung und Erstellung der Themes als Standard für mich etabliert. Dinge die immer und immer wieder kommen oder sehr häufig für die Entwicklung von Kundenwünschen benötigt werden.
So habe ich vor etwas über ein Jahr, für mich und meine Arbeitskollegen eine eigene WordPress Theme Umgebung entwickelt, mit der es uns möglich war, schnell und effektiv Webseiten auf WordPress Basis für Kunden umzusetzen. Aus der Entstehung dieses Themes heraus, entwickelte sich eine Feste Basis, mit der alle Webseiten in unserer Agentur, aber auch im Privaten Umfeld, realisiert wurde.

Der klare Vorteil für mich und meine Arbeitskollegen bestand darin, das man sich nicht in vielen unterschiedlich aufgebauten Webseiten zurecht finden mussten, was natürlich erheblich Zeit einspart, wenn man kurzfristig an einer Webseite Arbeiten muss, die normalerweise ein anderes Team Mitglied betreut.

Dieser Theme ist für uns Flexible, in Gestaltung und Funktion und wurden neue Funktionen benötigt, die das Team zukünftig häufiger bei der Webseiten Realisierung im Einsatz braucht, so wird der Theme dahin entsprechend erweitert.

Mittlerweile Pflege ich die Private Variante des alten Basis Theme nicht mehr und füge nur für Freunde oder eigene Projekte entsprechend Funktionen hinzu, wenn diese im Projekt benötigt werden. Dadurch entstand gegenüber der Basis Theme Version auf der Arbeit mittlerweile ein riesiger unterschied im Entwicklungsstand beider Varianten, so das ich mich unter anderem aus diesem Grunde dafür entschied, einen neuen Basis Theme zu entwickeln.

Die Zukunft des Basis Theme

Durch die verschiedenen Entwicklungen beider Varianten, habe ich vor ein paar Wochen beschlossen einen neuen Basis Theme aufzusetzen, dieser sollte das Alte natürlich bei weiten übertreffen.

Durch das verstärkte Interesse, der letzten Wochen an HTML5 und CSS3, beschloss ich im Dezember 2011, den neuen Basis Theme auf Basis von HTML5 und CSS3 zu entwickeln und machte mich an die Arbeit ein Grundgerüst in HTML5 zu erstellen, das mir die Flexibilität aus dem alten Basis Theme gibt. Größte Unterschiede zum Doctype, der nun HTML5 tauglich ist und nicht mehr Strict xHTML 1.0, sind die Arbeiten an der CSS.

Die alte Version des Basis Themes, basiert auf Feste Größen in Pixel, was natürlich nicht viel Spielraum lässt für die vielen verschiedenen Bildschirmauflösungen der Besucher.
Im alten Basis Theme und besonders bei Kundenwebseiten haben Analysen uns gezeigt, das immer noch extrem viele Besucher mit einer Auflösung von 1024px x 768px unterwegs sind, so das man sich auf eine Breite von 1000px für die Webseiten entschloss.
Nur in manchen fällen, wurde die Webseite in der breite größer, wenn dies anhand der Statistik Daten für die Zielgruppe realisierbar war.

Der neue HTML5 Basis Theme kommt nicht mehr mit Festen Größen in Pixel, sondern wird ein Fluid Grid Layout zum Einsatz kommen, das uns 2 Vorteile verschafft gegenüber das Arbeiten mit festen Werten.

• 1. Vorteil
  Durch das Fluid Grid Layout bieten sich viele Möglichkeiten die Bildschirme der Besucher besser zu nutzen, da man hier mit Flexiblen Werten in Prozent Arbeiten kann und so nicht mehr auf eine Auflösung reduzieren muss.
• 2. Vorteil
  Durch die Arbeit mit dem Fluid Grid Layout schaffen wir außerdem eine gute Voraussetzung für Responsive Webdesign das ich im neuen Basis Theme zusätzlich mit Media Queries unterstützten werde.
  Dadurch können wir nicht nur auf den verschieden Desktop Bildschirmgrößen Optimieren, sondern auch auf die vielen Smartphones und Tablets wie iPhone oder iPad.

Um aber uns nicht ganz von Prozenten beherrschen zu lassen, wird in den Theme Optionen die Möglichkeit gegeben eine Mindestens breite anzugeben, so das wir uns auf gewisse Werte bei der Erstellung von Layout und auch Inhalt auf Werte Festlegen können.

Zu dem einfachen Mitteln, die ich bereits im alten Basis Theme verwendet habe, wird es zukünftig für den HTML5 Basis Theme eine „Theme-Options-Seite“ geben, auf der diverse Einstellungen wie mind. Breite, Layout Aufteilung (1-, 2-, 3- Spaltig) usw. eingestellt werden können.

Wichtigste Neuerung gegenüber der alten Variante wird jedoch sein, das das Basis-Theme in Zukunft mit Child Themes Arbeiten wird.

Warum Child Themes?

Eines der dinge die mich in den letzten Wochen am meisten am Alten Basis Theme gestört hat, war das Problem mit dem Updaten bestehender Kundenwebseiten bzw. dessen Basis Theme Varianten.

In der alten Version wurde alles über den Theme und dessen Stylesheet für den Kunden Angepasst, was den Nachteil hatte, das man ohne weiteres kein Update des Themes an bestehenden Kunden Webseiten durchführen konnte.
Dadurch mussten neue Funktionen oder Ausbesserungen vorhandener Funktionen mühevoll per Hand erledigt werden.
Um das Problem zu umgehen, werde ich im HTML5 Basis Theme nur noch mit Child Themes arbeiten. Dies hat den vor teil das am Theme Core nicht gearbeitet werden muss und somit auch Problemlos Updates durchgeführt werden können.

Die Child Themes für das Basis Theme sollen die eigentlichen Layout / Design Angaben für das WordPress Design beinhalten.
Die Stylesheet des Basis Theme stellt hierbei nur noch eine unterstützende Funktion für Child Themes dar, in der unter anderem Layout-Optionen, Standard Formatierungen, Resets etc. geschrieben werden die für eine alternative Darstellung des Inhalts bereit stehen.

Man könnte die Stylesheet des Basis-Themes auch Quasi als „Printsheet“ für den Bildschirm sehen, da in dieser keine Design Technischen Bedingungen verknüpft sind und somit nur ein funktionierendes S/W Theme entsteht.
Mit der Veröffentlichungen des neuen Basis Theme werde ich mind. 2 bis 3 Child Themes zur Verfügung stellen die einfache Designs enthalten werden.
Im laufe der Zeit werden natürlich weitere Child Themes folgen, da ich hier in Zukunft auch einen entsprechenden Premium Bereich draus machen möchte (Nur für Childthemes)

Hört sich alles Interessant an, wann kommt der Theme?

Es gibt eine endlose Feature Liste die ich gerne im neuen Theme einbinden möchte ohne dabei das Theme zu Aufgeblasen daher kommt. Daher wiege ich hier noch einige dinge ab. So wird es definitiv keine SEO-Funktion im Theme geben, hierfür gibt es gute WordPress-Plugins die Ihre Arbeit gut machen.

Das Grund-Layout des Themes steht zu 95% und sollte nun in den nächsten 10 Tagen vervollständigt sein. Danach werden noch ein paar wenige Funktionen eingebaut um dann Anfang Februar die ersten Beta Tests zu machen.

Geplant ist Ende Februar mit einem Öffentlichen Download Release hier im Blog zu Starten.

Ab Mitte bis Ende März ist dann geplant, das Theme soweit angepasst zu haben, das es im Offiziellen Theme Verzeichnis zu finden ist und direkt im Blog Upgedatet werden kann.

Übrigens, für die Beta Phase ab Anfang Februar suche ich noch Freiwillige, die mir Helfen Fehler etc. zu finden.
Bewerben können sich alle die Ernsthaft Interesse haben und Grundkenntnis in HTML / CSS haben und auch dazu bereit sind hin und wieder eine E-Mail an mich zu schreiben was verbesserrungen, Fehler etc. betrifft.

Melden könnt ihr euch für das BETA Testen einfach an fabian@fkblog.de . Bitte als Betreff „Beta Tester Basis Theme“ verwenden.