WordPress Basis Theme in HTML5

wp-html5

Die jenigen die mich in Twitter, Facebook oder Google+ verfolgen, werden sicherlich schon mitbekommen haben, das ich an einen WordPress Theme in HTML5 arbeite.

Aber wie kommt es dazu? Warum mach ich das? Was hab ich vor?

Diese Fragen und einige mehr, durfte ich in den letzten Tagen des öfteren beantworten, so das ich mich entschlossen habe, einen Blog Beitrag über mein vorhaben und den Plänen mit dem neuen WordPress Basis HTML5 Theme vorzustellen.

Alles Valide oder was?

Warum Validität nicht alles ist

W3C Logo

Man ließt überall in Fachmagazinen, Blogs oder bei SEOs das es unbedingt wichtig ist seine Webseite in Validen xHTML und CSS zu erstellen damit man besser von Google bewertet wird und einen besseren Rankingfaktor erhält.Es ist richtig das Webseiten Validen xHTML und CSS Quellcode besitzen sollen, jedoch sollte man meiner Meinung ein paar Kleinigkeiten berücksichtigen bei der Erstellung und Validierung der Webseite. Wollen wir zuerst ein kleines Beispiel bringen in Sachen CSS Validierung. In der noch in Entwicklung befindlichen CSS3 Spezifikation gibt es die Möglichkeit Runde Ecken in Umrandungen (und auch einfachen Boxen) zu erstellen, hierzu benutzt man die CSS3 Eigenschaft border-radius. Wie bereits erwähnt, handelt es sich hierbei um eine CSS3 Spezifikation die der W3C noch nicht als Festen Standard implementiert hat und sich somit in Entwicklung befindet. Dies » Den gesamten Artikel Lesen

Screencast 03 – Backups mit Cobian FTP

Automatische FTP Backups mit Cobian FTP

Screencast 03 – Backups mit Cobian FTP

Im Heutigen Screencast geht es um das Thema „Automatische FTP Backups“ mit dem Desktop Programm „Cobian FTP“.
Zu diesem Zweck habe ich mir meinen Arbeitskollegen und besten Freund Maik de Winkel eingeladen und zusammen erklären wir euch in einem ca. 30min. Screencast wie Ihr mit Hilfe des Programmes eure Backups Automatisch auf euren Lokal Computer sicher könnt.

Screencast: Folge 02

Datenbank Optimierung mit WP Optimize

Screencast 03 Datenbank Optimierung

Im 2 Screencast von fkBlog.de zeige ich euch wie Ihr mit Hilfe des Plugins „WP-Optimize“ eure Datenbank optimieren und aufräumen könnt. Datenbank-Optimierung ist wichtig, damit das System stabil und schnell läuft. Im Laufe der Zeit sammelt WordPress eine Unmenge von Daten in der Datenbank die WordPress ausbremsen. Revisionen, Auto Drafts, Spamkommentare usw. werden so zum Speicherfresser und bremsen WordPress beim Laden aus. Mit Hilfe des Plugins WP-Optimize kann man diesen gegenwirken. Wie genau, seht Ihr im Screencast. Natürlich gibt es weitere Optimierungsmaßnahmen um die Performance der Datenbank zu steigern. So kann man z.B. über phpMyAdmin die Datenbank Tabellen Optimieren lassen. Wie fandet ihr den Screencast? Euer Feedback ist erwünscht, habt Ihr fragen würdet Ìhr was besser machen? Was habt ihr noch für Tipps?

Screencast: Folge 01

Automatische Backups mit BackUpWordPress erstellen

intro-1

Vor kurzen habe ich an einem Online-Seminar von CREATIVE TRAININGS teilgenommen in dem 4 Leute in je 15min. Seminare kurz Ihr Thema erläutert haben. Ich war richtig fasziniert von diesem Seminar und fand das ganze ziemlich cool. Die 4 Leute haben anhand einer Bildschirmübertragung Ihre Themen erörtert, so das die Besucher des Seminars zuhause alles verfolgen konnten. Gebannt von dieser Idee habe ich mich hingesetzt und das letzte Thema meines Weblogs, „WordPress-Tipps: Backups von WordPress anlegen“ genommen und mittels einer Screen-Software versucht zu erläutern, wie das Plugin „BackUpWordPress“ funktioniert und einzustellen ist. Das ganze Video ist ca. 15min. lang und liegt bei YouTube als HD Video vor. Fasziniert von der Idee und auch mit dem Gedanken das ganze als feste Serie hier auf fkBlog.de einzuführen habe ich mir auch gleich » Den gesamten Artikel Lesen

jQuery Accessible Tabs

jQuery User Interface

