Webdesign-Podcast.de

In diesem Artikel, mit dazugehöriger Video-Podcast Folge, möchte ich euch an einem Praxis-Beispiel einige Tipps und Tricks zur Performance-Optimierung einer WordPress Webseite bzw. eines WordPress Themes geben. Das Video findet ihr am Ende dieses Artikels.

Es gibt für Webseiten eine unglaubliche Menge an verschiedenen Tipps und Tricks um diese zu beschleunigen. Ein echtes Patentrezept, welches sich auf jede WordPress-Webseite anwenden lässt, gibt es jedoch nicht. Jedes Web-Projekt ist in der Regel individuell und sollte auch so behandelt werden.

Eine Technik, die bei der einen Seite funktioniert und einen guten Performance-Boost bringt, muss nicht auch zwangsweise bei einer anderen Webseite denselben Effekt hervorrufen.

In diesem Artikel und dem dazugehörigen Video möchte ich euch nun einige Techniken und Tricks vorstellen, die sich im Ansatz für fast jede WordPress basierende Webseite eignen.

Wer darüber hinaus Informationen zur Optimierung der Ladezeit sucht, kann sich gerne auch die weiteren Artikel im Blog ansehen, unter anderem zu finden in der Kategorie Webseitenoptimierung.

Combine, minify and cache – Diese drei Techniken lassen sich in WordPress verhältnismäßig einfach umsetzen, da es hier die verschiedensten Plugins gibt, die diese Arbeit übernehmen können.

Was verbirgt sich hinter den jeweiligen Techniken:

Kombinieren (combine)

Nun muss der Browser für alle drei Dateien jeweils eine neue Verbindung (HTTP-Request) zum Webserver aufbauen und diese Dateien einzeln herunterladen. Dieser Vorgang kostet wertvolle Zeit, welche vermieden werden könnte.

Um die HTTP-Requests nun von drei auf einen zu reduzieren, werden alle drei CSS-Dateien einfach in einer gemeinsamen Datei kombiniert und nur noch diese eine Datei geladen.

Komprimieren (minify oder compress)

Bei der Kompression unterscheidet man in der Regel zwischen zwei Varianten, der gerade genannten und beschriebenen „normalen“ Kompression und dem Minifying oder auch Minification.

Bei diesem letzten Vorgang werden nicht nur unnötige Zeichen entfernt sondern Dateien aktiv umgestaltet. In JavaScript werden z.B. Variablen und Funktionsnamen gekürzt, Kurzschreibweisen zur Verkleinerung von Abfragen verbaut uvm. In CSS verläuft der Prozess ähnlich, hier werden ebenfalls Kurzschreibweisen verwendet um den Code zu verschlanken und z.B. auch Farbcodes verkleinert. So wird aus dem HexCode für rot #ff0000 z.B. die kurze Version #f00.

Caching

Im Fall von WordPress und den oben genannten Beispielen, wäre in unserem Fall z.B. ein Cache für die folgenden Systeme relevant:

1. Ein Cache zum Zwischenspeichern der dynamisch erzeugten komprimierten und kombinierten Dateien. Müssten diese mit jedem Seitenaufruf dynamisch neu erzeugt werden, so könnte und würde der Geschwindigkeitsvorteil aufgrund der längeren Verarbeitungszeit der Dateien verpuffen.

2. Um WordPress zu entlasten, können auch hier fertig gerenderten HTML-Ausgaben in einem Cache gespeichert werden. Diese setzen sich aus den Widgets, Plugins und Inhalten der verschiedenen Seiten zusammen.

Auf diese Art und Weise muss die gesamte Seite nicht jedes Mal erneut dynamisch generiert werden und die verschiedenen Plugins, Widgets und Seiteninhalte geladen werden.

Für die obigen Punkte gibt es in WordPress eine Vielzahl an verschiedenen Plugins, die diese Aufgaben übernehmen können. Einige sind umfangreicher als andere und bieten teilweise auch einen komplett unterschiedlichen Funktionsumfang.

Eine pauschale Aussage, welches Plugin aus dieser Liste besser oder schlechter als ein anderes ist, kann man so nicht treffen. Je nach Wechselwirkung mit anderen Plugins, den eigenen Bedürfnissen, dem eigenen Erfahrungsstand, der verfügbaren Server Hard- und Software, usw. kann und sollte die Wahl des Plugins beeinflusst werden. Hier gilt vor allem: Probieren geht über studieren!

Folgende Plugins sind relativ bekannt und gut gepflegt: Ich persönliche setze in den meisten Fällen auf Cachify, Autoptimize und den WP-Super-Cache (nicht alle drei kombinieren, zwei Cache-Plugins sind z.B. überflüssig), habe aber auch mit den meisten anderen Plugins bereits gearbeitet.

