kulturbanause blog » PHP

WordPress: Anzahl der Kommentare und Trackbacks getrennt darstellen

Jonas Hellwig — Thu, 22 Dec 2011 15:45:23 +0000

In WordPress ist es mit Bordmitteln, etwa einem Template Tag, leider nicht möglich die Anzahl der Kommentare und die der Trackbacks getrennt von einander darzustellen. In der Datenbank unterscheidet WordPress hingegen beide Typen, und markiert echte Kommentare in einem zusätzlichen Feld. Mit einer entsprechenden Funktion kann geprüft werden ob das Feld ausgefüllt ist, wodurch sich beide Arten von Kommentaren einzeln anzeigen lassen.

Anzahl an Kommentaren darstellen

Der folgende Code gehört üblicherweise in die functions.php. Er kann jedoch auch im gleichen Template eingesetzt werden.
Die Funktion prüft ob Kommentare vorhanden sind und gibt (sofern das Ergebnis nicht Null ist) die Anzahl aus.

function comment_count() { global $post; $thePostID = $post->ID; global $wpdb;
$count = "SELECT COUNT(*) FROM $wpdb->comments WHERE comment_type = ' '
AND comment_post_ID = $thePostID"; $co_number = $wpdb->get_var($count);
if ($co_number == 0) {} else {echo $co_number;}
}

Mit folgenden Snippet wird die Anzahl der Kommentare an einer beliebigen Stelle des Themens dargestellt.

Anzahl der Trackbacks darstellen

Der Code für die Darstellung der Trackbacks funktioniert auf die gleiche Art und Weise. Folgendes Snippet gehört in die functions.php.

function trackback_count()
{ global $post;
$thePostID = $post->ID; global $wpdb; $count = "SELECT COUNT(*) FROM $wpdb->comments
WHERE comment_type != ' '
AND comment_post_ID = $thePostID"; $tb_number = $wpdb->get_var($count);
if ($tb_number == 0) {} else {echo $tb_number;} }

Mit diesem Snippet wird die Anzahl der Trackbacks ausgegeben.

Credits

Dieses Snippet habe ich auf denkvirtuose.de gefunden und unverändert übernommen. Es funktioniert einwandfrei und ist auch auf diesem Blog im Einsatz. Vielen Dank dafür!

denkvirtuose.de/wordpress/die-anzahl-der-kommentare-und-trackbacks-getrennt-anzeigen.html

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Daten per Link/URL an Zielseite übergeben

Jonas Hellwig — Thu, 15 Dec 2011 11:06:28 +0000

Wenn ihr Daten von einer Quellseite an eine Zielseite übergeben wollt, stehen euch verschiedene Möglichkeiten offen. Die Variante, auf die ich in diesem Beitrag kurz eingehen möchte überträgt die Daten mit Hilfe der URL an eine Zielseite. Dazu werden dem Link verschiedene Parameter mitgegeben und auf der Zielseite mit dem PHP-Befehl GET wieder ausgelesen.

Grundsätzliche Funktionsweise

Das Prinzip ist denkbar einfach. Ihr setzt einen ganz gewöhnlichen Link auf eine andere Seite und erweitert diesen lediglich um verschiedene Parameter/Werte-Paare. Verschiedene Parameter werden mit „&“ von einander getrennt.

Beispiel für einen Link mit zwei Parametern:

Link

Auf der Zielseite wird anschließend der Wert zu einem bestimmten Parameter wieder ausgelesen. Das funktioniert mit folgendem Snippet:

Beachtet bitte, dass die Parameter in der URL sichtbar sind und daher leicht manipuliert werden können. Für sensible Daten ist diese Art der Übertragung daher absolut nicht geeignet!

Beispielseite

Ich habe ein Beispiel zu diesem Thema erstellt, das ihr hier live testen und herunterladen könnt. Es geht darum eine Farbe auszuwählen und die Eigenschaften dieser Farbe zu erfahren. Je nach Wahl werden unterschiedliche Paramenter mit dem Namen der Farbe, dem Hexadezimalcode und den Eigenschaften an die Zielseite übertragen und dort entsprechend zusammengesetzt.

Live-Demo (Probiert es aus!):

Live-Demo in neuem Fenster öffnen

HTML/PHP-Code der Ausgangsseite (start.php)

[...]


Welche Farbe gefällt dir am besten?

  Rot
  Orange
  Gelb
  Grün
  Blau
  Violett



[...]

HTML/PHP-Code der Zielseite (ziel.php)

[...]


"> Du hast  gewählt. Eine schöne Farbe! 
Wusstest du schon, dass mit  folgende Eigenschaften, Wirkungen und Assiziationen verbunden werden?


← Zurück zur Farbauswahl


[...]

Ihr könnt alle Dateien des Beispiels auch herunterladen.

Beispieldateien herunterladen

Die Farbwirkungen für das Beispiel habe ich mir vom Webdesign Blog ausgeliehen. Vielen Dank dafür!

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress Post-Thumbnails aus RSS-Feed auslesen. preg_match und Regular Expressions

Jonas Hellwig — Tue, 13 Dec 2011 08:09:04 +0000

Ab und zu möchte man den RSS-Feed seines WordPress Blogs auf einer anderen Seite einbinden, um dort beispielsweise die neuesten fünf Beiträge zu bewerben. Der RSS-Feed ist schnell ausgelesen, ein Problem sind häufig die Post-Thumbnails der Artikel.
Die Artikelbilder werden von WordPress nicht in den Feed übertragen. Um die Post-Thumbnails dennoch im Feed anzuzeigen, wird häufig in der functions.php ein Snippet eingefügt das die Bilder in den Inhaltsbereich des Feeds lädt. Da sich die Bilder dann allerdings zusammen mit dem Text und anderen Bildern in einem Feed-Element befinden, ist schwierig sie gezielt auszulesen.

Element mit PHP preg_match identifizieren

Das Artikelbild wird im Feed als img direkt vor dem eigentlichen Inhalt des Beitrags eingebunden. Semantisch betrachtet befindet es sich aber ebenso wie der Beitrag selbst innerhalb des Elements "". Mit preg_match lasst sich das Artikelbild über die Dateiendung identifizieren und in einem Array speichern. Anschließend zeigen wir immer nur das erste Bild des Array.

