- \n
- Es sollen ein oder mehrere Suchbegriffe (durch Leerzeichen getrennt) eingegeben werden k\u00f6nnen.<\/li>\n
- Zuerst sollen alle Rezepte ausgegeben werden, bei denen die gesuchten Begriffe schon im Titel vorkommen. Die Treffer werden farbig hinterlegt.<\/li>\n
- Dann sollen noch alle Rezepte nachfolgen, bei denen die Suchbegriffe im Rezepttext = post content vorkommen, auch hier farbig hinterlegt<\/li>\n
- Durch Klick auf den Rezepttitel soll man direkt zum Rezepttext gelangen.<\/li>\n<\/ul>\n
Wir fangen nat\u00fcrlich mit einem Formular an<\/h2>\n
Das Plugin f\u00e4ngt mit einem einfachen Eingabefeld an:<\/p>\n
\/*\r\nPlugin Name: Evis Suche mit Highlighting\r\nPlugin URI: http:\/\/localhost\/wp_ajax\/wp-content\/plugins\/suche\r\nDescription: Eigenes Suchmodul mit Highlighting\r\nVersion: 1.0\r\nAuthor: Evi Leu\r\nAuthor URI: http:\/\/www.evileu.de\r\n*\/\r\n\r\n\/\/Formular als Shortcode einbinden\r\n\u00a0function suche_form(){\r\n\u00a0\u00a0 \u00a0 \r\n\u00a0\u00a0 \u00a0echo \"<h3>Rezeptsuche mit Highlighting<\/h3>\";\r\n\u00a0\u00a0 \u00a0echo \"<p>Mehrere Stichworte mit Leerzeichen trennen<\/p>\";\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0echo \"<form action='#' method='post'>\";\r\n\u00a0\u00a0 \u00a0echo \"<input type='text' size='100' name = 'suchstring' >\";\r\n\u00a0\u00a0 \u00a0echo \"<\/form>\";\r\n\u00a0\u00a0 \u00a0\r\n<\/pre>\nDer Inhalt des Textfeldes wird \u00fcbernommen, wenn der Anwender auf Return dr\u00fcckt. Dann legen wir los:<\/p>\n
if (isset($_POST['suchstring'])){\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/***ein oder mehrere Leerzeichen im String?\r\n\u00a0\u00a0 \u00a0if (strpos($_POST['suchstring'],\" \")>0){<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$suchsql = \"\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$suchsql_content = \"\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/string am leerzeichen trennen<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$strings = explode(\" \",$_POST['suchstring']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$anzahl = count($strings);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$ersterstring = $strings[0];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0for ($i=1; $i < $anzahl; $i++){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/suchstring f\u00fcr post_title zusammenbauen<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$suchsql = $suchsql.\" AND post_title like '%\".$strings[$i].\"%' \";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/suchstring f\u00fcr post_content zusammenbauen<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$suchsql_content = $suchsql_content.\" AND post_content like '%\".$strings[$i].\"%' \";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\/\/***kein Leerzeichen im String\r\n\u00a0\u00a0 \u00a0else{$ersterstring = $_POST['suchstring'];<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0}<\/pre>\nWas hab ich gemacht? Wenn ein oder mehrere Leerzeichen im Suchstring vorhanden sind, zerlege ich den String mit explode() in ein Array. Dann baue ich mir aus allen vorkommenden Einzelstrings ein SQL-Snippet zusammen, eins f\u00fcr die Abfrage des post_title und eins f\u00fcr die Abfrage des post_content. Man kann die AND-Klauseln einfach hintereinanderh\u00e4ngen, es sollen ja alle Suchstrings gefunden werden. Gro\u00df\/Kleinschreibung ist egal, der MySQL-Like ist nicht case sensitive. Wenn kein Leerzeichen im Suchbegriff vorkommt, \u00fcbernehme ich ihn im Ganzen.<\/p>\n
Die erste Abfrage geht auf den Titel<\/h2>\n
Mit dem zusammengebauten SQL-Snippet von oben starte ich die erste Abfrage: Dann gebe ich erstmal aus, wieviele Rezepte mit den Suchbegriffen im Titel gefunden wurden.<\/p>\n
global $wpdb; \r\n\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/******Suchstring im Titel?****\/\r\n\u00a0\u00a0 \u00a0$alleposts = $wpdb->get_results( \"SELECT * from \".$wpdb->prefix.\"posts \r\nwhere post_title like '%\".$ersterstring<\/span>.\"%' \".$suchsql<\/span>.\"\r\n\u00a0\u00a0 \u00a0and post_type like 'post' and post_status like 'publish' order by post_title\");\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$gefunden = $wpdb->num_rows;\r\n\u00a0\u00a0 \u00a0if ($gefunden == 1){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo $gefunden.\" Rezept mit \".$_POST['suchstring'].\" im Titel:\";\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0if ($gefunden > 1){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo $gefunden.\" Rezepte mit \".$_POST['suchstring'].\" im Titel:\";\r\n\u00a0\u00a0 \u00a0}<\/pre>\nDann klappere ich mit einem foreach alle Ergebnisse des ersten Selects ab und mache mit PHP ein paar Ersetzungen f\u00fcr das Highlighting der Suchbegriffe. Daf\u00fcr benutze ich den str_ireplace, der ist nicht case sensitive. Dabei geht der erste Suchebegriff extra, f\u00fcr alle weiteren steppe ich mit der for-Anweisung durch unser Array von oben.<\/p>\n
foreach($alleposts as $einpost){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/**** ersten Suchstring im Titel highlighten\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$replace<\/span> = '<span style=\"background-color: #FF0;\">' . $ersterstring<\/span>. '<\/span>'; \/\/ create replacement\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$content<\/span> = str_ireplace<\/span>( $ersterstring<\/span>, $replace<\/span>, $einpost->post_title );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/***** ersten Suchstring im content highlighten\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$rezepttext<\/span> = str_ireplace( $ersterstring<\/span>, $replace<\/span>, $einpost->post_content );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/****alle weiteren Suchstrings highlighten\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0for ($j=1; $j<$anzahl;$j++){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$replace<\/span> = '<span style=\"background-color: #FF0;\">' . $strings[$j]<\/span>. '<\/span>'; \/\/ create replacement\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$content<\/span> = str_ireplace( $strings[$j]<\/span>, $replace, $content );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$rezepttext<\/span> = str_ireplace( $strings[$j]<\/span>, $replace, $rezepttext );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/als Accordeon ausgeben<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<details><summary>\".$content.\"<\/summary>\";<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo $rezepttext.\"<\/details>\";<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<hr>\";<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0}<\/pre>\nGanz am Ende benutze ich eine HTML5-Syntax f\u00fcr die Ausgabe des Rezepttitels als anklickbares Detail\/Summary Element, auch Accordeon genannt. Das sieht dann so aus:<\/p>\n
![\"accordeon\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/05\/accordeon.jpg\")
accordeon<\/p><\/div>\n
Wenn man auf das Dreieckssymbol klickt, wird der Rezepttext eingeblendet — mit Highlighting:<\/p>\n
![\"schweinefilet_highlighted\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/05\/schweinefilet_highlighted.jpg\")
schweinefilet_highlighted<\/p><\/div>\n
Das funktioniert auch mit mehreren Stichworten (es k\u00f6nnen beliebig viele sein), ich hab hier mal „butter tomate“ eingegeben:<\/p>\n
![\"butter_tomate\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/05\/butter_tomate.jpg\")
butter_tomate<\/p><\/div>\n
Und jetzt das ganz nochmal auf den Content:<\/h2>\n
Der SQL ist nur minimal ver\u00e4ndert und geht jetzt auf den post_content, das Highlighting funktioniert genauso wie oben, auch die Ausgabe als Accordeon:<\/p>\n
\/\/*******Suchstring im Content<\/span> *\/\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0$alleposts = $wpdb->get_results( \"SELECT * from \".$wpdb->prefix.\"posts where \r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0 post_content<\/span> like '%\".$ersterstring<\/span>.\"%' \".$suchsql_content<\/span>.\" \r\n\u00a0\u00a0 \u00a0and post_type like 'post' and post_status like 'publish' order by post_title\");\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0foreach($alleposts as $einpost){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/**** ersten Suchstring highlighten\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$replace = '<span style=\"background-color: #FF0;\">' . $ersterstring. '<\/span>'; \/\/ create replacement\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$rezepttext = str_ireplace( $ersterstring, $replace, $einpost->post_content );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/****alle weiteren Suchstrings highlighten\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0for ($j=1; $j<$anzahl;$j++){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$replace = '<span style=\"background-color: #FF0;\">' . $strings[$j]. '<\/span>'; \/\/ create replacement\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$rezepttext = str_ireplace( $strings[$j], $replace, $rezepttext );\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/als Accordeon ausgeben<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<details><summary>\".$einpost->post_title.\"<\/summary>\";<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo $rezepttext.\"<\/details>\";<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<hr>\";<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0}<\/pre>\nDas wars schon! Jetzt k\u00f6nnte man h\u00f6chstens noch anmeckern, dass manche Rezepte zweimal auftauchen, weil sie einmal mit der Suche im Titel und ein zweites Mal mit der Suche im Content gefunden wurden, aber auch daf\u00fcr sollte es eine L\u00f6sung\u00a0 geben, das ist Feintuning.<\/p>\n
Viel Spa\u00df beim Nachbauen! Hier noch ein Beispiel, dass es auch mit mehreren Stichworten funktioniert, ich habe „butter tomate oliven\u00f6l hackfleisch knoblauch“ eingegeben:<\/p>\n
![\"5_suchworte\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/05\/5_suchworte.jpg\")
5_suchworte<\/p><\/div>\n
Bemerkung nach Testbetrieb: immer diese Umlauts<\/h2>\n
Darauf bin ich erst sp\u00e4ter gekommen: der MySQL-Like\u00a0ignoriert in der Kollation utf8_general_ci die deutschen Umlaute. So wird zum Beispiel zum Stichwort „huhn<\/strong>“ auch „h\u00fchn<\/strong>chen“ gefunden, da \u00fc wird als u behandelt. Das w\u00e4re ja soweit noch nicht weiter tragisch, aber der PHP str_ireplace() macht sehr wohl einen Unterschied zwischen Umlauten und aeoui, da f\u00e4llt das Highlighting auf die Nase… na ja, ich finde das jetzt nicht wirklich schlimm, es ist halt ein kleines Manko. Deswegen jetzt mit der Datenbankkollation rumzuexperimentieren erspare ich mir, das w\u00e4re mit Kanonen auf Spatzen geschossen.<\/p>\n
Doppelt vorkommende Rezepte ausblenden<\/h2>\n
Bislang kamen Rezepte, die sowohl im Titel als auch im Content die eingegebenen Begriffe enthielten, doppelt vor. Das l\u00e4\u00dft sich relativ einfach unterbinden, ich merke mir einfach in einem Array, welche Rezept-IDs bei der Stichwortsuche im Titel schon gefunden wurden, und baue daraus einen String f\u00fcr eine not-in-Klausel. Daf\u00fcr kommt noch folgender Code nach dem ersten SQL rein:<\/p>\n
\/\/merken, welche post ids schon gefunden wurden\r\n\u00a0\u00a0 \u00a0$merken = array();\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/Falls ein oder mehrere Rezepte gefunden wurden, IDs merken\r\n\u00a0\u00a0 \u00a0if ($gefunden>0){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$k=0;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0foreach ($alleposts as $einpost){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$merken[$k] = $einpost->ID;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$k=$k+1;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}else{\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/Falls kein Rezept gefunden wurde, Dummy Eintrag mit ID 0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$gemerkt = \"(0)\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/Klammer f\u00fcr den not in aufbauen\r\n\u00a0\u00a0 \u00a0$gemerkt = \"(\";\r\n\u00a0\u00a0 \u00a0for ($l=0; $l < $gefunden; $l++){\r\n\u00a0\u00a0 \r\n\u00a0\u00a0 \u00a0$gemerkt = $gemerkt.$merken[$l].\", \";\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\/\/Klammer f\u00fcr den \"not in\" mit Dummy-Eintrag 0 abschliessen\r\n\u00a0\u00a0 \u00a0$gemerkt = $gemerkt.\"0)\";\r\n<\/pre>\nDen Dummy-Eintrag mit der 0 brauchts, damit der „not in“ nicht auf eine leere Klammer rennt und gar nichts ausgibt. Mit dem jetzt in der Variable $gemerkt gespeicherten String mit den IDs gehe ich in den zweiten SQL, der im Content sucht, und f\u00fcge noch eine „not in“-Klausel\u00a0 hinzu:<\/p>\n
$alleposts = $wpdb->get_results( \"SELECT * from \".$wpdb->prefix.\"posts where \r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0 post_content like '%\".$ersterstring.\"%' \".$suchsql_content.\" \r\n\u00a0\u00a0 \u00a0and post_type like 'post' and post_status like 'publish' \r\nand ID not in \".$gemerkt.\"<\/span> order by post_title\");<\/pre>\nDas filtert alle Rezepte heraus, die bereits in der ersten SQL-Abfrage gefunden wurden.<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Habt ihr euch auch schon manchmal gew\u00fcnscht, WordPress w\u00fcrde die Suchergebnisse irgendwie kennzeichnen – zum Beispiel durch eine farbige Hinterlegung der gefundenen Begriffe? Manchmal ist es n\u00e4mlich gar nicht so leicht herauszufinden, wo im Text sich der gesuchte Begriff (oder die gesuchten Begriffe) verstecken. Das eine durchaus \u00fcbliche Sache, und ich hab mir mal ein […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,11,7,4,8,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1163"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=1163"}],"version-history":[{"count":8,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1163\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1163\/revisions\/1176"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=1163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=1163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=1163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}