Quamprsquoil samprsquoagisse damprsquoun blog personnel, damprsquoun site de commerce électronique ou damprsquoun grand site Web avec plusieurs utilisateurs, lamprsquoajout damprsquoune fonction de recherche est essentiel. Il permet à vos visiteurs de trouver plus facilement ce quamprsquoils recherchent plutôt que de cliquer ici et là dans le menu de navigation. Dans WordPress, la mise en page de la page des résultats de recherche est contrôlée par le modèle du thème utilisé (le plus souvent le fichier search.php). la disposition par défaut ne convient pas, pouvez créer un modèle personnalisé pour le remplacer. n’avez pas les compétences PHP, pouvez créer des modèles de page de résultats de recherche personnalisés sur WordPress en utilisant l’aide d’elementor (ou d’autres plugins de création de page avec des fonctionnalités de création de thème telles que Divi Builder et brizy).
Pour créer un modèle de page de résultats de recherche personnalisé en utilisant elementor, devez utiliser la version pro damprsquoelementor, car la fonction de création de sujet namprsquoest disponible que dans elementor pro (voir: elementor Free vs elementor pro). Comment utiliser elementor pour créer des pages de résultats de recherche personnalisées dans WordPress lorsque utilisez elementor pour créer des pages de résultats de recherche personnalisées, pouvez ajouter n’importe quel élément que , comme lorsque créez une page. Vous pouvez ajouter plus de 90 éléments (appelés widgets). Lamprsquoélément lui même fournit des modèles de page de résultats de recherche par défaut pour simplifier le flux de travail. Ou, si avez vos propres concepts de conception, pouvez créer vos propres pages de résultats de recherche personnalisées.
Dans nous montrerons comment créer un modèle de page de résultats de recherche personnalisé à partir de zéro. Voici une capture damprsquoécran de la page des résultats de recherche que nous allons créer.
Nous utilisons deux sections pour créer la page de résultats de recherche personnalisée ci dessus: Partie 1: placement
Cliquez sur la poignée de section pour la convertir en mode édition. ne connaissez pas elementor, pouvez lire nos articles précédents sur la façon damprsquoutiliser elementor.
Section 2 cliquez sur le bouton plus pour ajouter une nouvelle section, comme lamprsquoavez fait dans la section 1 ci dessus. Vous pouvez également sélectionner une structure à une seule colonne. Après avoir ajouté une section, faites glisser le Widget du formulaire de recherche.
Vous pouvez ensuite accéder au panneau paramètres pour les paramètres. Sur lamprsquoonglet contenu, dans le bloc formulaires de recherche, pouvez définir lamprsquoapparence, les substituants, les icônes, la taille des icônes, et plus encore.
Pour assigner un style à un module, ouvrez lamprsquoonglet styles. Vous pouvez ouvrir deux blocs de configuration: entrée et bouton. À partir du bloc damprsquoentrée, pouvez définir la typographie, la couleur du texte, la couleur de fond, la couleur de la bordure, la taille de la bordure et le rayon de la bordure.
Dans les blocs de boutons, pouvez définir la couleur du texte du bouton, la couleur de fond, la typographie, la taille de lamprsquoicône et la largeur du bouton.
Une fois le style du Widget de formulaire de recherche terminé, pouvez ajouter un widget de message damprsquoarchive. Vous pouvez le placer directement sous le Widget du formulaire de recherche.
Après avoir ajouté un message damprsquoarchive, allez dans le panneau de gauche. Dans lamprsquoonglet mise en page sous lamprsquoonglet contenu, pouvez définir lamprsquoapparence, le nombre de colonnes, la position de lamprsquoimage, la longueur damprsquoextraction, les métadonnées, et plus encore.
Dans un bloc de mise en page, pouvez définir le type de mise en page, les limites de page et lamprsquoalignement. Lisez cet article pour en savoir plus.
Dans le bloc avancé, pouvez définir le message à afficher lorsque wordpress ne trouve pas la requête de recherche fournie.
Une fois que avez terminé les paramètres de base dans lamprsquoonglet contenu, pouvez passer à lamprsquoonglet styles pour fournir des styles pour les widgets Po
Archive St. Cet onglet permet damprsquoouvrir 5 blocs.
Vous pouvez ouvrir ce bloc pour définir lamprsquoalignement du contenu du texte du message (en tête et métadonnées du message). Vous pouvez également définir lamprsquoespacement entre les colonnes et les lignes.
Image pouvez ouvrir ce bloc pour définir le rayon de bordure de la vignette du message. Vous pouvez également définir lamprsquoespacement et appliquer le filtre CSS. Vous pouvez ouvrir ce bloc pour définir la typographie, la couleur du texte et lamprsquoespacement du contenu du texte damprsquoun message. la pagination est activée, pouvez ouvrir ce bloc pour fournir un style pour la pagination. Vous pouvez définir des choses comme la typographie, la couleur du texte et lamprsquoespacement des nombres. Message introuvable ce bloc peut être ouvert pour changer le style du message d’erreur lorsque wordpress ne trouve pas de contenu basé sur la requête de recherche fournie. Vous pouvez définir la typographie et la couleur du texte sur ce bloc.
nécessaire, pouvez ajouter plus de widgets. Une fois la page éditée, pouvez cliquer sur le bouton commun en bas du panneau de configuration.
êtes invité à ajouter des critères damprsquoaffichage, cliquez simplement sur le bouton Ajouter des critères pour en ajouter un. Comme créez une page de résultats de recherche personnalisée, définissez les critères damprsquoaffichage aux résultats de recherche. Cliquez sur le bouton Enregistrer et fermer pour appliquer les modifications.
Chaque site WordPress dispose d’une page de résultats de recherche unique, selon le thème utilisé par le site concerné. le thème que utilisez fournit une mise en page de la page des résultats de recherche qui ne semble pas intéressante, pouvez la personnaliser. À moins d’avoir des compétences PHP, pouvez utiliser elementor pour créer des pages de résultats de recherche personnalisées sur le site WordPress. Tout est traîné.