Alles was ihr benötigt, ist eine Variabel bzw. ein Array in der ihr den Feed-Inhalt (description) verfügbar habt. Sollte das nicht der Fall sein, schaut euch bitte noch einmal diesen Artikel an: RSS-Feed von WordPress auslesen.

Im folgenden Beispiel-Code wird $quelle nach Bildern durchsucht, und diese der Reihe nach in $ziel abgespeichert.

preg_match("/src=[\"\']?([^\"\']?.*(png|jpg|gif))[\"\']?/i", $quelle, $ziel); // Bilder werden aus $quelle ausgelesen und in $ziel gespeichert.

Anschließend könnt ihr mit folgendem Code das erste Elemente des Array auslesen und in einem img-Tag einbinden.

 height="100" width="100" alt=""/>

Mit diesem "regulären Ausdruck" ist es möglich die Post-Thumbnails von WordPress aus dem Feed zu extrahieren und in Kombination mit anderen ausgelesenen Feed-Elementen auf einer externen Website darzustellen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Theme Options Page für WordPress erstellen

Jonas Hellwig — Mon, 14 Nov 2011 07:00:06 +0000

Komplexe und hochwertige WordPress-Themes verfügen in der Regel über eine so genannte "Theme Options Page" - eine zusätzliche Seite im Dashboard anhand der ein Benutzer das Theme über die normalen Möglichkeiten hinaus anpassen kann. Das TwentyEleven-Theme von WordPress wird beispielsweise mit einer solchen Options-Page ausgeliefert. Hier könnt ihr u.a. auswählen ob das Theme schwarz oder weiß sein soll, in welcher Farbe Verlinkungen auf der Website dargestellt werden und ob ihr eine Sidebar anzeigen möchtet.
In diesem Beitrag möchte ich euch zeigen wie ihr selbst eine Theme-Options-Page erstellt. Anhand eines leicht verständlichen Beispiels werdet ihr das Prinzip sicher schnell auf eure eigenen Projekte übertragen können.

WordPress Theme-Options-Pages

Ich möchte einmal kurz zusammenfassen was wir jetzt vorhaben. Wir erstellen eine Theme Options Page für ein beliebiges WordPress-Theme auf der wir zwei Eingabefelder platzieren. Das erste Eingabefeld dient dazu das Copyright-Datum im Footer des Themes anzupassen, in das zweite Feld kann der Benutzer seinen Google Analytics Tracking Code eintragen. Beide Anpassungen sind normalerweise nur möglich indem der Code der Website bearbeitet und anschließend hochgeladen wird.

Theme-Options-Page im 2011-Theme von WordPress

Wir arbeiten mit der functions.php des Themes, mit dem WordPress-Dashboard und mit der footer.php. Zunächst erstellen wir über die functions.php die Options-Seite mit allen Inhalten. Über das Dashboard können dann die Daten eingetragen werden. Die Eingabewerte werden in der Options-Tabelle der Datenbank abgelegt. Im letzten Schritt lesen wir die eingetragenen Werte in der footer.php des Themes wieder aus.

Das klingt kompliziert? Ist es aber nicht. 2x Copy & Paste und alles läuft.

functions.php - Theme Options Page anlegen

Der folgende Code gehört in die functions.php eures Themes. Ich habe euch die einzelnen Bereiche der Datei im Code kommentiert.

/* ------------------ */ /* theme options page */ /* ------------------ */ add_action( 'admin_init', 'theme_options_init' ); add_action( 'admin_menu', 'theme_options_add_page' ); // Einstellungen registrieren (http://codex.wordpress.org/Function_Reference/register_setting) function theme_options_init(){ register_setting( 'kb_options', 'kb_theme_options', 'kb_validate_options' ); } // Seite in der Dashboard-Navigation erstellen function theme_options_add_page() { add_theme_page('Optionen', 'Optionen', 'edit_theme_options', 'theme-optionen', 'kb_theme_options_page' ); // Seitentitel, Titel in der Navi, Berechtigung zum Editieren (http://codex.wordpress.org/Roles_and_Capabilities) , Slug, Funktion } // Optionen-Seite erstellen function kb_theme_options_page() { global $select_options, $radio_options; if ( ! isset( $_REQUEST['settings-updated'] ) ) $_REQUEST['settings-updated'] = false; ?>

Theme-Optionen für

Einstellungen gespeichert!

Copyright
Google Analytics	<?php echo esc_textarea( $options['analytics'] ); ?>

Es besteht natürlich auch die Möglichkeit die Theme-Options-Page in einer eigenen Datei anzulegen und diese dann in die functions.php zu laden. Das macht vor allem dann Sinn, wenn die Options-Seite sehr umfangreich ist. Mit diesem Snippet ladet ihr eine externe Datei in die functions.php. Die Datei muss im gleichen Verzeichnis wie die functions.php abgelegt werden.

require_once ( get_stylesheet_directory() . '/theme-options-page.php' );

Theme-Options-Page im Dashboard

Im WordPress-Backend findet ihr die Theme-Options-Page nun im Bereich "Design".

Tragt in beide Felder nun einen Testinhalt ein und speichert die Änderung. Im letzten Schritt übertragen wir die Eingabe in das entsprechende Template.

footer.php - Eingaben im Template anzeigen

Alles was noch fehlt ist das Snippet um die gespeicherten Daten im Theme auszugeben. Für dieses Beispiel benutzt ihr dazu die footer.php.

Zunächst ruft ihr mit get_options (codex.wordpress.org/Function_Reference/get_option) die entsprechenden Werte aus der Datenbank ab. Anschließend stellt ihr die Inhalte über echo dar.

Das folgende Snippet gibt beide Inhalte direkt untereinander aus.

Das wars auch schon.

Weitere Links zum Thema

Wenn ihr euch eingehender mit der Erstellung von Theme-Options-Pages befassen wollt, schaut euch auch folgende empfehlenswerte Artikel und Tutorials an.

Außerordentlich lohnenswert ist auch diese Basis-Theme-Options-Page. Hier sind alle Arten von Eingabefeldern (Input, Select, Radio, Checkbox etc.) enthalten.

themeshaper.com/2010/06/03/sample-theme-options/

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress-Dashboard mit dem eigenen Logo versehen

Jonas Hellwig — Fri, 14 Oct 2011 05:49:32 +0000