Diese Liste könnte man nun um viele weitere Links erweitern, da das Angebot an Plugins hier nahezu unendlich erscheint. Daher kann ich jedem nur empfehlen, die Plugins zu testen und für sich selbst das Richtige zu finden.

Dieses Thema lässt sich zum Teil in der Kombination Bild und Ton etwas verständlicher erklären, als hier in der Schriftform. Daher möchte ich an dieser Stelle kurz auf das Video am Ende des Artikels aufmerksam machen, in welchem dieses Thema ausführlich behandelt wird.

Zusätzlich befinden sich zum Thema „JavaScript und CSS nicht blockierend einbinden“ bereits zwei weitere Artikel in der Freischaltungsschleife des Blogs, daher möchte ich hier nur kurz darauf eingehen und werde die Artikel verlinken, sobald diese online verfügbar sind.

Tipp: Wenn du die Artikel nicht verpassen möchtest, dann folge uns doch einfach auf Twitter, Facebook oder abonniere unseren Blog via E-Mail (rechts in der Sidebar möglich). Selbstverständlich kannst du auch unseren RSS-Feed abonnieren oder unseren anderen Social Network Kanälen folgen.

Im Normalfall arbeitet der Browser ein HTML-Dokument von oben nach unten der Reihe nach ab. Stößt dieser nun z.B. im Head-Tag auf mehrere CSS und JavaScript Dateien, so werden auch diese der Reihe nach geladen, bevor der Verarbeitungsprozess fortgesetzt wird.

Es empfiehlt sich daher Scripte und auch CSS-Dateien, die nicht unmittelbar benötigt werden nachzuladen. Damit wird der Verarbeitungsprozess des Browsers bis zur Darstellung der Webseite beschleunigt. Google empfiehlt alle wichtigen CSS-Angaben für den Bereich „above the fold“ (ohne scrollen sichtbarer Inhalt) via Inline-Styles einzubinden. Andere CSS-Dateien sollen nach dem schließenden HTML-Tag oder über JavaScript nachgeladen werden.

Für JavaScript gelten dieselben Empfehlungen. Diese können ebenfalls bei Bedarf nachgeladen oder asynchron beim Seitenaufbau geladen werden. In HTML5 gibt es die Attribute „defer“ und „async“. Mit beiden Attributen kann dem Browser mitgeteilt werden, dass die Scripte asynchron zu laden sind und der Ladevorgang das weitere Rendering nicht blockieren soll.

Alles weitere zu diesem Thema erfahrt ihr in ein paar Tagen detailliert in den weiteren Artikeln.

Plugin sind in WordPress Fluch und Segen zugleich, jeder Betreiber einer WordPress Webseite kann sich über die kinderleichte Erweiterbarkeit seiner Webseite freuen und über die mittlerweile weit über 35.000 Plugins, die kostenfrei im WordPress Plugin Directory zu haben sind.

Mit jedem Plugin wächst jedoch der Performancebedarf von WordPress. Weiterhin binden viele Plugins eigene JavaScripte und CSS-Dateien in die Seiten ein, welche diese dann zusätzlich verlangsamen und in vielen Fällen gar nicht benötigt werden.

Nehmen wir als Beispiel einmal die Newsletter Box, welche von dem Mailchimp Plugin erzeugt wird. Hier werden z.B. für einige Funktionen und für das Styling CSS und JavaScript eingebunden.

In meinem Fall wird beides nicht benötigt, da die CSS-Angaben z.B. mit eigenen Angaben überschrieben werden und das JavaScript bereits in ähnlicher Form vorhanden ist.

In solchen Fällen sollte man in Ruhe prüfen, welche Dateien von den Plugins wirklich benötigt werden und welche nicht. Diese lassen sich dann z.B. über WordPress Hooks wieder entfernen.

Hier sind ein paar Beispiele für Plugins bei denen ich CSS oder JavaScripte entfernt habe, diese könnt ihr in eure functions.php einbinden:

MailChimp Plugin:

YARPP – Yet Another Related Posts Plugin

Jetpack:

Da das Jetpack sehr umfangreich ist, gibt es eine umfangreiche Liste aller Komponenten, die Einzeln oder im Gesamten entfernt werden können (funktioniert zum Teil nur bei älteren Jetpack-Versionen):

Über die functions.php eures Themes könnt ihr zusätzlich zu den bereits genannten Anpassungen noch ein paar weitere Optimierungen vornehmen, welche ich euch nun zeigen möchte:

Query-Strings am Ende von Datei-URL’s können das Caching verhindern, daher macht es Sinn diese zu entfernen:

JPEG Kompression in WordPress festlegen:

Scripte die von WordPress oder Plugins eingebunden werden um defer Attribut erweitern:

Zwar handelt es sich bei den gezeigten Tipps und Tricks nur um einen kleinen Teil einer schier unendlichen Liste an möglichen Optimierungen, mit diesen Basics seit ihr jedoch bereits gut gerüstet.

Wichtig ist vor allem, Erweiterungen bzw. Plugins mit Bedacht einzubinden und die Seite nicht zu überladen. Dies gilt nicht nur für WordPress Plugins sondern z.B. auch für jQuery Erweiterungen.

Wer gerne etwas mit verschiedenen Server-Konfigurationen rumprobieren möchte, der kann dies z.B. mit den Cloud-Servern von  DigitalOcean. Die Abrechnung erfolgt stundengenau, daher können VPS für wenige Stunden zum Testen genutzt werden und danach wieder abgeschossen werden.

Natürlich ist auch ein durchgehendes Hosting zu einem monatlichen Preis möglich. Wer DigitalOcean testen möchte, kann sich über diesen Link anmelden und erhält  10 USD Startguthaben.

Ähnliche Artikel:

Adobe bringt mit der Project Parfait (Beta) ein Projekt an den Start, welches in ähnlicher Form oder zumindest mit ähnlichen Funktionen schon von verschiedenen Plugin-Entwicklern in Photoshop Einzug gehalten hat, man nehme hier z.B. CSS-Hat oder Enigma64 als ein Beispiel.

Nichtsdestotrotz ist es eine angenehme Entwicklung, dass auch Adobe nun ein Tool (PSD CSS-Extractor) herausgebracht hat, mit dem sich schnell und einfach online die entsprechenden CSS-Definitionen für PSD-Dateien kopieren lassen bzw. Ebenen oder gruppierte Elemente als Asset direkt herunterladen lassen.

Project Parfait ermöglicht es Webdesignern, die erstellten Layouts oder natürlich auch die von Auftraggebern in Form von PSD-Dateien zu dem Online-Dienst hochzuladen. Parfait ermöglicht es dann, die Elemente in der PSD-Datein einfach zu selektieren und den dazugehörigen CSS-Code zu kopieren.

Es ist ebenfalls möglich, Ebenen direkt als Bild herunterzuladen. Hiermit erspart man sich das Ausschneiden in Photoshop, wobei dieser Vorgang bereits über den Photoshop Bild-Asset-Generator (nur in der CC-Version verfügbar) sehr elegant gelöst wird. Meiner Meinung nach sogar besser und flexibler als über Project Parfait, da es direkt aus Photoshop heraus erledigt werden kann. Da Parfait allerdings einfachere Dialoge bietet, kann es für Anfänger oder nicht routinierte Nutzer durchaus die schnellere und vor allem einfachere Variante sein.

Photoshop CC bietet ebenfalls die Möglichkeit, CSS Code direkt aus der Ebenen-Palette zu kopieren. Dies funktioniert über einen »Rechtsklick« und anschließend im Kontextmenü mit „CSS kopieren“, daraufhin kopiert Photoshop CC den CSS-Code in die Zwischenablage. Hier wiederum ist Project Parfait wesentlich eleganter und generiert auch den besseren CSS-Code.

Zum Vergleich hier ein Beispiel-Code eines einfachen orangenen Buttons:

Der Code aus Photoshop CC sieht wie folgt aus:

Derselbe Button, nur jetzt mit Code aus Project Parfait:

Hier wird auf Anhieb klar, dass sich Parfait auf die wirklich relevanten Codes beschränkt und diese auch sauberer ausgibt. Photoshop CC sorgt im Vergleich für viel Müll-Code, den man in dieser Form besser nicht in die eigene CSS-Datei übernehmen sollte, schon gar nicht mit den absoluten Positionen.

Project Parfait befindet sich aktuell in einer offenen Beta-Version und kann von jedem, der es testen möchte, ausprobiert werden.

Podcast Info:

Dieses Video findet ihr ebenfalls in unserem Vimeo Kanal.

Anmerkung: In dem Video erzähle ich, dass die beiden Plugins CSS-Hat und Engima64, aus dem Hause madebysource.com, bei mir unter Photoshop CC nicht funktionieren. Nun habe ich von ein paar Kollegen erfahren, dass die Plugins bei ihnen auch unter der CC funktionieren, dies ist bei mir leider nicht der Fall, eine Neuinstallation und auch die Installation auf einem komplett anderen Rechner waren keine Lösung. Auf Support-Anfragen hat madebysource.com nicht reagiert, daher erkläre ich beide Plugins zumindest für mich weiterhin als tot und nicht benutzbar! Das Update, welches während der Video-Aufnahme angezeigt wurde brachte übrigens auch keine Verbesserung der Situation.

