Embed

[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.

  1. Pour cela, sélectionnez l’outil « embed » dans vos médias.
  2. 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= » »]

  1. 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.
  2. Cliquez sur « paramètres »
  3. 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.

  1. Créez tout d’abord un bloc texte, puis dans ses propriétés,
  2. 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]

Saving

Vous connecter avec vos identifiants

ou    

Vous avez oublié vos informations ?