Ich habe im vorausgegangenen Beitrag das Snippet zum Austausch des Login-Screen-Logos vorgestellt, nun möchte ich euch zeigen wie ihr das Logo innerhalb des WordPress-Dashboards ersetzen könnt.
Diese kleine Anpassung kann ebenfalls dazu beitragen, dass sich ein Kunde in WordPress wohler fühlt und das Gesamtprojekt (noch) positiver wahrnimmt. Auch dieses Snippet ist daher fester Bestandteil meines Basis-Themes das ich für alle WordPress-Projekte als technische Grundlage nutze und ständig weiterentwickle.

Logografik

Das Icon im WordPress-Dashboard hat die Abmessungen 16 x 16 Pixel. Erstellt also ein eigenes Logo mit diesen Abmessungen und speichert es im Theme-Ordner (../wp-content/themes/name-des-themes/img/logo-dashboard.png) ab. Ihr könnt auch einen anderen Speicherort wählen, das folgende Snippet sucht jedoch im oben genannten Ordner nach der Grafik.

functions.php

Kopiert folgendes Snippet in die functions.php eures Themes und passt ggf. den Pfad zum Bild an.

// replace dashboard logo
function kb_dashboard_logo() {
	echo '';
}

add_action('admin_head', 'kb_dashboard_logo');

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress Login-Screen individualisieren

Jonas Hellwig — Wed, 12 Oct 2011 04:47:31 +0000

Wenn ihr WordPress für Kundenprojekte einsetzt, macht es Sinn den Administrationsbereich optisch an das bestehende Corporate Design des Kunden anzupassen. Dieser sieht nämlich in der Regel das eigene Logo lieber als das von WordPress, und eine individualisierte Installation wirkt natürlich auch technisch hochwertiger.
Der erste Kontaktpunkt zwischen Anwender und WordPress-Backend ist der Login-Bereich. Mit wenigen Zeilen Code tauscht ihr hier das WordPress-Logo gegen das des Kunden aus. Ein Snippet das unbedingt in die Theme-Vorlage wandern sollte.

Logografik erstellen

Das Standard-WordPress-Logo hat die Abmessungen 326 x 67 Pixel. Am einfachsten ist es daher, wenn ihr euer Logo ebenfalls im Rahmen dieser Abmessungen anlegt.
Das nachfolgende Snippet sucht innerhalb des Theme-Ordners (../wp-content/themes/name-des-themes/img/logo-login.png) nach der Grafik. Achtet also darauf, dass ihr das Bild auch an der richtigen Stelle ablegt.

functions.php

Kopiert folgenden Code in die functions.php des Themes. Es werden drei Elemente des Login-Screens verändert.
Zunächst wird das Logo gegen die von euch erstellte Grafik ausgetauscht. Anschließend wird die Verlinkung des Logos von wordpress.com auf die Startseite eurer Website umgeschrieben bloginfo('url') und der Titel durch den Namen eures Blogs get_option('blogname') ersetzt.

/* ----------------------- */
/* customized login-screen */
/* ----------------------- */

// logo
function kb_login_logo() {
  echo '';
}

add_action('login_head',  'kb_login_logo');

// link
function kb_login_link() {
  echo bloginfo('url');
}

add_filter('login_headerurl', 'kb_login_link'); 

// link-title
function kb_login_linktitle() {
  echo get_option('blogname');
}

add_filter('login_headertitle', 'kb_login_linktitle');

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die meist kommentierten WordPress-Beiträge der letzten 30 Tage anzeigen

Jonas Hellwig — Sun, 02 Oct 2011 15:44:16 +0000

Um möglichst viele Besucher auf heiß diskutierte Beiträge des Blogs aufmerksam zu machen, lohnt es sich einen Bereich mit "beliebten Artikeln" einzubinden. Mit den Custom Queries von WordPress ist es möglich Beiträge nach der Anzahl der abgegebenen Kommentare zu sortieren und in ihrer Anzahl zu begrenzen. Mit dieser Technik werden jedoch auch veraltete, aber viel kommentierte Artikel berücksichtigt. Um nur aktuelle Trends abzubilden muss daher ein Zeitfenster definiert werden.

Code-Snippet

Mit dem folgenden Code-Snippet ist es möglich zunächst nur die Beiträge der letzten 30 Tage auszulesen und anschließend nach der Anzahl der abgegebenen Kommentare zu sortieren. Die Anzahl der dargestellten Beiträge wird auf 5 beschränkt.
Im letzten Schritt wird der WordPress-Loop gestartet und die Beiträge inkl. Beitragsbild, Titel und Verlinkung innerhalb einer ungeordneten Liste ausgegeben.


 '" . date('Y-m-d', strtotime('-30 days')) . "'"; // Zeitfenster auf 30 Tage begrenzen
    return $where;
}

add_filter('posts_where', 'filter_where');

// WordPress Query
	$args = array(
		'posts_per_page' => 5,
		'order'    => 'DESC',
		'orderby' => 'comment_count'
	);
	query_posts( $args );

// WordPress-Loop
while (have_posts()): the_post(); ?>

Das Snippet ist bei mir im Einsatz und zeigt in der Sidebar die aktuellen Trends an.

Der Code in diesem Artikel basiert auf einem Beitrag von wpmu.org

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Titel übergeordneter Seiten auslesen (direkter und oberster Vorfahre)

Jonas Hellwig — Fri, 23 Sep 2011 10:42:40 +0000

Bei der Erstellung eines WordPress-Themes kommt es häufiger vor, dass man nur den Titel einer übergeordneten Seite anzeigen möchte. Zum Beispiel um für eine Metanavigation in der Sidebar eine Überschrift auszugeben.
Besonders interessant ist in diesem Zusammenhang der Titel einer Eltern-Seite auf oberster Verschachtelungsebene.

Bei einer Verschachtelungstiefe ab zwei, besteht ein Unterschied zwischen dem direkten Vorfahren einer Seite und dem Vorfahren auf oberster Ebene. Das folgende Beispiel zeigt eine Beispiel-Verschachtelung:

Geografie
- Städte
  - Berlin
  - Köln
- Flüsse
  - Spree
  - Rhein

Übergeordnete Seite auf oberster Ebene ausgeben

Nehmen wir nun an wir befinden uns auf der Seite "Berlin". Mit dem folgenden Snippet geben wir den Vorfahren auf oberster Ebene aus. In unsererm Beispiel also "Geografie".

Dieses Snippet gehört entweder global in die functions.php oder ebenfalls in die Template-Datei.

