FacetWP – Beaver Builder

Integrando FacetWP ao Beaver Builder

Quando o assunto é construção de sites dinâmicos e eficientes, o Beaver Builder se destaca como uma das melhores opções no mundo do WordPress. Uma das maneiras de aprimorar ainda mais a funcionalidade deste poderoso construtor de páginas é integrá-lo ao FacetWP. Com a combinação do Beaver Builder e FacetWP, você pode adicionar facetas aos seus listados de postagens, oferecendo aos visitantes uma filtragem dinâmica e intuitiva.

Usabilidade e Módulos Compatíveis

Para começar a aproveitar essa funcionalidade, você precisa garantir que está utilizando um módulo compatível com o FacetWP. Aqui estão alguns dos módulos que funcionam bem nesse contexto:

• Posts: O módulo padrão que permite listar suas postagens.
• WooCommerce: Ideal para lojas online, permitindo filtrar produtos facilmente.
• Advanced Posts: Para quem tem o plugin Ultimate Addons para Beaver Builder, este módulo oferece funcionalidades adicionais.
• Woo Products: Também requer o Ultimate Addons.
• Content Grid e Product Grid: Para layouts mais personalizados, exigindo respectivamente os plugins PowerPack e WooPack.

Com esses módulos em funcionamento, você verá uma nova configuração chamada “FacetWP” nas telas de edição. Habilitando-a, o FacetWP utilizará o módulo de listagem para filtrar seus conteúdos, um passo muito importante para quem busca uma navegação mais fluida em sites repletos de informações.

Como Adicionar Facetas

Adicionar facetas à sua página usando o Beaver Builder é um processo simples. Ao editar sua página no modo visual do Beaver Builder, você deve clicar no botão azul “+” para abrir os módulos disponíveis. Na seção “FacetWP”, é onde você encontrará a opção de “Facet”. Aqui, você pode escolher uma faceta existente ou criar uma nova, dependendo das suas necessidades.

Além disso, funcionalidades adicionais como ordenação e seleções também estão disponíveis como módulos e podem ser integradas conforme necessário. Essa flexibilidade permite que os desenvolvedores criem experiências únicas de navegação, personalizando como os visitantes interagem com o conteúdo.

Pagination e Arquivos

Outro ponto crucial é a manipulação de paginação. O FacetWP geralmente detecta automaticamente a paginação numerada do Beaver Builder. Contudo, você pode optar por desabilitar a paginação do módulo e utilizar uma faceta de Paginação, dependendo do layout desejado.

Se você está lidando com páginas de arquivo, como a página de blogs ou arquivos de taxonomia, o Beaver Themer permite que você projete layouts específicos para esses arquivos. É fundamental ajustar a fonte de conteúdo no módulo de postagens para “Main Query”, garantindo que tanto o Beaver Builder quanto o FacetWP utilizem a mesma consulta de arquivo do WordPress, evitando conflitos.

Customizando Consultas de Módulos

Uma das vantagens de trabalhar com o Beaver Builder é a capacidade de personalizar as consultas dos módulos. Se você precisa adaptar ou até mesmo substituir uma consulta no módulo de postagens, pode usar o hook fl_builder_loop_query_args. Isso permite que você mostre apenas tipos de postagens personalizados, mude a ordem dos posts ou utilize consultas meta específicas.

Para implementar essa personalização, você pode inserir um código PHP no arquivo functions.php do seu tema filho ou utilizar um plugin de snippets de código. Por exemplo, se você quiser ordenar os posts por data e, subsequentemente, por título, o código seria assim:

php
function my_query_order( $query_args ) {
if ( is_front_page() ) {
$query_args['orderby'] = array(
'date' => 'DESC', // Ordenação primária: por data
'title' => 'ASC' // Ordenação secundária: por título
);
}
return $query_args;
}
add_filter( 'fl_builder_loop_query_args', 'my_query_order' );

PHP e Hooks Personalizados

Adicionar código PHP customizado ao seu tema pode melhorar drasticamente a funcionalidade do seu site. Utilize o arquivo functions.php do tema filho ou algum plugin de hooks e snippets. Por exemplo, se você notou que sua página está rolando automaticamente para o topo após a carga, isso pode ser resultado de uma falha na integração com o FacetWP. Para corrigir esse problema, investigue as opções de renderização de ativos do Beaver Builder e verifique se a função está sendo chamada corretamente.

Prevenindo Rolagens Indesejadas

Um dos problemas comuns que muitos usuários enfrentam ao combinar Beaver Builder e FacetWP é a rolagem automática das páginas. O Beaver Builder, por padrão, rola para o topo do módulo ao carregar. No entanto, ao usar módulos habilitados para FacetWP, esse comportamento deve ser prevenido. Se a página está rolando incorretamente, pode ser um erro na sequência de carregamento dos scripts.

Verifique sua configuração para garantir que a opção de renderizar os ativos do CSS/JS não esteja ativada. Desativar essa configuração em Settings > Beaver Builder > Advanced > Frontend pode resolver o problema. Além disso, evite a utilização de qualquer outro filtro que também poderia estar causando o comportamento indesejado.

Conclusão

Integrar o FacetWP com o Beaver Builder é uma maneira excepcional de enriquecer a experiência do usuário em seu site. A capacidade de adicionar facetas aos listados de postagens não só melhora a usabilidade, mas também permite que o visitante encontre o que procura de forma rápida e prática. Ao manipular queries personalizadas e configurar adequadamente as opções de paginação, você poderá criar ambientes de navegação que não apenas atraem, mas também retêm visitantes. Portanto, explore a fundo essa combinação poderosa e veja seu fluxo de visitas crescer!