Standardinhalte für ein Theme definieren

Gestern hatte ich euch gezeigt, wie man über den Customizer sehr schnell neue Seiten direkt aus dem Menü heraus erstellen kann. Das hilft ungemein beim Aufsetzen einer neuen Seite, da man nicht ständig zwischen verschiedenen Ansichten hin und her wechseln muss. Noch schneller geht es mit einem weitern neuen Feature von WordPress 4.7, dem „Starter Content“ für Themes.

Inhalt direkt im Theme definieren

Aus eigener Erfahrung oder von Kundenprojekten kennt man bestimmt das Problem, dass ein Theme auf einer Demo-Seite super toll aussieht, man aber lange braucht, um diesen Stand nachzubauen. Wenn man Glück hat, liegt dem Theme eine XML-Datei mit dem Demoinhalt bei. Manche (aufgeblähten) Themes haben sogar eine extra Import-Funktion für Demo-Inhalte, da nämlich Theme Einstellungen, Menüs, Widgets und ähnliches nicht in einer normalen XML-Datei aus dem WordPress Exporter stecken.

Weiterlesen →

Neue Seiten direkt aus dem Menü heraus im Customizer erstellen

Eigentlich hatte ich mit für heute schon ein Thema zurecht gelegt. Aber dann ist mir bewusst geworden, dass ich vielleicht erst einmal noch eine kleine Vorstufe dazu erklären sollte. Wer das Release-Video zu WordPress 4.7 gesehen hat, wird das Feature wohl schon gesehen haben. Aber da ich weiß, dass einige das Video nicht schauen, erzähle ich ja vielleicht manchen von euch auch noch etwas Neues 🙂

Menü mit Seiten füllen bis WordPress 4.6

Wer kennt das nicht? Man erstelle eine frische neue Seite und ist gerade dabei die wichtigsten Seiten wie „News“, „Über uns“, „Kontakt“ und ähnliches ins Hauptmenü einzufügen, dann stellt man aber fest, dass eine Seite fehlt. Man speichert das Menü also zwischen, erstellt eine leere Seite, veröffentlicht diese, geht zurück in die Menüverwaltung und wählt diese aus. Nur um dann festzustellen, dass noch eine fehlt 🙁

Weiterlesen →

Eigene Sammel-Aktion mit WordPress 4.7 definieren

Ich wollte eigentlich schon vorgestern einen Beitrag über die Sammel-Aktionen („Bulk Edit Actions“) schreiben. Aber jede Idee, die ich hatte, war schon im Core umgesetzt. Aber mit meinem Beitrag von gestern ist mir dann doch eine Idee gekommen 🙂

Mehrere Medien einem Schlagwort zuordnen

Gestern habe ich euch ja gezeigt, wie ihr einen einfachen Pressespiegel erstellen könnt. Dabei musstet ihr alle PDF-Dateien einzeln zur Kategorie hinzufügen. Das ist natürlich bei vielen Dateien sehr mühsam. Leider gibt es auch keine „Massenbearbeitung“ wie bei Beiträgen. Das Einzige, was ihr mit mehreren Dateien machen könnt, ist diese unwiderruflich zu löschen:

Weiterlesen →

Pressespiegel aus PDF-Dateien erstellen

Gestern hatte ich euch ja angekündigt, dass ich etwas mit den neuen PDF-Vorschaubildern basteln möchte. Ich habe mir als Beispiel einen kleinen Pressespiegel überlegt, der alle PDF-Dateien mit einem Schlagwort „Pressespiegel“ als Archiv anzeigt.

PDF-Dateien verschlagworten

Vermutlich hätte ich den Artikel besser übermorgen gepostet, denn im 20. Adventskalenderartikel letztes Jahr habe ich euch erzählt, wie man Anhänge verschlagworten kann 😉 Im Grunde war es super einfach. Alles, was ihr dazu braucht, ist ein einzelner Funktionsaufruf:

Weiterlesen →

PDF Vorschaubilder von WordPress 4.7 in XAMPP unter Windows verwenden

Mit WordPress 4.7 wurde eine neue sehr nützliche Funktion eingeführt: PDF-Vorschaubilder. Ich wollte heute eigentlich einen Beitrag zu dem Thema schreiben und habe es einfach mal testen wollen. Leider funktioniert es nicht „out of the box“ unter Windows. Für kleine Demos setze ich gerne XAMPP ein und hiermit hatte ich leider keinen Erfolg mit den Vorschaubildern. Also habe ich meinen geplanten Artikel verschieben müssen, um euch erst einmal zu zeigen, wie ihr es unter Windows zum Laufen bekommt.

Notwendige Abhängigkeiten installieren

Wie im Make-Blogartikel bereits beschrieben wird, benötigt die neue Funktion drei Komponenten Imagick, ImageMagick und Ghostscript. Alle drei sind unter Windows nicht installiert. Daher hier kurz zu jedem eine Installationsanleitung.

Weiterlesen →

Performanceanalyse von Plugins