post_parent) )
	{ the_title(); }
  else {
	$ancestors = get_post_ancestors($post->ID);
	end($ancestors);
	  echo get_the_title(end($ancestors));
  }
}

?>

Um den Titel im Theme auszugeben verwendet ihr folgendes Snippet:

Direkten Vorfahren ausgeben

Wenn wir nun auf Basis des gleichen Beispiels den direkten Vorfahren (Städte) auslesen wollten, muss das Snippet leicht modifiziert werden.

Code für die functions.php.

post_parent) )
	{ the_title(); }
  else {
	$ancestors = get_post_ancestors($post->ID);
	end($ancestors);
	  echo get_the_title($ancestors[0]);
  }
}

?>

Um den Titel im Theme auszugeben verwendet ihr folgendes Snippet:

via

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Untergeordnete Seiten gezielt ausgeben

Jonas Hellwig — Fri, 23 Sep 2011 09:43:03 +0000

In einem WordPress-Themes müssen häufig untergeordnete Seiten ausgegeben werden. Ich benötige diese Funktion regelmäßig um in der Sidebar die themenverwandten Seiten zur aktuell aufgerufenen Seite aufzulisten. In Kombination mit dem Snippet für den Titel der Eltern-Seite lässt sich hier sehr schnell eine individuelle Navigation erstellen.
Mit Standard-Funktionen von WordPress können alle, oder nur ausgewählte Seiten eingeblendet werden.

Alle untergeordneten Seiten ausgeben

Der folgende Code zeigt immer alle untergeordneten Seiten zur aktuell aufgerufenen Seite an. Auch Kinder von Kindern etc.


  ID); ?>

Verschachtelungstiefe begrenzen

Wenn ihr die Tiefe beschränken wollt, erreicht ihr das mit dem Parameter "depth".
"0" Entspricht hierbei allen Seiten. Mit "1", "2", "3" etc. legt ihr die Tiefe fest. Sollen also nur die direkten Nachkommen angezeigt werden - so benutzt folgenden Code:


  ID); ?>

Bei der hier beschriebenen Technik handelt es sich um eine WordPress-Standard-Funktion. Mehr dazu findet ihr hier: codex.wordpress.org/Function_Reference/wp_list_pages

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Widgetized Sidebars mit Beschreibung

Jonas Hellwig — Tue, 06 Sep 2011 06:28:37 +0000

Um in WordPress Widgets verwalten zu können, benötigt ihr mindestens eine widgetized Sidebar.
Sobald eine solche Sidebar vorhanden ist, kann der User im WordPress-Backend Widgets per Drag & Drop in diesen Bereichen anordnen. Insbesondere für Kunden ist es jedoch häufig schwierig zu verstehen welche Sidebar für welche Website-Inhalte vorgesehen ist bzw. an welcher Stelle im Theme die Widgets erscheinen. Mit einer Beschreibung könnt ihr es euren Kunden etwas leichter machen.

Sidebar in der functions.php definieren

Kopiert folgendes Code-Snippet in die functions.php um eine neue Sidebar zu definieren. Das folgende Beispiel integriert eine Sidebar mit Namen, Beschreibung und den Code-Snippets die vor- bzw. nach Widgets und Überschriften eingebunden werden.

 'Sidebar', // Name der Sidebar
    'description' => __('Hier steht die Beschreibung der Sidebar'), // Beschreibung der Sidebar
    'before_widget' => '', // Code der vor Widgets ausgegeben wird
    'after_widget' => '', // Code der nach Widgets ausgegeben wird
    'before_title' => '', // Code der vor dem Titel ausgegeben wird
    'after_title' => '', // Code der nach dem Titel ausgegeben wird
));

?>

Die Beschreibung der Sidebar erscheint im Backend unter "Design → Widgets".

Sidebar im Theme einbinden

Der Vollständigkeit halber möchte ich auch noch den Code abbilden, der benötigt wird um die Sidebar im Theme auszugeben. Achtet darauf den Namen der Sidebar !dynamic_sidebar("Sidebar") anzupassen.

codex.wordpress.org/Widgetizing_Themes

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Grundgerüst für WordPress-Widgets

Jonas Hellwig — Mon, 05 Sep 2011 06:52:29 +0000

WordPress bietet durch Widgets die Möglichkeit Seiteninhalte intuitiv zu verändern. Insbesondere für Kunden ohne Programmierkenntnisse sind Widgets besonders gut geeignet um eine Website zu pflegen und über die gewöhnliche Artikelansicht hinaus zu verändern.
Um Widgets in einer WordPress-Installation verwenden zu können, muss das Theme über eine so genannte "widgetized Sidebar" verfügen. Anschließend steht diese Sidebar im Backend zur Verfügung und kann mit Widgets bestückt werden. WordPress bietet von Haus aus diverse Standard-Widgets an. Wem das nicht reicht, der kann die Plugin-Directory nach weiteren Widgets durchsuchen.
Je nach Projekt ist es jedoch notwendig ein eigenes Widget zu erstellen. Wie das funktioniert möchte ich in diesem Beitrag anhand eines Basis-Snippets zeigen.

Code für das Beispiel-Widget

Ein Widget funktioniert wie ein WordPress-Plugin und muss auch im Plugin-Verzeichnis abgelegt werden. Der nachfolgende Code erstellt ein Beispiel-Widget mit einem exemplarischen Inhalt und auf ein Minimum reduzierten Funktionen.

Zu Beginn werden einige Informationen über das Widget festgelegt. Diese Infos findet ihr später in der Plugin-Übersicht wieder. Anschließend folgt die Ausgabe des Widgets inkl. der $before_widget , $after_widget-Variablen die beim Anlegen der widgetized Sidebar definiert werden können.

Hier steht der Inhalt des Widgets.

"; echo $after_widget; /* Wird im Theme definiert */ } wp_register_sidebar_widget( 'beispielwidget_1', // ID 'Beispielwidget', // Name des Widgets im Backend 'beispiel_widget_display', // callback array( // Optionen 'description' => 'Hier steht eine Beschreibung des Widgets. Dieser Text ist in der Widget-Übersicht sichtbar.' ) ); ?>

Widget installieren und aktivieren

Speichert das Widget als PHP-Dokument ab und verschiebt es in das Plugin-Verzeichnis (../wp-content/plugins) der WordPress-Installation. Anschließend steht das Widget innerhalb von WordPress als Plugin zur Aktivierung bereit.

