M\u00f6chten Sie ein benutzerdefiniertes Suchformular auf einer WordPress-Website erstellen? Fr\u00fcher haben wir Themen von Grund auf neu erstellt, damit wir den Abschnitten auf der Website unser eigenes Styling hinzuf\u00fcgen k\u00f6nnen. Vielleicht haben Sie ein ansprechendes Suchformular entworfen und m\u00f6chten es nun in WordPress einf\u00fcgen.<\/p>\n
WordPress bietet eine Methode Durch das Erstellen eines benutzerdefinierten Suchformulars k\u00f6nnen Sie Ihr eigenes Markup und Styling hinzuf\u00fcgen. In diesem Artikel zeige ich Ihnen, wie Sie ein benutzerdefiniertes Suchformular in WordPress erstellen.<\/p>\n Die Methode Erstellen Sie eine Der obige Code enth\u00e4lt nichts Ausgefallenes oder Komplexes. Ich habe dem Formular-Tag die ID ’searchform‘ und dem Suchtextfeld die Klasse ’search-field‘ gegeben. Mit dieser ID und Klasse kann ich dem Suchformular Styling hinzuf\u00fcgen. So m\u00fcssen Sie in Ihrem Fall Ihr eigenes Markup verwenden.<\/p>\n Der n\u00e4chste Schritt ist die Anzeige des Suchformulars auf der Website. Sie k\u00f6nnen das Suchformular in der Seitenleiste, in der Kopfzeile, neben dem Men\u00fc usw. platzieren.<\/p>\n Mit der Funktion Nachdem Sie den obigen Code an der gew\u00fcnschten Stelle platziert haben, gehen Sie zum Browser. Sie sollten nun Ihr Suchformular auf der Website sehen.<\/p>\n Es kann sein, dass Ihre Website mehr Ressourcen wie B\u00fccher, Zeitschriften, E-Books, PDFs usw. enth\u00e4lt und Sie Inhalte aus all diesen Ressourcen im Suchergebnis anzeigen m\u00fcssen. Es kann leicht gemacht werden.<\/p>\n Angenommen, Sie haben benutzerdefinierte Beitragstypen f\u00fcr all diese Ressourcen, m\u00fcssen Sie im Suchformular f\u00fcr jeden Beitragstyp ein ausgeblendetes Feld hinzuf\u00fcgen.<\/p>\n Angenommen, Sie haben f\u00fcr die oben genannten Ressourcen benutzerdefinierte Beitragstypen Buch, Zeitschrift, E-Book, PDF erstellt. Dann sehen Ihre ausgeblendeten Felder wie folgt aus.<\/p>\n Wenn nun jemand ein Schl\u00fcsselwort in das Suchformular eingibt, sucht WordPress in allen oben genannten Beitragstypen nach diesem Schl\u00fcsselwort, um das Ergebnis abzugleichen.<\/p>\n Ich hoffe, Sie verstehen, wie Sie ein benutzerdefiniertes Suchformular in WordPress erstellen. Ich w\u00fcrde gerne Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten h\u00f6ren.<\/p>\nget_search_form()<\/code>, die das Suchformular rendert. Wenn Sie diese Methode in Ihrem benutzerdefinierten Thema verwenden, erhalten Sie ein im WordPress-Core erstelltes Standardsuchformular. Und Sie m\u00f6chten nicht das Standardsuchformular, da Ihr Formularentwurf anders ist. Um diese Situation zu umgehen, m\u00fcssen Sie ein benutzerdefiniertes Suchformular erstellen, das das Standardformular \u00fcberschreibt.<\/p>\nget_search_form()<\/code>sucht nach einer searchform.php<\/code>Datei im Verzeichnis Ihres aktiven Themes. Wenn diese Datei nicht existiert, verwendet WordPress das Standardsuchformular, das im Kern enthalten ist.<\/p>\nErstellen Sie ein benutzerdefiniertes Suchformular<\/h3>\n
searchform.php<\/code>Datei im Verzeichnis Ihres aktiven Themas. F\u00fcgen Sie in dieser Datei Ihr Markup des Suchformulars hinzu. Zum Beispiel sieht in meinem Fall das Suchformular wie folgt aus.<\/p>\n<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\nSuchformular anzeigen<\/h3>\n
get_search_form()<\/code>kann man sein Suchformular \u00fcberall auf der Website anzeigen. Sie m\u00fcssen diese Methode lediglich an der Stelle aufrufen, an der Sie das Suchformular anzeigen m\u00f6chten.<\/p>\n<?php get_search_form(); ?><\/code><\/pre>\nSuchergebnis anpassen<\/h3>\n
<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"book\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"magazine\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"ebook\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"pdf\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\nZum Thema passende Artikel<\/h4>\n