Procurar
Todo visitante é um potencial de procura por algo Uma barra de busca fraca, oculta ou feia quebra essa jornada O Elemento de Pesquisa Master Addons oferece duas maneiras poderosas de integrar a pesquisa: um formulário inline clássico ou um ícone de clique para abrir popup Coloque em qualquer lugar seu cabeçalho, barra lateral, herói seção e então projete cada pixel Estilo o formulário, o botão, o ícone e até mesmo as mensagens do popup.
Formulário de pesquisa e pop-up de ícones
Nem todo design tem espaço para uma barra de pesquisa completa É por isso que lhe damos dois tipos distintos Escolha “Form” para um campo de entrada e botão tradicional, sempre visível Perfeito para barras laterais ou sob o herói Ou selecione “Icon” para uma lupa elegante que economiza espaço e que, quando clicada, abre uma elegante sobreposição de pesquisa Popup Isso mantém seu design limpo até que o usuário precise Você controla o Texto do Botão para formulários e o Ícone exato para o gatilho popup.
- Tipo de formulário: Um formulário de pesquisa padrão, sempre visível, com um botão de envio personalizável (como texto ou ícone).
- Tipo de ícone/Popup: um botão de ícone elegante que aciona um formulário de pesquisa Popup completo, economizando espaço crucial no cabeçalho.
- Biblioteca de ícones: Escolha qualquer ícone de lupa da vasta biblioteca de ícones para combinar com o estilo do seu site.
Formulário completo e estilo de campo de entrada
Faça do formulário de pesquisa uma parte natural do seu layout Projete todo o contêiner do Formulário: defina seu Fundo, Largura, Margem, Preenchimento e dê-lhe Raio de Fronteira e Sombra de Caixa Em seguida, estilize o próprio Campo de Entrada Controle sua Tipografia, Cor, Fundo, Fronteira e Preenchimento interno Você pode até projetar o Estado de Foco (quando um usuário clica) com uma cor de borda diferente Isso garante que sua barra de pesquisa pareça premium, não como um padrão do navegador.
- Design de Recipiente: Estile a caixa do formulário com Fundo, Preenchimento, Bordas e Sombra.
- Controle de Campo de Entrada: Personalize a Cor, Tipografia, Largura e Raio de Fronteira da caixa de texto.
- Estados avançados: defina uma cor de borda exclusiva para o estado focado, destacando o campo ativo.
Design de ícones e mensagens pop-up
Para o tipo Ícone/Popup, o ícone em si é um botão Estilize-o com perfeição Ajuste seu Tamanho, Cor e o Preenchimento & Margem ao seu redor Em seguida, projete o pop-up que aparece Personalize o espaço reservado do Texto de Entrada (como “Start typing...”) e, crucialmente, adicione uma Descrição útil (por exemplo, “Hit enter to search ou ESC to close”).Este texto orienta os usuários, melhorando a usabilidade e criando uma experiência interativa profissional e polida.
- Estilo de ícone: altere a cor e o tamanho do ícone e ajuste o espaço circundante com margem e preenchimento de ícones.
- Texto pop-up inteligente: defina um texto de espaço reservado amigável dentro do campo de pesquisa do pop-up.
- Instruções de popup: adicione uma linha de descrição abaixo da entrada para explicar como usar o pop-up (pesquisa/fechar).
Perguntas frequentes para pesquisa
Esta pesquisa funciona com a página de resultados de pesquisa padrão do meu tema?
Sim, deve Este elemento fornece o formulário de pesquisa front-end Quando um usuário envia uma consulta, ele usará sua funcionalidade de pesquisa padrão WordPress (ou WooCommerce) e mostrará resultados na página de modelo de pesquisa.php do seu tema Não substitui a lógica de pesquisa, apenas faz o formulário de entrada parecer incrível.
Posso ter uma pesquisa de formulário na barra lateral e uma pesquisa de ícone no cabeçalho?
Absolutamente. você pode usar vários elementos de Pesquisa na mesma página ou site Cada um é configurado e estilizado de forma independente Assim, você pode ter um grande formulário na barra lateral do seu blog e um ícone mínimo no seu cabeçalho, cada um com suas próprias configurações.
O pop-up de pesquisa é compatível com dispositivos móveis?
Sim. O popup é projetado para ser responsivo Ele normalmente abrirá como uma sobreposição centralizada que cobre a maior parte da tela móvel, com o campo de entrada e a descrição claramente legíveis O gatilho de ícone também é dimensionado adequadamente para dispositivos de toque.
Posso mudar o ícone da lupa para outra coisa, como um "Q" para citação?
Você pode escolher qualquer ícone da biblioteca de ícones integrada (como FontAwesome) Enquanto uma lupa é padrão, você poderia tecnicamente usar um ícone diferente No entanto, para a compreensão universal do usuário, recomendamos fortemente ficar com um símbolo de pesquisa reconhecido (lupa).
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