Hier findet ihr nun auch die Informationen aus dem Kopf des Widget-Codes wieder.

Widget im Theme einsetzen

Nachdem das Widget startklar ist, steht es unter "Design → Widgets" in der Widget-Übersicht zur Verfügung. Die Beschreibung und der Titel des Widgets wurden innerhalb von wp_register_sidebar_widget festgelegt.

Per Drag & Drop kann es nun einer Sidebar hinzugefügt werden und ist anschließend sofort im Frontend sichtbar. Da dieses Beispiel-Widget keine Einstellungen erlaubt, wird der Inhalt ausgegeben, der innerhalb der Funktion beispiel_widget_display festgelegt wurde.

codex.wordpress.org/Function_Reference/wp_register_sidebar_widget

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Prüfen ob eine Seite Child-Pages besitzt oder nicht

Jonas Hellwig — Thu, 01 Sep 2011 06:20:55 +0000

Wenn ihr überprüfen möchtet ob eine Seite untergeordnete Seiten (Child-Pages) besitzt, schaut euch folgendes Snippet einmal an. Durch diesen Code lässt sich beispielsweise eine Subnavi nur dann einblenden, wenn überhaupt Child-Elemente vorhanden sind. Wenn ihr hingegen testen wollt ob es sich bei der aktuellen Seite selbst um eine untergeordnete Seite handelt, werft einen Blick auf diesen Artikel: Prüfen ob die aktuelle Seite Parent- oder Child-Page ist

Snippet für die Template-Datei

Fügt den nachfolgenden Code dort ein, wo die Ausgabe im Theme erfolgen soll.

ID);
if( count( $children ) != 0 ) { 

  echo "Diese Seite besitzt Child-Pages";

}

else { 

  echo "Diese Seite besitzt keine Child-Pages";

}

?>

Wenn ihr innerhalb der Ausgabe HTML-Code schreiben wollt, passt das Snippet wie folgt an.

