WordPress: Single-Seiten von Custom Post Types umleiten

wordpress-redirect

Innerhalb einer WordPress-Website wird zum Erstellen von Übersichtsseiten, z. B. von Produkten oder Mitarbeitern meist auf »Custom Post Types« zurückgegriffen. Die einzelnen Beiträge des Post Types werden dann mit Hilfe eines Loops an der gewünschten Stelle auf der Website ausgegeben. Doch nicht immer wird dabei die Single-Ansicht (Detailseite) benötigt. In diesem Beitrag archivieren wir ein Snippet, mit dem ihr die Single-Ansicht, sowie die Vorschau für bestimmte Beitragstypen umleiten könnt. Sowohl im Backend als auch im Frontend.
Beitrag zu Ende lesen

Benutzerdefinierte Felder (Custom Fields) in die Suche von WordPress integrieren

wordpress-custom-field-search

Mit Hilfe der sog. Benutzerdefinierten Felder (Custom Fields) kann der WordPress-Editor um zusätzliche Eingabefelder erweitert werden. Leider werden die Inhalte der Custom Fields bei der WordPress-Suche ignoriert und eventuell relevante Ergebnisse folglich nicht in den Suchergebnissen angezeigt. In diesem Beitrag archivieren wir ein Snippet das Custom Fields zur WordPress-Suche hinzufügt. Beitrag zu Ende lesen

Automatisches Canonical-Tag von WordPress entfernen

wordpress-canonical

Mit Hilfe des sog. Canonical-Tags wird die kanonische URL einer Unterseite angegeben. In diesem Zusammenhang gibt es einiges zu beachten, doch wenn alles richtig gemacht wurde, kann der Canonical Tag dabei helfen Double-Content zu vermeiden und das Suchmaschinen-Ranking zu verbessern. WordPress erzeugt den notwendigen Code automatisch und fügt ihn in den <head> der Website ein. In den meisten Fällen ist das gewünscht – jedoch nicht immer. In diesem Beitrag archivieren wir ein Code-Snippet, mit dem ihr den automatisch erzeugten Canonical-Tag von WordPress entfernen könnt.

Beitrag zu Ende lesen

Defekte Bilder in WordPress 4.4 korrigieren

wordpress-rwd-images

Mit WordPress 4.4 haben responsive Images Einzug in das CMS gehalten. Leider führt die Funktion bei zahlreichen Anwendern zu Problemen mit der Bilddarstellung. Auch ich konnte das Problem bei zwei laufenden Projekten rekonstruieren. Mit einem kleinen Code-Snippet kann die Funktion deaktiviert werden. Die Zeit bis zur Korrektur lässt sich so überbrücken.

Beitrag zu Ende lesen

Emojis aus WordPress entfernen

wordpress-emojis

Seit WordPress 4.2 habt ihr die Möglichkeit Emojis in euren Beiträgen zu verwenden. Leider wird das JavaScript, das die Darstellung der Grafiken ermöglicht, auch dann geladen, wenn ihr gar keine Emojis verwendet. Und darüber hinaus schreibt WordPress das Script in den <head> der Website, was wiederum von Performance-Optimierungs-Tools wie Googles Page Speed Insights kritisiert wird. In diesem Beitrag archivieren wir ein Snippet mit dem Ihr die Emojis deaktivieren könnt.

Beitrag zu Ende lesen

Text mit CSS vertikal zentrieren

vertikal-zentrieren

Texte auf einer Website horizontal zu zentrieren sollte für die meisten Webdesigner kein Problem darstellen. Auch wie gefloatete und absolut positionierte Elemente horizontal zentriert werden können haben wir bereits in einem Beitrag erklärt. Eine vertikale Zentrierung von Texten ist da schon etwas komplizierter. In diesem Artikel erklären wir euch, wie ihr mit wenigen CSS-Angaben zum Ziel kommt und ansprechende gestalterische Ergebnisse erzielt. Insbesondere im Responsive Webdesign kann diese Technik von Vorteil sein.

Beitrag zu Ende lesen

Alle Elemente zwischen zwei Elementen mit Hilfe von jQuery umschließen

wrap-with-jquery

Mit Hilfe von jQuery lassen sich Elemente von anderen Elementen umschließen. Das ist immer dann hilfreich, wenn ihr keine Möglichkeit habt an den HTML-Code zu gelangen oder ihn aus anderen Gründen nicht bearbeiten wollt. In diesem Beitrag stellen wir euch ein jQuery-Snippet zur Verfügung, mit dem ihr alle Elemente, die zwischen zwei bestimmten Elementen liegen, mit HTML-Code umschließen könnt. Beitrag zu Ende lesen