Ähnliche Artikel:

In dieser Screencast-Folge möchten wir allen Interessenten das aufgezeichnete WordPress Webinar zur Verfügung stellen, die es z.B. aus zeitlichen Gründen vergangenen Freitag nicht live verfolgen konnten.

Das Webinar behandelt folgende Themen (grober Überblick):

Anschließend werden alle Teilnehmer die Möglichkeit haben Fragen zu WordPress zu stellen.

Weitere Informationen sind im original Artikel zum WordPress Webinar zu finden.

Podcast Info:

Ähnliche Artikel:

Adobe hat seiner Creative Cloud Version von Photoshop ein Update verpasst, die aktuelle Version von Photoshop CC trägt damit die Nummer 14.1. Bei der neuen Funktion handelt es sich um den Adobe Generator Assistent, dieser erstellt automatisch beim speichern in Photoshop Bild-Assets. Diese Funktion ist vor allem für Webdesigner und Entwickler eine enorme Hilfe, die einiges an Zeit und Nerven einspart.

Der Bild-Asset Generator Assistent lässt sich über das Datei Menü in Photoshop aktivieren und deaktivieren „Datei > Generieren > Bild-Assets„. Ist diese Funktion erst einmal aktiv, wird sie mit jedem Speichervorgang die entsprechenden Bilder generieren.

Als Indikator dienen die Namen der Ebenen, diese müssen entsprechend ihres gewünschten Dateinamens und Formats benannt werden. Ein Logo ohne Hintergrund, also mit Transparenzen müsste also folgenden Ebenennamen tragen um als PNG gespeichert zu werden: „logo.png“. Soll das Logo als PNG 8 gesichert werden, muss einfach eine 8 hinter den Dateisuffix gehängt werden, also „logo.png8“.

Über den Ebenennamen lassen sich ebenfalls z.B. bei JPG’s die Qualitätsstufe festlegen, möchten wir z.B. den Header eines Web-Layouts als JPG mit Qualitätsstufe 6 bzw. 60% speichern, wird die Ebene wie folgt benannt: „header.jpg6“.

Wie das ganze genau funktioniert, möchte ich euch in einem kurzen Video zeigen, dass ihr ebenfalls über unseren Podcast Feed herunterladen könnt.

Dieses Video findet ihr ebenfalls in unserem Vimeo Kanal.

Ähnliche Artikel:

In den vergangenen Tagen gab es immer mehr Meldungen über Brute Force Attacken auf WordPress-Systeme, auch die Sicherheitssysteme, auf den von mir verwalteten Seiten, zeigen erhöhte Login-Versuche mit dem „Admin“ Benutzer. Bots versuchen bei WordPress-Webseiten die Passwörter mittels Wörterbuch und bekannten, viel genutzten, Kennwörter zu erraten. Als Benutzername wird in der Regel auf „admin“ zurückgegriffen, der Standard WordPress-Administrator Account.

Der Angriff werde von einem Botnetz durchgeführt, berichtet Matthew Prince, Chef des Content Delivery Networks Cloudflare, im Unternehmensblog. Per Brute Force werde versucht, die Passwörter für den Nutzer Admin auszulesen: Es würden lange Listen von möglichen Passwörter ausprobiert, um in eine WordPress-Installation einzudringen. Das Botnetz umfasse mehrere zehntausend IP-Adressen. (Golem.de)

Brute Force Attacken sind in der Regel relativ einfach abzuwehren, gerade in WordPress ist die Sache mit ein paar Kniffen schnell erledigt. In dieser kurzen To-Do Liste möchte ich euch Tipps zur Absicherung eures WordPress-Systems geben:

Das oberste Gebot gilt nicht nur für die Nutzung von WordPress, sondern generell für alle Online-Dienste: Verwendet immer sichere Kennwört. „Hallo“ oder „1234“ zählen definitiv nicht dazu, haltet euch eher an zufällig generierte Kennwörter, die dann z.B. mittels eines Tools, wie 1Password, abgespeichert werden.

