Usando o Elementor e o SearchWP
Sumário
Elementor é um construtor de sites WordPress incrivelmente popular usado por milhões de sites.
O Elementor não permite apenas que você estruture e construa visualmente todo o seu site, ele permite que você use todas as suas ferramentas para personalizar seu modelo de resultados de pesquisa também!
Ainda melhor: o SearchWP se integra automaticamente aos modelos de resultados de pesquisa do Elementor! ?
Observação: Você deve usar o Módulo Formulário de Pesquisa do Elementor para formulários de pesquisa
Configurar Modelo de Resultados de Pesquisa do Elementor
O Elementor possui um Theme Builder integrado, permitindo que você configure rapidamente um modelo personalizado de Resultados de Pesquisa.
Você pode usar o Theme Builder para construir seu modelo de resultados ou clicar em Adicionar Novos Resultados de Pesquisa na aba Resultados de Pesquisa da página do Theme Builder.
Este artigo se concentrará na configuração de um modelo de Resultados de Pesquisa no Theme Builder.
As instruções para a aba Resultados de Pesquisa da página do Theme Builder podem ser encontradas aqui: https://elementor.com/help/customize-the-search-results-archive/
Você pode então escolher Resultados de Pesquisa:
Você pode então começar a personalizar seu Modelo de Resultados de Pesquisa usando todos os Widgets familiares do Elementor.
Importante: Use o Widget Posts do Arquivo para exibir os resultados do SearchWP.
Assim que terminar a edição, você pode Publicar seu modelo, certificando-se de que ele está definido para Incluir Resultados de Pesquisa:
Indexar conteúdo de post criado com o Elementor Builder
Alguns conteúdos de post criados usando o Elementor Builder podem não ser diretamente indexáveis pelo SearchWP, dependendo de como os dados são armazenados pelo Elementor ou seus add-ons. Para superar essa limitação, o seguinte código deve ser usado. Após adicionar o código ao seu site, você deve reconstruir o índice do SearchWP para que as alterações entrem em vigor.
| <?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 ); |
Motor personalizado usado
Por padrão, o SearchWP usará seu Motor padrão para realizar a pesquisa. Se você quiser usar um Motor suplementar em vez disso, pode usar este hook:
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 ); |