ID);
if( count( $children ) != 0 ) { ?>

  Diese Seite besitzt Child-Pages



  Diese Seite besitzt keine Child-Pages

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Prüfen ob die aktuelle Seite Parent- oder Child-Page ist

Jonas Hellwig — Tue, 30 Aug 2011 18:29:32 +0000

Ab und zu muss man bei der Erstellung eines WordPress-Themes prüfen ob die aktuelle Seite ein Parent- oder eine Child-Page ist. Mal angenommen ihr möchtet in der Sidebar immer alle, der aktuellen Seite untergeordneten Seiten anzeigen lassen. Zusätzlich möchtet ihr diesen Bereich so aufwändig gestalten, dass ein umschließendes Container-Element notwendig ist. Wenn nun keine Child-Pages mehr existieren sollte natürlich auch das Container-Element verschwinden, sonst ist der Bereich leer. Genau für einen solchen Zweck habe ich seinerzeit das nachfolgende Snippet benutzt.

If-Else-Abfrage

Das nachfolgende Snippet zeigt an, ob die aktuell aufgerufene Seite ein Parent-Page ist oder ob es sich um eine Child-Page handelt. Parent bedeutet in diesem Fall, dass die Seite keine übergeordnete Seite besitzt. Eine Child-Page ist es sobald eine eine übergeordnete Seite existiert.

Eine Seite kann sowohl Child als auch Parent sein. Dieses Snippet gibt in einem solchen Fall immer "Child" aus. Es wird keine doppelte Ausgabe erstellt.

post->post_parent) )
 { ?> 

 Ich bin eine "Parent-Page"

  

 Ich bin eine "Child-Page"

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Prüfen ob sich ein User in Kategorie X (Parent-Category) oder in einer untergeordneten Kategorie von X (Child-Category) befindet

Jonas Hellwig — Mon, 29 Aug 2011 19:10:05 +0000

Manchmal möchten wir Inhalte in einem WordPress-Theme nur dann ausgeben, wenn sich der Besucher in einer bestimmten Kategorie bzw. in einer untergeordneten Kategorie befindet. Wenn es sich um ein Kundenprojekt handelt, kann der Kunde natürlich selbst neue Unterkategorien (Child-Categories) anlegen die wir bei der Erstellung des Themes noch nicht kennen und folglich auch nicht berücksichtigen können. Das Snippet muss also auf der ID, bzw. dem Namen der Hauptkategorie (Parent-Category) basieren. Gerade wenn ihr mit Custom Post Types arbeitet kann ein solcher Fall schnell auftreten.

Snippet für die functions.php/Template-File

Das folgende Snippet könnt ihr global in der functions.php verwalten oder direkt in das gewünschte Template (z.B. sidebar.php) kopieren.

Ausgabe im Theme

Um den gewünschten Inhalt nun auszugeben, kopiert ihr das nachfolgende Snippet an die Stelle an der die Ausgabe erfolgen soll. Achtet darauf die IDs durch die in Eurem Theme verwendeten IDs zu ersetzen.

Dieser Text ist sichtbar, wenn die Kategorie mit der ID 3 bzw. eine untergeordnete Kategorie aufgerufen ist.

codex.wordpress.org/Function_Reference/in_category

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Breadcrumb-Navigation ohne Plugin

Jonas Hellwig — Wed, 24 Aug 2011 05:21:30 +0000

Breadcrumb-Navigationen sind in komplexen Websites ein wichtiges Navigations- und Orientierungselement. Sobald Ihr WordPress als "echtes" CMS einsetzt, werdet ihr allerdings merken, dass viele Plugins und Snippets zu sehr auf den Einsatz in Blogs ausgerichtet sind. Sobald diverse statische und hierarchisch verschachtelte Seiten und Custom Post Types im Spiel sind, stößt so manche Breadcrumb an ihre Grenzen.
Das folgende Snippet berücksichtigt alle Anforderungen die ich bisher an eine Breadcrumb gestellt habe. Da ich meinen Blog auch selbst als Archiv nutze, lege ich den entsprechenden Code hier ab. Sicher wird das Snippet euch auch mal weiterhelfen.

Code für die functions.php

Den folgenden Code fügt Ihr in die functions.php eures WordPress-Themes ein.


// breadcrumb
function nav_breadcrumb() {

  $delimiter = '»';
  $home = 'Home';
  $before = '';
  $after = ''; 

  if ( !is_home() && !is_front_page() || is_paged() ) {

    echo '';

    global $post;
    $homeLink = get_bloginfo('url');
    echo '' . $home . ' ' . $delimiter . ' ';

    if ( is_category() ) {
      global $wp_query;
      $cat_obj = $wp_query->get_queried_object();
      $thisCat = $cat_obj->term_id;
      $thisCat = get_category($thisCat);
      $parentCat = get_category($thisCat->parent);
      if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
      echo $before . single_cat_title('', false) . $after;

    } elseif ( is_day() ) {
      echo '' . get_the_time('Y') . ' ' . $delimiter . ' ';
      echo '' . get_the_time('F') . ' ' . $delimiter . ' ';
      echo $before . get_the_time('d') . $after;

    } elseif ( is_month() ) {
      echo '' . get_the_time('Y') . ' ' . $delimiter . ' ';
      echo $before . get_the_time('F') . $after;

    } elseif ( is_year() ) {
      echo $before . get_the_time('Y') . $after;

    } elseif ( is_single() && !is_attachment() ) {
      if ( get_post_type() != 'post' ) {
        $post_type = get_post_type_object(get_post_type());
        $slug = $post_type->rewrite;
        echo '' . $post_type->labels->singular_name . ' ' . $delimiter . ' ';
        echo $before . get_the_title() . $after;
      } else {
        $cat = get_the_category(); $cat = $cat[0];
        echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
        echo $before . get_the_title() . $after;
      }

    } elseif ( !is_single() && !is_page() && get_post_type() != 'post' && !is_404() ) {
      $post_type = get_post_type_object(get_post_type());
      echo $before . $post_type->labels->singular_name . $after;

    } elseif ( is_attachment() ) {
      $parent = get_post($post->post_parent);
      $cat = get_the_category($parent->ID); $cat = $cat[0];
      echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
      echo '' . $parent->post_title . ' ' . $delimiter . ' ';
      echo $before . get_the_title() . $after;

    } elseif ( is_page() && !$post->post_parent ) {
      echo $before . get_the_title() . $after;

    } elseif ( is_page() && $post->post_parent ) {
      $parent_id  = $post->post_parent;
      $breadcrumbs = array();
      while ($parent_id) {
        $page = get_page($parent_id);
        $breadcrumbs[] = '' . get_the_title($page->ID) . '';
        $parent_id  = $page->post_parent;
      }
      $breadcrumbs = array_reverse($breadcrumbs);
      foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
      echo $before . get_the_title() . $after;

    } elseif ( is_search() ) {
      echo $before . 'Ergebnisse für Ihre Suche nach "' . get_search_query() . '"' . $after;

    } elseif ( is_tag() ) {
      echo $before . 'Beiträge mit dem Schlagwort "' . single_tag_title('', false) . '"' . $after;

    } elseif ( is_author() ) {
       global $author;
      $userdata = get_userdata($author);
      echo $before . 'Beiträge veröffentlicht von ' . $userdata->display_name . $after;

    } elseif ( is_404() ) {
      echo $before . 'Fehler 404' . $after;
    }

    if ( get_query_var('paged') ) {
      if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
      echo __('Page') . ' ' . get_query_var('paged');
      if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
    }

    echo '';

  }
}

Breadcrumb im Theme aufrufen

Mit diesem Snippet bindet Ihr die Breadcrumb im Theme ein. Dabei ist es irrelevant ob sich die Navi innerhalb oder außerhalb des WordPress-Loops befindet.

Je nachdem, auf welcher Unterseite des Projektes Ihr euch befindet, wird nun die Breadcrumb dargestellt. Im Gegensatz zu vielen anderen Lösungen die ich kenne, arbeitet diese Breadcrumb einwandfrei mit Archiven, Seiten und Kategorien. Auch Custom Post Types werden berücksichtigt.

Der Code wurde ursprünglich unter dimox.net/wordpress-breadcrumbs-without-a-plugin veröffentlicht. Ich habe ihn nur meinen Anforderungen entsprechend leicht abgewandelt und die Begriffe übersetzt.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: Benutzerdefinierte Felder nur dann ausgeben wenn Werte eingetragen wurden

Jonas Hellwig — Thu, 18 Aug 2011 06:31:10 +0000

In WordPress besteht die Möglichkeit Beiträge durch Zusatzinformationen zu ergänzen. Das geschieht unter anderem über die so genannten Benutzerdefinierten Felder. Hierbei wird zunächst einmal ein Name (auch Schlüssel genannt) festgelegt. Diesem Namen können anschließend verschiedene Werte zugewiesen werden, die dann wiederum im Theme ausgegeben werden können. Nun kann es vorkommen, dass dieser Wert in ein weiteres Code-Snippet - z.B. einen img- oder a-Tag eingebunden werden soll. Wird nun das Benutzerdefinierte Feld nicht ausgefüllt, so kommt es zu Fehldarstellungen auf der Seite. Wie Ihr dieses Problem umgeht und Eingabefehler verhindert, möchte ich in diesem Beitrag kurz erläutern.

Beispiel

Ich erkläre die Funktion am besten einmal an einem konkreten Beispiel: Für einen Blog mit Buchrezensionen habe ich ein Benutzerdefiniertes Feld für die ISBN-Nummer angelegt. Der "Name" war in diesem Fall "ISBN" und als "Wert" konnte der Kunde die individuelle ISBN-Nummer des rezensierten Buches angeben.

Im Theme habe ich nun den "Wert", also die eingetragene ISBN-Nummer ausgelesen und in den vorgegebenen String eines Shop-Links integriert. Somit konnte unter jeder Buchrezension ein Link zum Online-Shop integriert werden. Das Produkt wurde dann über die ISBN-Nummer eindeutig identifiziert.

Nun kann es aber vorkommen, dass der Kunde vergisst die ISBN-Nummer einzutragen. Oder aber der Artikel ist im Shop nicht vorhanden. In einem solchen Fall muss sichergestellt werden, dass der Button zum Online-Shop nur dann angezeigt wird, wenn innerhalb von WordPress das Benutzerdefinierte Feld auch einen Wert erhalten hat. Anderenfalls hätten wir einen toten Link.

Wert des Feldes in Variable speichern und ausgeben

Mit dem folgenden Code löst ihr dieses Problem. Zunächst speichert ihr den "Wert" des Benutzerdefinierten Feldes in eine beliebige Variable.

ID, 'name_des_benutzerdefinierten_feldes', true); ?>

