Recherche
Chaque visiteur est un client potentiel à la recherche de quelque chose Une barre de recherche faible, cachée ou laide interrompt ce voyage L'élément de recherche Master Addons vous offre deux façons puissantes d'intégrer la recherche : une forme classique en ligne ou une icône clic-à-ouverture Placez-la n'importe où (pop your header, hero sidebar, hero side section) et concevez ensuite chaque pixel le formulaire, le bouton, et même la messagerie de la popup.
Formulaire de recherche et fenêtre contextuelle d'icône
Tous les modèles n'ont pas de place pour une barre de recherche complète C'est pourquoi nous vous donnons deux Types distincts Choisissez “Form” pour un champ et un bouton de saisie traditionnels, toujours visibles Parfait pour les barres latérales ou sous le héros Ou, sélectionnez “Icon” pour une loupe élégante et peu encombrante qui, lorsqu'on clique dessus, ouvre une élégante superposition de recherche Popup Cela maintient votre conception propre jusqu'à ce que l'utilisateur en ait besoin Vous contrôlez le Texte du bouton pour les formulaires et l'Icône exacte pour le déclencheur contextuel.
- Type de formulaire : Un formulaire de recherche standard, toujours visible, avec un bouton de soumission personnalisable (sous forme de texte ou d'icône).
- Type d'icône/popup : un bouton d'icône élégant qui déclenche un formulaire de recherche Popup complet, économisant ainsi un espace d'en-tête crucial.
- Bibliothèque d'icônes : choisissez n'importe quelle icône de loupe dans la vaste bibliothèque d'icônes pour correspondre au style de votre site.
Style complet du champ de forme et d'entrée
Faites du formulaire de recherche une partie naturelle de votre mise en page Concevez l'intégralité du conteneur Form : définissez son arrière-plan, sa largeur, sa marge, son rembourrage et donnez-lui un rayon de bordure et un ombre de boîte Ensuite, stylisez le champ d'entrée lui-même. Contrôlez sa typographie, sa couleur, son arrière-plan, sa bordure et son remplissage interne. Vous pouvez même concevoir l'état de mise au point (lorsqu'un utilisateur clique) avec une couleur de bordure différente. Cela garantit que votre barre de recherche semble et semble premium, et non comme un navigateur par défaut.
- Conception du conteneur : Stylez la boîte du formulaire avec arrière-plan, rembourrage, bordures et ombre.
- Contrôle du champ d'entrée : personnalisez la couleur, la typographie, la largeur et le rayon de bordure de la zone de texte.
- États avancés : Définissez une couleur de bordure unique pour l'état ciblé, en mettant en évidence le champ actif.
Conception d'icônes et messagerie contextuelle
Pour le type Icône/Popup, l'icône elle-même est un bouton Style it to perfection Ajustez sa taille, sa couleur, et le Padding & Margin autour de lui Ensuite, concevez la popup qui apparaît Personnalisez l'espace réservé Input Text (comme “Start typing...”) et, de manière cruciale, ajoutez une Description utile (par exemple, “Hit enter to search ou ESC to close”).Ce texte guide les utilisateurs, améliorant la convivialité et créant une expérience interactive polie et professionnelle.
- Style d'icône : modifiez la couleur et la taille de l'icône et ajustez son espace environnant avec la marge d'icône et le rembourrage.
- Smart Popup Text : Définissez un texte d'espace réservé convivial dans le champ de recherche de la fenêtre contextuelle.
- Instructions contextuelles : ajoutez une ligne Description sous l'entrée pour expliquer comment utiliser la fenêtre contextuelle (recherche/fermeture).
Foire aux questions pour la recherche
Cette recherche fonctionne-t-elle avec la page de résultats de recherche par défaut de mon thème ?
Oui, il devrait. Cet élément fournit le formulaire de recherche front-end Lorsqu'un utilisateur soumet une requête, il utilisera votre fonctionnalité de recherche par défaut WordPress (ou WooCommerce) et affichera les résultats sur la page du modèle de recherche.php de votre thème. Il ne remplace pas la logique de recherche, il suffit de donner une apparence incroyable au formulaire de saisie.
Puis-je avoir à la fois une recherche Form dans la barre latérale et une recherche Icône dans l'en-tête ?
Absolument. Vous pouvez utiliser plusieurs éléments de recherche sur la même page ou le même site. Chacun est configuré et stylisé indépendamment. Vous pouvez donc avoir un grand formulaire dans la barre latérale de votre blog et une icône minimale dans votre en-tête, chacun avec ses propres paramètres.
La fenêtre contextuelle de recherche est-elle adaptée aux mobiles ?
Oui. La fenêtre contextuelle est conçue pour être réactive. Elle s'ouvrira généralement sous la forme d'une superposition centrée qui couvre la majeure partie de l'écran mobile, avec le champ de saisie et la description clairement lisibles. Le déclencheur d'icônes évolue également de manière appropriée pour les appareils tactiles.
Puis-je changer l'icône de la loupe en autre chose, comme un « Q » pour devis ?
Vous pouvez choisir n'importe quelle icône dans la bibliothèque d'icônes intégrée (comme FontAwesome).Tandis qu'une loupe est standard, vous pouvez techniquement utiliser une icône différente Cependant, pour une compréhension universelle de l'utilisateur, nous vous recommandons fortement de vous en tenir à un symbole de recherche reconnu (loupe).
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
