[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text css= ».vc_custom_1447682650450{margin-bottom: -10px !important;} »]
Embed
[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474985672089{margin-right: 5% !important;} »]
L’outil « Embed » vous permet d’afficher une page Web externe sur votre projet.
[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »50px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474985703345{margin-left: 5% !important;} »]
Voici les différentes possibilités de Racontr que nous allons aborder :
[/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= » »]
Première étape : Ajouter et paramètrer un embed
[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]Vous pouvez « embeder » des pages Web à l’intérieur de vos projets. C’est à dire qu’il vous est possible d’afficher le contenu d’un site au cœur de votre page.
- Pour cela, sélectionnez l’outil « embed » dans vos médias.
- Un embed va alors être créé sur votre page
[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5780″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463751672204{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]
- Vous devez maintenant cliquer sur les paramètres de l’élément. Comme tous les autres médias, vous pouvez changer de nombreux paramètres.
- Cliquez sur « paramètres »
- Insérez un lien puis cliquez sur « mettre à jour ».
[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5783″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463751691066{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= » »]
Tips : Créer un embed à partir d’un bloc texte
[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]A l?aide de l’éditeur HTML du bloc texte, vous allez pouvoir intégrer une image, vidéo ou Iframe dans celui-ci. C’est une alternative à l’embed au cas où celui-ci ne fonctionnerait pas.
- Créez tout d’abord un bloc texte, puis dans ses propriétés,
- cliquez sur « source » (l’éditeur HTML du bloc).
[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5771″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463751758208{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]Copiez-collez le lien complet de votre image, par exemple:
http://www.lonelyplanet.fr/_img/lp_maps/fr/
indonesia/indonesia.gif
Il vous faudra ajouter les balises HTML d’une image au début du lien, sur cette forme :
<img src="">
Le résultat sera :
<img src="http://www.lonelyplanet.fr/_img/lp_maps/fr/indonesia/indonesia.gif">
[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5774″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463751772447{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]Et voilà, vous venez d’utiliser le bloc texte pour créer un embed avec une image Web ![/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5777″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463751789839{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″ 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= » »]
[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]
[/vc_column_text][/vc_column][/vc_row]