joomla page builder link

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

link options

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 contenu
  • Icô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 visible
  • Styles 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

 

Newsletter

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449