5 conseils pour créer un pied de page intuitif en utilisant Divi

Les pieds de page sont souvent ignorés lors de la conception d’une page. Cependant, c’est aussi l’un des endroits les plus importants sur la page. Il doit être aussi bien conçu et utilisable que n’importe quelle partie de la page. Heureusement, c’est facile avec Divi. Dans cet article, nous examinons cinq techniques pour créer un pied de page Divi intuitif. 5 conseils pour créer un pied de page Divi intuitif 1. La première astuce pour créer un pied de page Divi facile à utiliser est d’inclure les principaux éléments. Chaque pied de page nécessite des éléments de base. Je les divise en cinq catégories, chacune avec plus d’options. Je recommande d’utiliser une seule de ces catégories, ou deux au maximum. Certains éléments, comme les liens, peuvent contenir un ou deux groupes d’éléments. Moins d’éléments sont utilisés, mieux c’est. Cela aide à garder vos pieds de page petits et propres.
Voici quelques recommandations pour chaque catégorie. L’exemple que j’ai utilisé provient du modèle gratuit de mise en page des en – têtes et des pieds de page de Divi. Vous pouvez les trouver en recherchant \
Lorsque les deux fournissent les mêmes informations, il est préférable d’utiliser des icônes plutôt que des mots. Par exemple, au lieu d’écrire le mot Twitter, utilisez l’icône Twitter. Ce n’est pas le nom du client, mais son logo. Ajoutez un nom au texte alt et utilisez – le comme pointeur de souris. Mesures à prendre Le pied de page peut être un espace de conversion précieux. Petits mouvements des pieds
Er est peut – être votre dernière chance d’obtenir une réponse d’un visiteur. Inclure des invitations à agir, comme un formulaire d’inscription par courriel, un bouton pour se connecter à votre magasin, une boîte de don, etc. Il devrait être différent et facile à comprendre.
Cet exemple ajoute un CTA en haut du pied de page, qui comprend un grand titre, une brève description et un bouton stylisé. Liens Les liens doivent comprendre des pages d’information, des pages de contact, des renseignements sur l’entreprise, des membres de l’équipe, des renseignements juridiques, etc. Vous pouvez également inclure des liens vers des produits récents ou populaires, des articles en vedette, etc. Cet exemple ajoute deux colonnes contenant des liens vers les services et les ressources. Un autre type de contact important est votre réseau social. Inclure des icônes pour chaque réseau social afin que les visiteurs puissent les comprendre en un coup d’oeil. Vous pouvez les faire grands ou petits. Cet exemple les place en bas.
Coordonnées de base Fournissez les coordonnées de base pour montrer la façon la plus simple de vous contacter. Cela peut inclure votre courriel, votre adresse, votre numéro de téléphone ou même un petit formulaire de contact. Pour en savoir plus, consultez votre page contacts. Cet exemple ajoute des informations au texte sous les informations de l’entreprise. Informations sur l’entreprise Les renseignements sur l’entreprise comprennent une déclaration d’intention, des liens vers les membres de l’équipe, une déclaration de droit d’auteur et des renseignements sur l’utilisation des cookies. Les avis de droit d’auteur sont généralement placés en bas, y compris le nom et l’année de l’entreprise. Vous pouvez écrire le mot \
Cet exemple ajoute un petit paragraphe dans la zone visible du pied de page qui contient des informations sur l’entreprise. Copyright at
Faible et minimisé. 2. Éléments simplifiés La deuxième astuce pour créer un pied de page Divi intuitif est d’utiliser une version d’élément plus simple. Garder n’importe quel élément simple est une bonne règle générale, mais c’est plus important dans le pied de page. Il est important d’éviter que les pieds de page ne semblent encombrés. Utilisez une version plus simple que les éléments que vous utilisez dans le corps du site. Cet exemple montre des éléments simplifiés dans des zones séparées, avec beaucoup d’espace entre eux. Utilisez le moins de champs possible au lieu d’un formulaire de contact avec beaucoup de questions. Pour les exemples de travail, n’incluez pas d’exemples qui contiennent beaucoup de détails. Utilisez plutôt une petite image et une phrase ou un titre court. Pour une invitation à agir, il suffit d’utiliser un bouton avec une courte phrase ou un titre. Utilisez beaucoup d’espace entre les éléments pour les garder propres et faciles à voir. 3. Intégration de la conception thématique La troisième astuce pour créer un pied de page Divi facile à utiliser est la conception de sujets intégrés. Le pied de page devrait ressembler à votre site. Il ne devrait pas ressembler à une boîte étiquetée en bas. La conception doit être effectuée. En même temps, il doit être simple et facile à utiliser. Les couleurs sont généralement plus foncées, moins colorées et plus simples. Vous pouvez également utiliser différentes couleurs de fond pour différentes parties du pied de page. Utilisez Divi Theme Builder pour créer un pied de page global et utiliser les éléments de conception du site Web. Utilisez les mêmes couleurs, polices, boutons, etc. Cet exemple montre le pied de page de l’image précédente ouverte dans Divi Theme Builder. Si vous voulez que le pied de page se démarque du site, vous pouvez utiliser des polices et des boutons plus petits ou des couleurs plus foncées. Pour les polices, utilisez des polices sans serif et plus légères. La conception du pied de page ne doit pas être compatible avec
Page, mais c’est une question à considérer lors de la conception d’un site Web. 4. Vérifier le contraste La quatrième astuce pour créer un pied de page Divi facile à utiliser est d’utiliser un bon contraste. Les projets moins importants peuvent être plus petits et moins contrastés que le reste du site. C’est parfait pour les éléments en bas du pied de page. Cela indique aux visiteurs que ce n’est pas quelque chose sur lequel ils doivent se concentrer chaque fois qu’ils regardent la page. Par exemple, le résultat final de l’information sur les droits d’auteur pourrait être le contraste minimal afin de ne pas distraire le reste du pied de page. Cependant, le contraste du pied de page ne tient pas compte de la disponibilité. Vous pouvez tester les couleurs à l’aide d’outils en ligne tels que WebAIM Contrast Checker. Entrez la couleur que vous utilisez, qui vous donnera un score et des conseils sur la façon dont elle fonctionne ou comment l’améliorer. 5. Vérifier toutes les dimensions de l’écran La Cinquième astuce pour créer un pied de page Divi facile à utiliser est d’assurer sa réactivité. Comme le reste du site, le pied de page doit répondre. Essayez sur autant d’appareils et de tailles d’écran que possible. Chaque élément doit pouvoir être lu et utilisé à partir de n’importe quel appareil. Divi Builder contient des paramètres qui peuvent être facilement redimensionnés en fonction du type de périphérique. Sélectionnez l’icône de l’appareil pour ajuster indépendamment les versions de bureau, tablette et téléphone du site. Ajuster le remplissage, la taille de la police, la taille de l’icône, etc. Pour chaque appareil. Si vous ne réglez pas votre tablette et votre téléphone, la taille de votre bureau changera.
Considérations finales pour créer un pied de page intuitif Divi il s’agit des cinq conseils que nous avons introduits pour créer un pied de page facile à utiliser en utilisant Divi. La clé de tout dans le pied de page est de rester simple. Utiliser la version
Les éléments simplifiés de la page, tels que les formulaires plus petits, les Dec plus simples, etc. Utilisez des couleurs, des polices et des graphiques qui correspondent à votre site. Séparer les éléments et leur donner suffisamment d’espace. Les conseils suivants vous aideront à créer un pied de page Divi intuitif qui vous aidera à atteindre vos objectifs de site Web. Nous aimerions avoir votre avis. Avez – vous des suggestions pour créer un pied de page Divi facile à utiliser? Veuillez nous en informer dans vos commentaires.