Comment créer une page de résultats de recherche personnalisée dans WordPress en utilisant elementor

Qu’il s’agisse d’un blog personnel, d’un site de commerce électronique ou d’un grand site Web avec plusieurs utilisateurs, l’ajout d’une fonction de recherche est essentiel. Il permet à vos visiteurs de trouver plus facilement ce qu’ils 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). Si la disposition par défaut ne vous convient pas, vous pouvez créer un modèle personnalisé pour le remplacer. Si vous n’avez pas les compétences PHP, vous 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, vous devez utiliser la version pro d’elementor, car la fonction de création de sujet n’est 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 vous utilisez elementor pour créer des pages de résultats de recherche personnalisées, vous pouvez ajouter n’importe quel élément que vous aimez, comme lorsque vous créez une page. Vous pouvez ajouter plus de 90 éléments (appelés widgets). L’é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 vous avez vos propres concepts de conception, vous pouvez créer vos propres pages de résultats de recherche personnalisées.
Dans cet article, nous vous montrerons comment créer un modèle de page de résultats de recherche personnalisé à partir de zéro. Voici une capture d’é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. Si vous ne connaissez pas elementor, vous pouvez lire nos articles précédents sur la façon d’utiliser elementor.
Section 2 cliquez sur le bouton plus pour ajouter une nouvelle section, comme vous l’avez 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 l’onglet contenu, dans le bloc formulaires de recherche, vous pouvez définir l’apparence, les substituants, les icônes, la taille des icônes, et plus encore. Pour assigner un style à un module, ouvrez l’onglet styles. Vous pouvez ouvrir deux blocs de configuration: entrée et bouton. À partir du bloc d’entrée, vous 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, vous pouvez définir la couleur du texte du bouton, la couleur de fond, la typographie, la taille de l’icône et la largeur du bouton. Une fois le style du Widget de formulaire de recherche terminé, vous pouvez ajouter un widget de message d’archive. Vous pouvez le placer directement sous le Widget du formulaire de recherche. Après avoir ajouté un message d’archive, allez dans le panneau de gauche. Dans l’onglet mise en page sous l’onglet contenu, vous pouvez définir l’apparence, le nombre de colonnes, la position de l’image, la longueur d’extraction, les métadonnées, et plus encore.
Dans un bloc de mise en page, vous pouvez définir le type de mise en page, les limites de page et l’alignement. Lisez cet article pour en savoir plus. Dans le bloc avancé, vous pouvez définir le message à afficher lorsque wordpress ne trouve pas la requête de recherche fournie. Une fois que vous avez terminé les paramètres de base dans l’onglet contenu, vous pouvez passer à l’onglet styles pour fournir des styles pour les widgets Po
Archive St. Cet onglet vous permet d’ouvrir 5 blocs. Vous pouvez ouvrir ce bloc pour définir l’alignement du contenu du texte du message (en – tête et métadonnées du message). Vous pouvez également définir l’espacement entre les colonnes et les lignes.
Image vous pouvez ouvrir ce bloc pour définir le rayon de bordure de la vignette du message. Vous pouvez également définir l’espacement et appliquer le filtre CSS. Vous pouvez ouvrir ce bloc pour définir la typographie, la couleur du texte et l’espacement du contenu du texte d’un message. Si la pagination est activée, vous 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 l’espacement 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.
Si nécessaire, vous pouvez ajouter plus de widgets. Une fois la page éditée, vous pouvez cliquer sur le bouton commun en bas du panneau de configuration. Si vous êtes invité à ajouter des critères d’affichage, cliquez simplement sur le bouton Ajouter des critères pour en ajouter un. Comme vous créez une page de résultats de recherche personnalisée, définissez les critères d’affichage 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é. Si le thème que vous utilisez fournit une mise en page de la page des résultats de recherche qui ne semble pas intéressante, vous pouvez la personnaliser. À moins d’avoir des compétences PHP, vous pouvez utiliser elementor pour créer des pages de résultats de recherche personnalisées sur le site WordPress. Tout est traîné.