Anschließend kann der Inhalt im Theme ausgegeben werden.

Abfragen ob das Feld ausgefüllt wurde

Um den Wert nur dann auszugeben wenn auch etwas eingetragen wurde, prüfen wir ob der Inhalt ungleich "leer" ist. Sofern das der Fall ist wird die Ausgabe ausgeführt. Anderenfalls passiert in diesem Beispiel nichts.

ID, 'name_des_benutzerdefinierten_feldes', true); ?>

ID, 'name_des_benutzerdefinierten_feldes', true) != '') : ?>

Der Code inkl. echter Werte sah in meine Fall etwa so aus:

ID, 'ISBN', true); ?>

ID, 'ISBN', true) != '') : ?>
  Artikel kaufen

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress-Dashboard: Individuelle Widgets hinzufügen / Standard-Widgets löschen

Jonas Hellwig — Fri, 24 Jun 2011 05:50:59 +0000

Das WordPress-Dashboard zeigt dem Benutzer eine Übersicht verschiedener, häufig verwendeter WordPress-Funktionen. Neben einer kurzen Statistik finden sich hier unter anderem die letzten Beitragsentwürfe, eingehende Links fremder Websites und die letzten Kommentare. Für Kundenprojekte ist diese Übersicht häufig nicht brauchbar: es werden zu viele unverständliche bzw. überflüssige Informationen dargestellt. Statt dessen fehlt ein individuelles Widget um den Kunden in der Administrationsoberfläche willkommen zu heißen.

Individuelles Widget hinzufügen

Zunächst möchten wir ein individuelles Widget hinzufügen. Hier bietet es sich an, den Kunden zu begrüßen, oder ihm Hilfe bei der Benutzung von WordPress anzubieten.
Kopiert folgenden Code in die functions.php eurer WordPress-Installation und passt die gewünschten Textstellen an.

// add individual dashboard-widget
function kb_dashboard_widget() {
	echo "Hier steht der Inhalt des Widgets";
} 

function kb_add_dashboard_widget() {
	wp_add_dashboard_widget('kb_dashboard_widget', 'Widget-Überschrift', 'kb_dashboard_widget');
}

add_action('wp_dashboard_setup', 'kb_add_dashboard_widget' );

Als Ergebnis wird dem WordPress-Dashboard ein neues Widget mit Überschrift und Inhalt hinzugefügt.

Standard-Widgets entfernen

Nun sollen die Standard-Widgets von WordPress ausgeblendet werden. Folgender Code muss ebenfalls in der functions.php eingebunden werden. Anschließend sind alle Standard-Widgets verschwunden und können auch nicht vom Benutzer wieder aktiviert werden.

// remove standard dashboard-widgets
function remove_dashboard_widgets() {
  global $wp_meta_boxes;
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
} 

add_action('wp_dashboard_setup', 'remove_dashboard_widgets' );

via: hankis.me, wp-snippets.com

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Text im Footer des WordPress-Backends anpassen

Jonas Hellwig — Wed, 15 Jun 2011 05:30:07 +0000

Im Footer der WordPress-Administrationsoberfläche, dem so genannten Dashboard, wird normalerweise folgender Standard-Text angezeigt: "Danke, dass du WordPress benutzt. | WordPress Deutschland | Dokumentation (en) | Feedback (en)".
Je nach Projekt mach es Sinn diesen Text zu entfernen, oder durch einen eigenen Text zu ersetzen. Insbesondere bei Kunden-Projekten möchte man als Webdesigner hier vielleicht eine Copyright-Information oder eine Verlinkung zur eigenen Hilfe-Seite integrieren. Ein paar Zeilen in der functions.php reichen dafür aus.

functions.php anpassen

Öffnet die function.php, fügt folgenden PHP-Code ein und passt den Text entsprechend euren Vorstellungen an.

// change backend-footer
function kb_backend_footer () {
    echo "Webdesign- und Entwicklung: kulturbanause.de";
} 

add_filter('admin_footer_text', 'kb_backend_footer');

Die Änderungen wirken sich folgendermaßen auf die Darstellung im WordPress-Dashboard aus.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Facebooks Open-Graph-Protocol HTML5 valide einbinden

Jonas Hellwig — Mon, 09 May 2011 05:00:48 +0000

Facebooks Open-Graph-Schnittstelle ist eine tolle Möglichkeit um durch die Social Plugins, wie beispielsweise dem Like-Button, eine Vielzahl an Meta-Informationen an Facebook zu übermitteln. Wie ihr eure Website an den Graph anschließen könnt habe ich bereits in einem frühen Artikel beschrieben. Doch leider ist der Quellcode, den Facebook zur Integration des Open-Graphs zur Verfügung stellt, nicht HTML valide. Mit folgendem PHP-Snippet löst ihr dieses Problem.

Facebooks Zugriffe auf die Website abfangen

Die Lösung ist eigentlich ganz einfach: zunächst wird abgefragt ob Facebook auf die Website zugreift und das Ergebnis in einer Funktion abgespeichert. Anschließend wird der Quellcode zur Integration des Open-Graph-Protocols nur noch dann ausgegeben, wenn Facebook nach den Daten sucht.

Die nachfolgende Funktion könnt ihr in die functions.php kopieren. Alternativ kann der Code auch mit in den head eurer Website geschrieben werden.

Im head der Website wird anschließend dieses Snippet eingebunden. Der Code für den Open-Graph muss noch eingebunden werden. Wie das funktioniert, habe ich bereits in einem älteren Artikel zusammengefasst.



Hier wird der Quellcode für den Open-Graph geschrieben.

Dieses Snippet habe ich auf earthpeople.se gefunden. Vielen Dank!

Update: Google+ unterstützt ebenfalls das Open Graph Protocol

Google+ unterstützt nun ebenfalls das Open Graph Protocol. Wenn ihr das oben genannte Snippet verwendet, so versteckt ihr die Infos zwar vor dem Validator - aber auch vor Google+.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wörter in Kommentaren automatisch ersetzen

Jonas Hellwig — Wed, 27 Apr 2011 07:50:41 +0000

