Wordpress, Webdesign

Advanced Custom Fields

Advanced Custom Fields ist ein Plugin, welches die Standard Funktion der Benutzerdefinierten Felder erweitert. So ist es z.B. möglich die Eingabe […] Weiterlesen

Alternative Loops

Manchmal ist es gewünscht, außerhalb des Standard Loops weitere Loops einzubauen, der unter bestimmten Bedingungen greift. Diese Bedingungen können beispielsweise mit […] Weiterlesen

Archiv auf FTP Server mit PHP entpacken

Bei den meisten Webhosting Providern hat man keinen SSH Zugriff auf den Server und nur wenige bieten einen Web-Ftp Clienten […] Weiterlesen

Back to top Button

Niemand mag scrollen ohne zu lesen. Nicht jede Tastatur hat eine Pos1 Taste und nicht jeder weiß die passende Taste/Tastenkombination, […] Weiterlesen

Beiträge der gleichen Kategorie

Um Beiträge der gleichen Kategorie wie der derzeit geladene anzeigen zu lassen kann folgender Schnipsel verwendet werden. Dieser kann z.B. […] Weiterlesen

Beitragsbilder (thumbnails)

Um Beitragsbilder benutzen zu können, muss die Funktion zunächst einmal im Theme aktiviert werden. Die Funktion heißt post thumbnails. <?php […] Weiterlesen

Beitragsformate

Um Beitragsformate im Theme zu aktivieren, müssen wir diese in der functions.php aktivieren. Folgende Beitrags formate können in das array eingetragen […] Weiterlesen

Benutzerdefinierte Felder

Um Benutzerdefinierte Felder nutzen zu können, müssen diese natürlich zuerst angelegt werden. Dazu gibt es im Editor oben rechts ein […] Weiterlesen

Bild Anhangseite

Die Anhangseiten können genutzt werden um alle Anhänge eines/r Beitrages/Seite gebündelt darzustellen und z.B. Die Beschreibung eines Bildes mit auszugeben, […] Weiterlesen

Bilder Galerien

Um Bildergalerien anzuzeigen, muss eine solche natürlich erst einmal erstellt werden. Dazu wählen wir zunächst das Beitragsformat Gallerie aus. Anschließend wählen […] Weiterlesen

Bilder Slideshow erstellen

Um eine Slideshow in unser Theme zu integrieren, benötigen wir zunächst ein Markup. Wir benötigen einen Container für den Slider […] Weiterlesen

Breadcrumbs Navigation

Version 1 mit <a> und <span> Eine Breadcrumbs Navigation kann bei der Orientierung auf verschachtelten Seiten sehr hilfreich sein. Jonas […] Weiterlesen

Conditional tags (Bedingungen)

Mit Conditional tags ist es möglich Bedingungen innerhalb des Themes abzufragen. Diese werden als gewöhnliche If-Abfragen in PHP geschrieben. In folgendem […] Weiterlesen

Custom post type erstellen

Eigene Beitragstypen ermöglichen einen geordneteren Umgang mit Inhalten, sobald diese von der reinen Textform abweichen. Eigene Beitragstypen könnten z.B. Bücher, […] Weiterlesen

Customizer

Der Customizer von WordPress erlaubt es das Design im Live Editor auch für ungeübte Anwender anzupassen. Diese Funktionen müssen natürlich […] Weiterlesen

Dashboard Widget erstellen

Um eigene Dashboard Widgets zu erstellen, können wir auf die WordPress Dashboard Widgets API zurückgreifen. // Fügt ein Dashboard Widget […] Weiterlesen

Debugging

Um Fehler bei der Plugin/Theme-Entwicklung in einer lokalen Umgebung schneller zu finden, empfiehlt es sich den Wert define('WP_DEBUG',true); in der wp-config.php […] Weiterlesen

Der Loop

Der Loop ist eine Schleifenkonstruktion in WordPress, welche die Inhalte von WordPress lädt. Der Loop muss in jede Template-Datei eingetragen […] Weiterlesen

Editor Erweiterung

Der TinyMCE Editor von WordPress ist ein sogenannter WYSIWYG (What you see is what you get) Editor. Die Standard Version […] Weiterlesen

Eigene Felder zum Medien Uploader hinzufügen

Manchmal kann es erwünscht sein, mehr Informationen zu einer Mediendatei zu hinterlegen, die in WordPress hochgeladen wird. Dies könnte bei […] Weiterlesen

Eigene Taxonomien anlegen

Taxonomien sind Ordnungselemente für Beitragstypen. Der Standard Beitragstyp "Beiträge" z.B. hat von Hause aus zwei Taxonomien. Einmal die Kategorien und […] Weiterlesen

Installationspfad Plugins werden im Ordner /wp-content/plugins/pluginname gespeichert. Der Name des Plugins sollte mit einem Präfix versehen werden um Kollisionen auszuschließen. Header […] Weiterlesen

Embeds / Content Width

Embeds sind Inhalte, die in die eigene Website eingebunden werden können. Dazu reicht es aus, den Link eines Videos, Tweets, einer […] Weiterlesen

Funktionen/Erweiterungen

Achtung! Keine HTML Kommentare vor dem öffnenden PHP tag! Um Erweiterungen an den Funktionen von WordPress Themes vorzunehmen, gibt es verschiedene […] Weiterlesen