Dirk Ginader hat vor einiger Zeit mit einem Kollegen zusammen ein “wirklich” zugängliches “jQuery UI Tab Plugin” geschrieben. Da ich mich in den letzten Wochen stark mit dem xHTML & CSS Framework “YAML” und auch mit “jQuery” auseinander gesetzt habe, bin ich auf dieses Plugin von Dirk Ginader gestoßen. Das Plugin überzeugt wirklich durch seine Zugänglichkeit, denn selbst bei deaktivieren JavaScript im Browser wird eine saubere und Nutzerfreundliche Anzeige des Inhaltes präsentiert. Ledentlich eine Schwachstelle fiel mir an diesen Plugin auf. Aber machen wir langsam. Hier erstmal der Aufbau des HTML Markups für die Realisierung der Tabs mit dem Plugin: <div class="tabs"> <h6>some dummy headline</h6> <div class="tabbody"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <h3>Lorem ipsum</h3> <p>Nullam malesuada suscipit pede. Nullam ipsum lacus, varius</p> </div> <h6>another dummy headline</h6> <div » Den gesamten Artikel Lesen

Zeigt her, eure Favicons

Nach längerer Abwesenheit meld ich mich zurück mit einer neuen Aktion! Zeigt her eure Favicons!!! Unter diesem motto möchte ich das ihr mir eure “Favicons” zeigt… Die Stylesheet soll nach dem “Link-Kennzeichnungs-Prinzip” meines Tutorials “Mit CSS Externe Links kennzeichnen – CSS-Tutorial” Basieren. Und als image soll euer Favicon her. Dazu werde ich alle an der Aktion Teilnehmenden Webseiten in die Stylesheet einbinden, so wie die Favicons als Images dazu packen und hier zum Download Packen. Die Erste Stylesheet soll am 01.07.2008 Veröffentlicht werden. Wer mit dabei sein will möge also bitte bis zum 30.06.2008 Link seiner Webseite/Blog und die URL zum Favicon in den Kommentaren hinterlassen.

Neues zum BasicTemplate

Für alle Intressenten an mein neues vorhaben bezüglich des BasicTemplate. Auf meiner Testseite kann man sich die ersten Eindrücke zum neuen BasicTemplate holen. Bitte bedenkt jedoch hier 2 dinge. Es handelt sich bei der Testseite um eine Seite die nicht immer aktuell ist und zudem rein auf xHTML läuft (Keine Anwendung im Hintergrund wie WordPress oda so) Das BasicTempalte muss auf der Testseite nicht immer die Aktuelle Version sein! Bitte Hinweise in meinen Blog dies bezüglich beachten

Arbeiten an einem BasicTheme

Ich wollt nur mal kurz erwähnen das ich derzeit an einen Basic Theme Template Arbeite. In zukunft möchte ich mich etwas mehr auf das Erstellen von WordPress Themes beschäftigen. Und da ja im Grunde fast alle WordPress Themes im Grundaufbau gleich sind (z.B. die div Elemente) habe ich mir überlegt, alle meine Themes in zukunft mit einem Einheitlichen Template Source so wie einer festen CSS-Datei zu Veröffentlichen. Zusätzlich gibt es zu der basic.css dann für jeden Theme 2 weitere CSS-Dateien die das gesamte Aussehen des jeweiligen Themes definieren sollen. Zusätzlich werde ich alle CSS-Dateien mit dem CSSDOCK Kommentieren um eine Übersicht zu gewährleisten. Zum Thema CSSDOCK könnt ihr mehr unter anderem bei Webkrauts oder auf der Offiziellen CSSDOCK Webseite nachlesen. Die Basis meiner zukünftigen Theme Arbeit steht bereits, derzeit beschäftige » Den gesamten Artikel Lesen

InternetExplorer, du verräter!

Es ist ja nix neues…. Der Internet Explorer stellt Webdesigner immer wieder ein Beinchen… vorallen die früheren Version 5.5 und 6 stellen ein großes Problem dar. Auch mich ärgert diese veraltete Browser Software… Wärend ich beim erstellen dieses Themes möglichst auf Valides HTML und CSS geachtet habe und den Theme in verschiedenen Browsern getestet hab (Firefox2, Opera9, Netscape7.1, IE7 alle Win) und dort auch keine Fehler endecken konnte erreichte mich gestern abend eine Email eines Besuchers…. Im Internet Explorer 5.5 und im IE6 scheinen ienige unschönheiten im Design zu liegen. Leider kann ich selbst diese beiden Browser nicht mehr Testen (oder doch?) und kann die Fehler daher nicht wirklich ausmachen… Ehrlich gesagt frage ich mich auch ob ich das wirklich machen soll. Wenn ich dem Statistik Dienst “Google Analytics” glauben » Den gesamten Artikel Lesen