So ein sicheres Kennwort könnte dann z.B. so aussehen: b33gkBDQ:vN2p,EE[CEg

Auf diese Weise wird es dem Angreifer schon fast unmöglich gemacht, dass Kennwort in einer realistischen Zeit zu „erraten“.

Seit der WordPress Version 3.0 lässt sich der Benutzername „admin“ in der Installationsroutine entsprechend ändern. Eine nachträgliche Änderung ist über WordPress selber nicht möglich, er kann aber über die Datenbank angepasst werden.

Öffnet hierzu über phpMyAdmin eure WordPress Datenbank und sucht dort die Tabelle „wp_users“, dort solltet ihr euch den Eintrag mit der „ID“ 1 genauer ansehen, hier sollte im Feld „user_login“ der Name „admin“ stehen. Diesen müsst ihr jetzt über phpMyAdmin ändern, dass war es schon.

Das WordPress Plugin „Limit Login Attempts“ schütz euren WordPress Login vor zu vielen ungültigen Logins. Es funktioniert relativ simpel, es sperrt einfach die entsprechende IP-Adressen, die sich mehrmals falsch anmelden, die entsprechenden Sperrzeiten und Login-Versuche lassen sich einfach konfigurieren.

Da das Botnetzwerk in dieser Angriffsserie mehr als 90,000 IP Adressen umfasst, ist ein alleiniger Schutz über Limit Login Attempts nicht ausreichend.

WordPress ist von Haus aus ein sehr sicheres System, durch den offenen Quellcode werden Sicherheitslücken allerdings relativ schnell bekannt und auch aktiv ausgenutzt. Der erste Aspekt der Sicherheit sollte also ein zeitnahes Update-Verhalten sein. Selbiges gilt natürlich nicht nur für das WordPress-Kern-System, sondern auch für entsprechende Plug-Ins.

Neben den wichtigen Updates gibt es noch einige weitere Plug-Ins und Schritte, die ihr durchführen könnt, um die Sicherheit eures WordPress-Systems zu verbessern. Die wesentlichen Punkte möchte ich euch in diesem Video-Training vorstellen:

Podcast Info:

Du möchtest noch mehr über WordPress erfahren und lernen? Dann schau dir doch einmal mein beiden WordPress-Video-Training an. Diese behandeln die verschiedensten Themen rund um WordPress praxisnah und gut verständlich, wie z.B. Theme-Erstellung, MultiSite / Blognetzwerk, eigene Plugins, Custom-Post-Types, Suchmaschinenoptimierung, WordPress Security, Woocommerce und vieles mehr: WordPress-Video-Training Vol. 1 & WordPress-Video-Training Vol. 2 von Pascal Bajorat

Bild: fotolia.com – © vege

Ähnliche Artikel:

Seit dem 11.12.2012 ist die neue WordPress Version 3.5 verfügbar, alles in allem hat sich nichts grundsätzliches geändert, bis auf den Media Manager, dieser hat ein umfangreiches und grundlegendes Redesign erfahren, weiterhin gibt es ein neues Standard Theme: Twenty Twelve . Das vom Grundsatz her alles beim alten geblieben ist, soll an dieser Stelle aber keine Kritik sein, denn von der Funktionalität und Bedienbarkeit ist WordPress bereits weit vorne.

In diesem Artikel möchte ich euch sämtliche wichtigen Neuerungen vorstellen und auf einige Umstrukturierungen in den Einstellungen hinweisen. Neben dem Artikel ist am Ende des Beitrags noch ein ca. 15-minütiges Video, dass ebenfalls alle wichtigen Neuerungen aufzeigt.

Kurze Themen-Übersicht:

Der neue Media Manager spielt in WordPress eine zentrale Rolle, denn neben dem offensichtlichen neuen Standard Theme Twenty Twelve, dass nicht unbedingt jeder verwendet, handelt es sich hierbei um die wichtigste Neuerung. Im Gegensatz zu den früheren WordPress-Versionen öffnet sich der neue MediaManager in der Medathek-Ansicht und bietet so schnellen Zugriff auf bestehende Medien-Dateien.

Die Bilder lassen sich schnell und einfach im rechten Bereich des Media Managers anpassen:

Galerien lassen sich jetzt komfortabler erstellen, da sich entsprechende Bilder aus der gesamten Mediathek einfach wie Auswahlfeld markieren lassen. Die Sortierung funktioniert über ein einfaches Drag & Drop Interface. So hat sich das Mühsame bearbeiten der Galerien im Shortcode erledigt, definitiv eine große Erleichterung für Autoren, die sicht nicht großartig mit dem Code beschäftigen wollen.

Insgesamt macht der neue Media Manager einen sehr guten Eindruck und stellt gerade für Webmaster oder Blogger, die mit vielen Bildern oder generell Mediendateien arbeiten, eine enorme Erleichterung dar.

Das neue Theme Twenty Twelve löst das alte Theme Twenty Eleven aus WordPress 3.4 ab und folgt dem aktuellen Responsive Webdesign Trend. Soll heißen, dass sich das neue Theme immer der entsprechenden Displaygröße des Endgerätes anpasst. So wird eine gute Darstellung auf Desktop-Computern, Tablets und Smartphones gewährleistet.

Das Twenty Twelve theme verfügt über die selben und gut ausgeprägten Theme-Optionen und Einstellungsmöglichkeiten, wie auch die ältere Twenty Eleven Variante. In den Bereichen zum Anpassen des Themes kommt auch der neue Color-Picker zum Vorschein, der sich im Vergleich zum alten „Farbkreis“ wesentlich besser bedienen lässt.

Im WordPress Codex wird das neue Theme wie folgt beschrieben:

New Default Theme – Twenty Twelve

Auch die Administrationsoberfläche wurde in WordPress 3.5 angepasst, wenn auch marginal: Es gibt einen neuen Willkommens-Bildschirm im Dashboard, nach der Erst-Installation und die vorher runden bzw. ovalen Buttons sind nun eher eckig mit abgerundeten Ecken.

Wer ein Gerät mit einem High-Resolution Display (HiDPI) oder auch Retina-Display sein eigen nennt, kann sich über eine entsprechend angepasste Administrationsoberfläche freuen, zu diesen Geräten zählen z.B. iPad mit Retina-Display oder die neuen Mac Book Pro’s.

Erst auf den zweiten Blick fällt auf, dass im WordPress Backend die „Privatsphäre“ Einstellung fehlt, über die Suchmaschinen ausgesperrt werden konnten. Diese Einstellung wurde allerdings nicht entfernt, sondern lediglich verschoben. Sie befindet sich jetzt im Bereich „Einstellungen > Lesen“ und dort unter „Suchmaschinen-Sichtbarkeit“.

Eine weitere Einstellung die dem Update zum Opfer gefallen ist, trägt den Namen XML-RPC Schnittstelle, diese wird zum Beispiel für Zusatzsoftware oder die WordPress App benötigt. Die XML-RPC Schnittstelle ist jetzt standardmäßig immer aktiv und lässt sich auch nicht mehr über eine entsprechende Option abschalten.

Unter der Haube wurden alle externen Bibliotheken, wie z.B. jQuery und andere Scripte auf die aktuellsten Versionen gebracht. Zusätzlich wurden einige Sicherheitsrelevante Funktionen überarbeitet bzw. bestehende erweitert, eine aktuell häufig auftauchende Fehlermeldung wird durch genau so eine Sicherheitsrelevante Änderung erzeugt: PHP Warning: Missing argument 2 for wpdb::prepare()

Informationen dazu gibt es im WordPress Blog: PHP Warning: Missing argument 2 for wpdb::prepare()

Alle weiteren Informationen die vor allem für Developer und Theme-Entwickler wichtig sind, findet ihr im WordPress Codex.

Die Aktualisierung auf WordPress 3.5 ist wie immer kinderleicht und kann über die automatische Update-Funktion vollzogen werden. Bei meinen Seiten traten im Zusammenhang mit Plugins von Drittentwicklern keine Probleme auf.

Wer WordPress manuell updaten möchte kopiert und überschreibt einfach sämtliche Daten aus dem neuen Download-Paket, ausgenommen ist alles in eurem /wp-content/ Ordner und öffnet danach die Datei zum aktualisieren der Datenbank.

Entsprechende Informationen gibt es hier: WordPress Update

Podcast Info:

Das Video ist ein Teil meins achtstündigen WordPress-Video-Trainings.

Hier der offizielle Video-Trailer zu WordPress 3.5.

Ähnliche Artikel:

Ich habe euch bereits in einem kleinen Artikel die wichtigsten Neuerungen von WordPress 3.4 Green vorgestellt, sowie in einem weiteren die Funktionsweise der neuen Custom-Header Funktion. Um das ganze nun abzurunden, möchte ich euch alle neuen Funktionen in einem Video vorstellen.

Neben den Neuerungen in der Oberfläche möchte ich euch noch zeigen wie ihr die neuen Funktionen Custom-Header ( add_theme_support( ‚custom-header‘, $args ) ), register_default_headers() und Custom-Background ( add_theme_support( ‚custom-background‘ ) ) in eure Themes einbauen könnt.

Wie bereits erwähnt findet ihr alle Infos zu add_theme_support( ‚custom-header‘, $args ) und register_default_headers() in dem Artikel: WordPress 3.4 – Custom-Header mit add_theme_support() und natürlich in diesem Video-Podcast.

Der Code für die Custom-Background Funktion ist extrem simpel, sieht wie folgt aus und muss in die functions.php integriert werden:

Den Rest übernimmt WordPress, wenn ein Custom-Background gesetzt ist, wird in der wp_head() Funktion automatisch der entsprechend Stil ausgegeben.

Podcast Info:

Auf Vimeo ansehen…

Ähnliche Artikel:

Seit WordPress 3.0 besteht die Möglichkeit, dass man sich eigene Inhalts-Typen (sogenannte Custom-Post-Types) in Plugins oder in der functions.php seines eigenen Themes definieren kann. Custom-Post-Types gehören generell zu den interessantesten Neuerungen, die mit WordPress 3.0 eingeführt wurden, denn sie ermöglichen es jedem Plugin- oder Theme-Entwickler auf eigene Inhalts-Typen zurückzugreifen, die wie Seiten oder mit eigener Taxonomie wie Artikel behandelt werden können.

In diesem Tutorial möchte ich euch genau erklären wie ihr Custom-Post-Types verwendet, weiterhin findet ihr am Ende noch ein 40 minütiges Video-Training zu Custom-Post-Types, dieses entstammt meinem neuen WordPress-Video-Training.

Stellen wir uns einmal vor, wir haben eine einfache Webseite von einer kleinen Firma: Die Webseite verfügt über einen Blog-Bereich (hier kommen Artikel und Kategorien zum Einsatz) und einige normale Seiten, wie z.B. Über uns, Partner, Kontakt und Impressum, diese Einzelseiten werden natürlich über die „Seiten“ Funktion von WordPress verwaltet.

Nun möchte der Seitenbetreiber neben den zwei Bereichen, Artikel und Seiten, noch einen weiteren Bereich Produkte in dem er nach Kategorien sortiert seine Produkte auflisten kann. Hier könnte man zwar die Artikel-Funktion missbrauchen, dass würde in diesem Fall aber nicht funktionieren, da diese ja bereits regulär für den Blog verwendet wird.

Genau hier würden nun Custom-Post-Types ins Spiel kommen, die prinzipiell genau so aufgebaut sind wie die Artikel in WordPress. Stellt auch also einfach vor ihr hättet eine zweite Artikel Funktion, die allerdings auch direkt Produkte heißt und einen eigenen Menüpunkt im Backend hat. Weiterhin sind die Artikel, die über den Custom-Post-Type Produkte eingefügt wurden, völlig unabhängig von den eigentlichen Artikeln.

Um das ganze etwas besser zu verdeutlichen seht euch einmal den beigefügten Screenshot an:

Auf dem Screenshot ist der in einem Plugin angelegte Custom-Post-Type Produkt zu sehen.

Tipp: Custom-Post-Types können auch für komplexere Funktionen verwendet werden, wie z.B. die Verwaltung einer Slideshow. Ein gutes Beispiel ist hier der NivoSlider, dessen Backend ebenfalls auf einem Custom-Post-Type basiert.

Es gibt zwei Möglichkeiten Custom-Post-Types anzulegen, zum einen in der functions.php des aktiven Themes oder in einem einfachen kleinen Plugin. Beide Varianten haben wichtige Vor- und Nachteile.

Wann sollte man Custom-Post-Types in der functions.php definieren

Wann sollte man Custom-Post-Types in einem extra Plugin definieren

Wie werden Custom-Post-Types in einem Theme definiert:

Wie werden Custom-Post-Types in einem Plugin definiert:

Ersetzt einfach die Daten aus dem Beispiel mit den euren.

Tipp: Noch mehr interessante WordPress Workshops findet ihr in meinem neuen WordPress-Video-Training.

Um in WordPress Custom-Post-Types anzulegen wird die Funktion register_post_type() verwendet, schaut euch das folgende Beispiel aus der Produktverwaltung an:

Die Argumente die dem Post-Type mit übergeben werden sind eigentlich selbsterklärend, eine genaue Liste der Post-Type Funktionen ist in der WordPress Dokumentation zu finden:

Mit der oben gezeigten Funktion lassen sich einfache Post-Types anlegen die vom Funktionsprinzip den Seiten in WordPress ähneln. Um der Produktverwaltung nun noch Kategorien hinzufügen zu können, muss eine eigene Taxonomie für diesen Post-Type angelegt werden.

Um eine Taxonomie zu erzeugen, wird die Funktion register_taxonomy() verwendet:

Die genauen Informationen zu den Argumenten könnt ihr der WordPress Dokumentation entnehmen: http://codex.wordpress.org/Function_Reference/register_taxonomy#Arguments

So einfach lassen sich Custom-Post-Types definieren, falls ihr weitere Informationen benötigt seht euch das folgende Video-Training an. In dem Video-Training wird auch gezeigt, wie die Post-Types im Theme wieder ausgegeben werden.

Um Custom-Post-Types im Theme auszugeben wird folgender modifizierter Content-Loop benötigt:

Seit der WordPress-Version 3.0 gibt es die Möglichkeit, sogenannte Custom-Post-Types zu definieren. Bei diesen Custom-Post-Types handelt es sich um Inhaltsarten, die mit Artikeln vergleichbar sind, sie lassen sich allerdings einzeln im Theme abrufen und sind so flexibler für eigene Inhalte.

So lassen sich z.B. neben Artikeln auch DVD-Sammlungen, Bücher-Listen oder Mitglieder-Verwaltungen realisieren.

Weitere Informationen zu Custom-Post-Types gibt es unter: http://codex.wordpress.org/Post_Types#Custom_Types

Podcast Info:

Das Video ist ein Teil meins achtstündigen WordPress-Video-Trainings.

Video auf Vimeo ansehen…

Ähnliche Artikel:

In diesem Workshop möchte ich euch zeigen, wie man ganz einfach statische Webseiten umbaut und mit meinem mini CMS simpleCE verwalten kann. Das simpleCE System ist dabei so flexibel, dass man neben normalen Texten und Bildern auch eine individuelle Slideshow damit bearbeiten kann. Ebenso lassen sich Seitentitel und Metatags mit simpleCE verwalten.

Durch den einfachen Funktionsaufbau bietet simpleCE ein umfangreiches Framework zur Bearbeitung von Webseiten.

Hier gibt es weiterführende Informationen zu simpleCE:

Podcast Info:

Ähnliche Artikel:

Wie ihr vielleicht wisst, habe ich bereits einige DVD-Produktionen hinter mir. Dazu zählen unter anderem die Webdesign-Workshop DVD, Webdesign-Workshop DVD Vol. 2, sowie die Photoshop-Workshop-DVD – Effekte für Typo, Layout & Foto – Vol. 2. All diese DVD’s sind wunderbare Lernmittel, an denen ich und einige weitere Autoren mitgewirkt haben.

Das neue achtstündige HTML5 & CSS3 Video-Training ist nun das erste, dass ich als alleiniger Autor erstellt habe, daher möchte ich euch die DVD in diesem Artikel gerne kurz vorstellen und ein Training davon zum ausprobieren und antesten zeigen.

Als erstes fangen ich einmal damit an, was diese Lern-DVD / Video-Training von denen anderer unterscheidet. Ich selber mache mir bei solchen Projekten auch immer Gedanken, wie man bestimmte Sachen am Besten lernen kann. Letztendlich stand für mich fest, dass man am einfachsten lernen kann, wenn man den Einsatz von HTML5 und CSS3 nicht in Einzelnen kleinen Videos sieht, sondern in zusammenhängenden Praxis-Projekten.

Entsprechend werden in dem Video-Training drei ganze Webseiten in komplett unterschiedlichen Stilrichtungen vom leeren HTML-Dokument bis hin zur fertigen Webseite mit SlideShow und JavaScript spielereien umgesetzt und das Beste daran ist: Es wird wirklich kein Schritt übersprungen. So können sowohl Anfänger direkt mit HTML5 & CSS3 durchstarten, als auch Umsteiger ihr entsprechendes Wissen auf den neusten Stand bringen.

Neben den drei Praxis-Projekten sind noch über 10+ weitere Einzel-Workshops enthalten, diese decken unter anderem noch folgende weitere Themengebiete ab:

Ich denke mit dieser Aufstellung ist mir ein ausgeglichenes Lehrwerk zum Thema HTML5 & CSS3 gelungen, dass sowohl Anfänger, wie auch Umsteiger und Fortgeschrittene anspricht.

Da es für das Video-Training auch schon die ersten Käuferstimmen gibt und das Rating aktuell bei 5 von 5 Sternen liegt (was hoffentlich auch so bleibt) hier ein paar Kundenstimmen:

mirrorme – 5 von 5 Sterne vergeben

Dagobert68 – 5 von 5 Sterne vergeben

Hanspeter Vogt – 5 von 5 Sterne vergeben

Jürgen Hoffmann – 5 von 5 Sterne vergeben

Die Bewertungen entstammen dem Bewertungssystem vom PSD-Tutorials.de Shop.

Podcast Info:

Das Material zu diesem Workshop gibt es zusammen mit dem HTML5 & CSS3 Video-Training.

Animationen mit CSS3 – Webdesign-Podcast.de from Pascal Bajorat on Vimeo.

Ähnliche Artikel: