[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474888805434{margin-bottom: -10px !important;} »]

Créer des liens

[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474888827039{margin-right: 5% !important;} »]

Dans RacontR, vous pouvez créer des liens entre vos pages mais aussi vers d’autres sites web. Nous allons voir maintenant les différentes façons de créer des liens.

[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »90px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474888852989{margin-left: 5% !important;} »]

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]Pour cette méthode nous devons tout d’abord utiliser un hotlink. (Cf : les hotlinks). Ces hotlinks vont vous  permettre de créer des zones interactives. Elles apparaissent bleues dans l’éditeur mais seront invisibles une fois votre page publiée bien entendu.

1. Commencez par créer un Hotlink.
2. Puis ajustez sa taille et sa position, idéalement placé au dessus d?un bouton.

Tips : Soyez sur de renommer votre calque d’action pour ne pas le confondre avec un autre ![/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5897″ img_size= »full » onclick= »link_image » css= ».vc_custom_1464019528337{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]Une fois fait, rendez-vous dans sur la page scénario. Vous pouvez remarquer l’apparition sous votre page de votre hotlink renommé.

1. « Cliquez-glissez » le hotlink en direction de votre page à lier
2. une fois sur la page, relâchez la bouton de la souris.

Voilà votre lien est créé, Le lien apparaît en sur-brillance et de la même couleur, cela va vous permettre de repérer les différents liens entre vos pages.[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5888″ img_size= »full » onclick= »link_image » css= ».vc_custom_1464019545327{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]Pour cet exercice, vous devez choisir un bouton. Vous pouvez utiliser directement notre plugin ou tout simplement importer une image sur la scène. Pour créer un lien sur le bouton :

1. Sélectionnez le bouton sur la page
2. Une fois que c’est fait, ouvrez le menu « lien » pour afficher différentes options.
3. Vous pouvez créer un lien interne (vers une autre page du projet) ou externe (vers l’URL que vous voulez).

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5891″ img_size= »full » onclick= »link_image » css= ».vc_custom_1464019563664{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

1. Créez votre texte (cf: l’éditeur de texte).
2. Sélectionnez la partie de texte (en sur-brillance) que vous voulez rendre interactif.
3. Un fois chose faite, cliquez sur le Bouton lien « icone chaîne ».

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5894″ img_size= »full » onclick= »link_image » css= ».vc_custom_1464019578716{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text]

Plus de
tutoriels :

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

• Charger des médias
• Préparer ses médias
• Remplacer un média
• Supprimer un média

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

• Importer une vidéo
• Importer un son
• Importer une image
• Créer un calque d’action

[/vc_column_text][/vc_column][/vc_row]