Verwendung von Elementor und SearchWP
Inhaltsverzeichnis
Elementor ist ein unglaublich beliebter WordPress-Website-Builder, der von Millionen von Websites genutzt wird.
Elementor ermöglicht es Ihnen nicht nur, Ihre gesamte Website visuell zu strukturieren und zu erstellen, sondern auch alle seine Werkzeuge zu verwenden, um Ihre Suchergebnisvorlage anzupassen!
Noch besser: SearchWP integriert sich automatisch in die Suchergebnisvorlagen von Elementor! ?
Hinweis: Sie sollten das Suchformular-Modul von Elementor für Suchformulare verwenden
Elementor Suchergebnisvorlage einrichten
Elementor verfügt über einen integrierten Theme Builder, mit dem Sie schnell eine benutzerdefinierte Suchergebnisvorlage einrichten können.
Sie können entweder den Theme Builder verwenden, um Ihre Ergebnisvorlage zu erstellen, oder auf der Registerkarte Suchergebnisse der Theme Builder-Seite auf Neue Suchergebnisse hinzufügen klicken.
Dieser Artikel konzentriert sich auf die Einrichtung einer Suchergebnisvorlage im Theme Builder.
Anweisungen für die Registerkarte Suchergebnisse der Theme Builder-Seite finden Sie hier: https://elementor.com/help/customize-the-search-results-archive/
Sie können dann Suchergebnisse auswählen:
Sie können dann mit der Anpassung Ihrer Suchergebnisvorlage mit allen bekannten Elementor-Widgets beginnen.
Wichtig: Verwenden Sie das Archive Posts Widget, um die Suchergebnisse von SearchWP anzuzeigen.
Sobald Sie mit der Bearbeitung fertig sind, können Sie Ihre Vorlage veröffentlichen und sicherstellen, dass sie auf Suchergebnisse angewendet wird:
Inhalt von Beiträgen indexieren, die mit dem Elementor Builder erstellt wurden
Einige mit dem Elementor Builder erstellte Beitragsinhalte sind möglicherweise nicht direkt von SearchWP indexierbar, abhängig davon, wie die Daten von Elementor oder seinen Add-ons gespeichert werden. Um diese Einschränkung zu überwinden, sollte der folgende Code verwendet werden. Nach dem Hinzufügen des Codes zu Ihrer Website sollten Sie den SearchWP-Index neu erstellen, damit die Änderungen wirksam werden.
| <?php | |
| // Index post content built with the Elementor Builder | |
| add_filter( 'searchwp\source\post\attributes\content', function( $content, $args ) { | |
| if ( class_exists('\Elementor\Plugin' ) ) { | |
| // We don't want CSS code on the post content while indexing. | |
| add_filter( 'elementor/frontend/builder_content/before_print_css', '__return_false' ); | |
| $elementor = new \Elementor\Frontend(); | |
| $content = $elementor->get_builder_content_for_display( $args['post']->ID ); | |
| // Remove the filter once we have grabbed the content. | |
| remove_filter( 'elementor/frontend/builder_content/before_print_css', '__return_false' ); | |
| } | |
| return $content; | |
| }, 20, 2 ); |
Verwendete Engine anpassen
Standardmäßig verwendet SearchWP seine default Engine, um die Suche durchzuführen. Wenn Sie stattdessen eine ergänzende Engine verwenden möchten, können Sie diesen Hook verwenden:
All hooks should be added to your custom SearchWP Customizations Plugin.
| <?php | |
| // Customize SearchWP Engine used. | |
| add_filter( 'searchwp\native\args', function( $args, $query ) { | |
| $args['engine'] = 'supplemental'; | |
| return $args; | |
| }, 15, 2 ); |