Es gibt unterschiedliche Gründe weshalb es sinnvoll sein kann bestimmte Wörter innerhalb der Kommentare zu ersetzen. Vielleicht möchtet Ihr den Umgangston auf eurer Website verbessern und filtert auf diese Weise Flüche und Schimpfwörter heraus. Eventuell möchtet Ihr auch über Affiliate-Links Geld verdienen und verlinkt bestimmte Keywords mit bezahlten Partnerseiten. Oder Ihr fangt häufige Tipp- oder Rechtschreibfehler ab, um die Qualität und die Lesbarkeit der Kommentare zu verbessern. Aus welchem Grund auch immer Ihr den Filter aktivieren wollt - alles was Ihr tun müsst ist ein kleines PHP-Snippet in die functions.php einsetzen. Anschließend müsst Ihr nur noch die gewünschten Wörter und deren Ersetzung eingeben.

Bestimmte Wörter in den Kommentaren von WordPress ersetzen

Kopiert folgenden Code in die functions.php und passt in den Zeilen 4 und 5 die Ziel-Wörter und die entsprechende Ersetzung an. Ihr könnt natürlich auch weitere Zeilen hinzufügen.

add_filter( 'pre_comment_content', 'wps_filter_comment' );
function wps_filter_comment($comment) {
	$replace = array(
		'scheisse' => 's******',
		'kulturbanause' => 'kulturbanause'
	);
	$comment = str_replace(array_keys($replace), $replace, $comment);
	return $comment;
}

Je nachdem welche Wörter Ihr wie ersetzt, halte ich es für sinnvoll die Besucher über den eingebauten Filter zu informieren.

Icon von iconfinder.net. Code via wpsnipp

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

WordPress: wptexturize deaktivieren

Jonas Hellwig — Sat, 16 Apr 2011 18:44:31 +0000

Die WordPress-Funktion wptexturize ist eigentlich sehr praktisch. Wenn Ihr innerhalb eines Beitrags bestimmte Zeichenketten verwendet, so filtert WordPress diese Elemente heraus und ersetzt sie durch hübschere bzw. korrekte Zeichen. Ein Beispiel: Wenn Ihr "..." (Punkt, Punkt, Punkt) schreibt, so korrigiert WordPress diesen typografischen Fehler und setzt das passende Zeichen "…" (hellip) ein. Eine Liste aller unterstützten Zeichen findet Ihr im Codex.

Leider führt die Funktion häufig zu unerwünschten Ergebnissen. Insbesondere wenn Ihr Code-Snippets in Euren Artikeln einfügt, kann es zu fehlerhaften Ersetzungen kommen. Alles was Ihr in so einem Fall tun müsst, ist die Funktion zu deaktivieren.

Semantik

Ein Tipp noch vorweg. Die Funktion wptexturize ersetzt nicht automatisch jedes erkannte Zeichen. Text der sich innerhalb bestimmter HTML-Tags befindet wird übersprungen. Im Detail ignoriert die Funktion den Inhalt folgender Elemente:

, , ,

kulturbanause blog » PHP

WordPress: Anzahl der Kommentare und Trackbacks getrennt darstellen

Anzahl an Kommentaren darstellen

Anzahl der Trackbacks darstellen

Credits

Jetzt bist Du gefragt

Daten per Link/URL an Zielseite übergeben

Grundsätzliche Funktionsweise

Beispiel für einen Link mit zwei Parametern:

Beispielseite

Live-Demo (Probiert es aus!):

HTML/PHP-Code der Ausgangsseite (start.php)

Welche Farbe gefällt dir am besten?

HTML/PHP-Code der Zielseite (ziel.php)

"> Du hast gewählt. Eine schöne Farbe!

Jetzt bist Du gefragt

WordPress Post-Thumbnails aus RSS-Feed auslesen. preg_match und Regular Expressions

Element mit PHP preg_match identifizieren

Jetzt bist Du gefragt

Theme Options Page für WordPress erstellen

WordPress Theme-Options-Pages

functions.php - Theme Options Page anlegen

Theme-Optionen für

Theme-Options-Page im Dashboard

footer.php - Eingaben im Template anzeigen

Weitere Links zum Thema

Jetzt bist Du gefragt

WordPress-Dashboard mit dem eigenen Logo versehen

Logografik

functions.php

Jetzt bist Du gefragt

WordPress Login-Screen individualisieren

Logografik erstellen

functions.php

Jetzt bist Du gefragt

Die meist kommentierten WordPress-Beiträge der letzten 30 Tage anzeigen

Code-Snippet

Jetzt bist Du gefragt

WordPress: Titel übergeordneter Seiten auslesen (direkter und oberster Vorfahre)

Übergeordnete Seite auf oberster Ebene ausgeben

Direkten Vorfahren ausgeben

Jetzt bist Du gefragt

WordPress: Untergeordnete Seiten gezielt ausgeben

Alle untergeordneten Seiten ausgeben

Verschachtelungstiefe begrenzen

Jetzt bist Du gefragt

WordPress: Widgetized Sidebars mit Beschreibung

Sidebar in der functions.php definieren

', // Code der vor dem Titel ausgegeben wird 'after_title' => '

Sidebar im Theme einbinden

Jetzt bist Du gefragt

Grundgerüst für WordPress-Widgets

Code für das Beispiel-Widget

Widget installieren und aktivieren

Widget im Theme einsetzen

Jetzt bist Du gefragt

WordPress: Prüfen ob eine Seite Child-Pages besitzt oder nicht

Snippet für die Template-Datei

Jetzt bist Du gefragt

WordPress: Prüfen ob die aktuelle Seite Parent- oder Child-Page ist

If-Else-Abfrage

Jetzt bist Du gefragt

WordPress: Prüfen ob sich ein User in Kategorie X (Parent-Category) oder in einer untergeordneten Kategorie von X (Child-Category) befindet

Snippet für die functions.php/Template-File

Ausgabe im Theme

Jetzt bist Du gefragt

WordPress: Breadcrumb-Navigation ohne Plugin

Code für die functions.php

Breadcrumb im Theme aufrufen

Jetzt bist Du gefragt

WordPress: Benutzerdefinierte Felder nur dann ausgeben wenn Werte eingetragen wurden

Beispiel

Wert des Feldes in Variable speichern und ausgeben

Abfragen ob das Feld ausgefüllt wurde

Jetzt bist Du gefragt

WordPress-Dashboard: Individuelle Widgets hinzufügen / Standard-Widgets löschen

Individuelles Widget hinzufügen

Standard-Widgets entfernen

Jetzt bist Du gefragt

Text im Footer des WordPress-Backends anpassen