Share
2011 war ein großes Jahr für die Weiterentwicklung von HTML5 in der Webentwicklungsgemeinschaft. Es wurde ziemlich verbreitet, vor allem für das mobile Web. Es gab große Projekte, die Entwicklern bei der Verwendung von HTML5 helfen, wie z. B. Paul Irishs HTML5-Boilerplate (technisch 2010, aber 2011 populär) und Bücher in Hülle und Fülle! Ich würde Jeremy Keith's HTML5 für Webdesigner, der vom ehrwürdigen A Book Apart (einem Service von Happy Cog) herausgegeben wurde, wärmstens empfehlen. Was 2010 als Bewegung begann, war 2011 der richtige Weg, Dinge zu tun, von mobilen Websites bis hin zu progressiven Verbesserungen. Dazu gehört auch die Integration von HTML5 in WordPress-Themes.
Was genau ist HTML5? Dies ist die letzte HTML-Version, für die 2004 mit der Entwicklung begonnen wurde. Zu den bemerkenswerteren Änderungen in HTML5 gehören das Hinzufügen von Header-, Fußzeilen-, Artikel-, Navi- und Side-Tags, einer Vielzahl neuer Formulareingaben, einschließlich E-Mail und Telefon (das die richtige Validierung für Sie ausführt), das Platzhalterattribut, mit dem Sie Beispieltext in ein Formularfeld einfügen können, sowie eine Reihe neuer Medienelemente. Die Medienelemente umfassen Unterstützung für Video, Audio und eine Leinwand, mit der Sie Inhalte zeichnen oder auf andere Weise dynamisch ändern können.
HTML5 ebnet den Weg für schnellere, interaktivere und semantisch korrektere Websites (ganz zu schweigen davon, dass dies der beste Weg ist, um mobile Websites zu erstellen). Es enthält Funktionen, für die früher Javascript oder Flash erforderlich war. Dies bedeutet, dass Ihre Websites auf weniger Plattformen angewiesen sind und auf mehr Plattformen funktionieren. Je schneller Webseiten dies annehmen, desto besser ist die Plattform, die besser geeignet ist als WordPress?
Wie hat sich HTML5 in WordPress etabliert? Lass uns einen Blick darauf werfen…
2011 haben wir ein brandneues Thema gesehen, das treffend "Twenty Eleven" heißt. Neben den neuen Funktionen von 3.0 / 3.2 und einigen sehr schönen Designänderungen (einschließlich fantastischer Typografie) ist Twenty Eleven das erste WordPress-Theme, das HTML5 und CSS3 unterstützt. Ich denke, das ist ein großer Schritt nach vorne, da WordPress fast 15% der Top-Millionen-Websites von Alexa (*) unterstützt..
In Twenty Eleven werden die folgenden HTML5-Tags hinzugefügt: , , , , und , Diese können mit CSS gestaltet werden, da Twenty Elevent auch das HTML5shiv verwendet, eine Javascript-Bibliothek, die die neuen HTML5-Elemente für Firefox, Chrome, IE7 + und vieles mehr zum DOM hinzufügt.
Dies bedeutet viel für Entwickler, da sie jetzt die Möglichkeiten von HTML5 im Standarddesign von WordPress nutzen können. Wir können Formulare mit besseren Eingabetypen erstellen, die neuen Medienformate hinzufügen und verwenden , unter anderem.
Mit dem Standarddesign, das HTML5 unterstützt, folgten andere Designs *. Eine schnelle Google-Suche zeigt Ihnen eine Unmenge von kostenlosen HTML5-WordPress-Themes aus diesem Jahr. Die Unterstützung von HTML5 ist jetzt eine Funktion von WordPress-Themes, nach der die Leute suchen. Ich vermute zu dieser Zeit im nächsten Jahr, dass HTML5 von allen neuen WordPress-Themes unterstützt wird.
* Ich weiß, dass es vor Twenty Eleven HTML5-Themes gab, aber auch hier scheint es, als ob HTML5 mit dem Standardmotiv WordPress 'Gütesiegel / offizielle Unterstützung erhielt.
WordPress-Theme-Frameworks werden auch in die HTML5-Aktion einbezogen, was bedeutet, dass jedes Theme, das diese Frameworks verwendet, auch HTML5 verwendet. Hier können (und haben) wir eine weit verbreitete HTML5-Akzeptanz sehen, da bestimmte Frameworks Tausende von Websites unterstützen können. Hier ist eine Liste einiger großartiger WordPress-Theme-Frameworks, die auch HTML5 unterstützen:
Darüber hinaus gibt es HTML5-Tutorials und untergeordnete Themen für Thematic und Thesis, die recht große Rahmen in der WordPress-Community darstellen. Wir haben auch die Erstellung eines eigenen WordPress-Frameworks in einer 4-teiligen Serie (von Ihrer eigenen geschrieben) beschrieben, die HTML5 unterstützt.
Neben Themes gibt es unzählige Plugins, die dazu beitragen, HTML5 in WordPress-basierte Websites einzufügen. Sie erhalten alles vom Einbetten von HTML5-Audio und -Videos bis hin zum Ändern von divs in HTML5-Elemente wie und , HTML5-Formulare erstellen. Es gibt sogar ein Plugin, das die HTML5-Boilerplate in Ihr aktuelles Design einfügt.
Plugins wie dieses ermöglichen es jedem, der WordPress verwendet, nicht nur Theme-Entwicklern, seine Sites mit HTML5 schrittweise und schrittweise moderner und plattformunabhängiger zu gestalten.
Während die HTML5-Bewegung 2010 erst richtig in Gang kam, hat sie 2011 viel Dampf gewonnen und ist in die WordPress-Entwicklung eingeflossen. Von zahlreichen Themen (einschließlich des neuen Standarddesigns) und Frameworks bis hin zu Plugins und mehr hatte HTML5 die WordPress-Community geprägt.
Um das Wachstum von HTML5 in WordPress sicherzustellen, müssen Entwickler wie wir am Puls der Zeit bleiben. In jedem größeren Browser werden Updates angezeigt, und mit diesen Updates werden weitere Funktionen von HTML5 unterstützt. Wir können diese Funktionen dann in WordPress integrieren. Deshalb bin ich gespannt, was 2012 bringt.
Accentsconagua