Grafiken ohne zusätzlichen http Request mit Data URI / base64

Für Grafiken in hoher Qualität und Skalierbarkeit sind Vektorgrafiken die erste Wahl. Mit Software wie beispielsweise Affinity Designer, Adobe Illustrator […] Weiterlesen

Hooks

Hooks (Einschubmethode) sind eine Methode um an bestimmten Punkten der verschiedenen Systemprozesse einzuhaken. So ist es möglich Prozesse zu beeinflussen ohne […] Weiterlesen

HTML5 Markup hinzufügen

In WordPress kann die Funktion Theme_Markup genutzt werden, um das Markup, welches von WordPress generiert wird im "neuen" HTML 5 Format auszugeben. […] Weiterlesen

Kommentarfunktion

Zunächst einmal muss die Kommentarfunktion in der functions.php registriert werden.  <?php function ms_comments( $comment, $args, $depth ) […] Weiterlesen

Lightbox integrieren

Damit die Lightbox überhaupt funktioniert muss beim Einladen der Bilder in Beiträgen/Seiten die Funktion "Link zu" unter "ANZEIGE-EINSTELLUNGEN FÜR ANHÄNGE" auf […] Weiterlesen

Login Bildschirm stylen

Um den Login Bereich zu stylen benötigen wir einen Action Hook in der functions.php an dem wir das CSS einschleusen können. […] Weiterlesen

Navigationen

In diesem Teil stelle ich verschiedene Möglichkeiten zu Darstellung von Navigationen vor. Ich erstelle die Navigationen in einer eigenen Datei […] Weiterlesen

Sass installieren und konfigurieren

Sass (Syntactically Awesome Stylesheets) ist ein CSS Präprozessor, der erweiterte Syntax für CSS erlaubt (z.B. Variablen) diese Stylesheets werden dann […] Weiterlesen

Seitenvorlagen erstellen

Seitenvorlagen sind Templatedateien, welche laut der Template Hierarchie die Ansicht der Standard index.php bzw. page.php usw. übersteuern. Der Name dieser Template […] Weiterlesen

Shortcodes

Shortcodes ermöglichen es komplexe Funktionen in einen Beitrag/eine Seite zu integrieren, ohne viel unnötigen Code eintragen zu müssen. Selbstschließende Shortcodes […] Weiterlesen

Sidebar integrieren

Um die Sidebar zu integrieren und diese "Widgetfähig" zu machen benötigen wir zunächst die Funktion register_sidebar. Dies wird ähnlich wie […] Weiterlesen

Stylesheets und Scripts einbinden

Die Einbindung von Stylesheets und Scripts in WordPress ist etwas speziell. Anstatt diese einfach im <head> zu verlinken. Werden sie […] Weiterlesen

Suchfunktion

Die Suchfunktion wird in WordPress anhand des Include Tags get_search_form() geladen. Da sich die Standard Ausgabe von WordPress nicht gut individualisieren […] Weiterlesen

SVG Dateien in WordPress hochladen

Um SVG Dateien in WordPress hochladen zu können, benötigen wir ein Plugin. <?php /* Plugin Name: SVG MIME Support Description: […] Weiterlesen

Template Tags

Die Template Tags sind das grundlegende Element um Inhalte aus der Datenbank zu lesen und diese in dem Theme auszugeben. […] Weiterlesen

Templatedateien

Ein Theme besteht aus mindestens zwei Dateien. Kann aber aus sehr viel mehr Dateien bestehen. Jede Datei hat dabei ihren […] Weiterlesen

Unterseiten auflisten

Um die Unterseiten der aktuellen Seite aufzulisten kann folgender Schnipsel verwendet werden. Dieser ist z.B. in einem Custom Page Template […] Weiterlesen

Woo Commerce

WooCommerce ist das bekannteste eCommerce Plugin für WordPress. Um WooCommerce einsetzen zu können müssen dennoch einige Voraussetzungen erfüllt sein. Themekompatibilität […] Weiterlesen

WooCommerce designen

Um WooCommerce besser in das eigene Theme einpflegen zu können, macht es Sinn erst einmal das Standard Design von WooCommerce […] Weiterlesen

WooCommerce im Frontend

Benutzerdefinierter Loop Um eine Auflistung der Produkte aus WooCommerce im Frontend darzustellen, kann ein benutzerdefinierter Loop verwendet werden. Ähnlich wie […] Weiterlesen

WooCommerce ins Theme integrieren

Um WooCommerce in unser Theme zu integrieren gibt es zwei Möglichkeiten. Möglichkeit 1 - Standard Loop anpassen Der einfachere Weg […] Weiterlesen

WooCommerce Template Overwrites

Um Template-Dateien von WooCommerce updatesicher verändern zu können, ist es nicht ratsam die Templates direkt im Templates Ordner des Plugins […] Weiterlesen

WordPress Header und Footer einfügen

Damit WordPress selbst und auch die Plugins, Code in das Theme einbringen können, müssen dafür Schnittstellen geschaffen werden, die es […] Weiterlesen

WordPress und CSS

Auf der Seite WordPress CSS finden wir Anhaltspunkte, Richtlinien und Standarddefinitionen für CSS in WordPress. Der Core CSS sollte (in angepasster […] Weiterlesen