Vous pouvez créer du contenu dans une colonne en utilisant plusieurs addons (texte, image, etc.) et ensuite vouloir avoir un lien qui s'applique à toute la zone de contenu. Ceci est possible en utilisant Page Builder CK. Cette option est disponible sur une ligne ou sur une colonne.
Configurer le lien
Allez dans l'édition de la ligne ou de la colonne et faites défiler jusqu'aux paramètres du lien
Voici ce que vous pouvez faire:
URL du lien: écrivez le lien que vous souhaitez appliquer à la zone de contenu. Il peut s'agir d'un lien externe ou d'un lien vers un élément de menu, un article, etc. que vous pouvez sélectionner à l'aide du bouton"+"Texte du lien: écrivez le texte que vous souhaitez afficher sur la zone de contenuIcône de lien: vous pouvez activer / désactiver l'icône de lien qui apparaîtra au survol de la souris. Notez que vous devez lui donner une couleur pour le voir.
Configurer les styles
Vous pouvez utiliser les 2 onglets pour styliser le lien à l'état normal et à l'état survolé.
Styles de lien: c'est l'état normal, qui sera toujours visibleStyles de survol des liens: il s'agit de l'état de survol, actif uniquement lorsque la souris survole l'élément
Notez que vous devez donner une couleur dans les options de texte pour voir l'icône (si vous l'avez activée). Sinon, l'icône aura la même couleur que l'arrière-plan. Vous pouvez également configurer la taille de la police pour obtenir une icône plus grande.
Accessibilité
Selon les critères d'accessibilité, un lien ne doit pas être vide. Sinon, les personnes handicapées ne peuvent pas savoir à quoi cela sert.
Page Builder CK le gérera automatiquement pour vous. Il existe 2 solutions:
- Texte du lien vide (par défaut) : le système ajoutera le texte
Lien vers [URL]dans le lien, et le masquera de l'écran avec des CSS - Texte du lien personnalisé : vous ajoutez votre propre texte et il sera ajouté dans le code html du lien (il remplacera le texte par défaut). Ce texte est affiché à l'écran
De cette façon, votre lien a toujours un texte qui indique ce qu'il fait. N'oubliez pas d'utiliser un texte utile si vous souhaitez placer une valeur personnalisée dans le lien