Nachdem ich euch gestern gezeigt habe, welche Tools es für die Analyse von MySQL Datenbankabfragen gibt, möchte ich heute auf den zweiten potentiellen Flaschenhals bei der Performance eingehen: die Ausführungszeit der PHP-Skripte. Hierbei soll es auch darum gehen, Plugins zu identifizieren, die besonders viel Ladezeit verursachen.

Das Plugin „P3 (Plugin Performance Profiler)“

Eine Erhebung solcher Daten ist nicht gerade einfach. Glücklicherweise gibt es genau für diesen Zweck ein sehr gutes Plugin. Den Plugin Performance Profiler oder abgekürzt einfach P3 genannt. Nachdem ihr dieses kostenlose Plugin installiert habt, könnt ihr über „Werkzeuge | P3 Plugin Profiler“ einen neuen Test starten. Ich war mal so mutig und habe es für diese Seite gemacht 🙂

Weiterlesen →

Langsame Datenbankabfragen identifizieren

Gestern hatte ich euch berichtet, welche Fehler man bei der Analyse machen kann. Heute möchte ich euch einen ersten Tipp geben, wie ihr Performanceprobleme mit Datenbankabfragen erkennen könnt.

Ein sehr wichtiger Performancewert ist ja die sogenannte „Time to first byte“, also die Zeit die es dauert, bis der Server nach einer Anfrage die ersten Daten zurückschickt. Ist diese Zeit sehr hoch (etwa mehr als 0,5 Sekunden), dann ist in der Regel eines dieser beiden Dinge schuld (oder beide): die Ausführungszeit der PHP-Skript oder die Dauer der Datenbankabfragen. Um die PHP-Skripte geht es in einem anderen Artikel, also beschäftigen wird und heute mal mit den Datenbankabfragen.

Exkurs: Annahmen zu Datenbankabfragen

Ich möchte auch heute ein wenig auf typische Annahmen eingehen, weshalb eine Seite langsam ist, und diese ein wenig entkräften.

Weiterlesen →

Häufige Fehler bei der Performanceanalyse einer Website

Eine Frage, die eigentlich fast ständig bei Meetups, Facebook-Gruppen oder ähnlichem aufkommt sind Fragen zur Performance einer Seite. Daher möchte ich heute mal einen kleinen Überblick geben, welche Tipps ich in diesem Fall gebe um eine Seite erst einmal

Analysefehler 1: Die falschen Schlüsse ziehen

In den allermeisten Fällen startet das Gespräch damit, dass ein schlechtes Ergebnis bei Google PageSpeed Insights erreicht wurde. Auf einigen Seiten liest man, dass man möglichst 95 Punkte oder mehr erreichen und alle Fehler beheben muss. Ich verrate euch jetzt mal ein schockierendes Geheimnis: das ist Blödsinn 😉

Weiterlesen →

Edit Shortcuts im Customizer

Im Beitrag von gestern hatte ich euch am Ende ja noch kurz einen Hinweis auf die „Edit Shortcuts“ gegeben. Heute möchte ich ein wenig genauer darauf eingehen, worum es sich dabei handelt und wie ihr diese auch für eure Optionen verfügbar machen könnt.

Automatisch verfügbar für neue Features

Die Edit Shortcuts sind fest mit den sogenannten „Selective Refresh Partials“ verbunden. Also mit jenen Elementen des Customizers, die bei einer Änderung der Einstellungen das Ergebnis sofort im Vorschaubereich anzeigen, ohne dabei die gesamte Vorschau neu laden zu müssen.

Aber hier kommt auch schon die schlechte Nachricht. Man kann Edit Shortcuts deshalb nicht einfach zu global für alle Optionen aktivieren. Es muss stattdessen die Customizer Option ebenfalls um einen „Selective Refresh“ erweitert werden.

Weiterlesen →

Neuen Video-Header in TwentyThirteen einsetzen

Zusammen mit WordPress 4.7 wurden die sogenannten Video-Header eingeführt. Damit ist es möglich, anstelle eines Bilder, ein Video als Hintergrundbild zu verwenden. Eingestellt werden diese dann über den Customizer. Ich habe mir das neue Feature mal angesehen. Es gibt ja schon einige Anleitungen mit dem Code-Snippet, das man dazu verwenden muss. Aber ich hatte noch keine Anleitung gesehen, die es mal in ein bestehendes Theme einbaut. Daher möchte ich euch heute zeigen, wie ihr es beispielsweise in TwentyThriteen verwenden könnt.

Der Bild-Header in TwentyThirteen

Ich setze ja selbst kein Theme mit Bild-Header ein. Allerdings verwenden viele Seiten, die ich kenne, das beliebte Default-Theme TwentyThirteen. Hier gehört ein Bild-Header ja fest zum Layout (auch wenn man es im Grunde sogar ausblenden kann).

Das Bild wird hierbei über einen CSS-Hintergrund umgesetzt.Die Größe des Headers wird durch dessen Textinhalt festgelegt und hat mindestens 230px Höhe:

Weiterlesen →