Comment installer l’iframe geoVINUM sur mon site ?

16, Jan 2022 | Techologie

Visuel article blog Comment installer l’iframe geoVINUM sur mon site ?

Partager du contenu est maintenant une pratique très courante. Pourtant, présenter le contenu d’un autre créateur sur votre site peut avoir des conséquences juridiques, surtout si vous hébergez de gros volumes de contenu de fichiers comme des vidéos. Cela pourrait également affecter la performance de votre site. D’où la nécessité des inline frames ou iframes. Elles apportent une solution simple à ce genre de problèmes et assurent l’hébergement de façon élégante des contenus supplémentaires dans des documents HTML.
Il est important de savoir ce que les frames veulent dire, comment les utiliser avec votre site WordPress et de connaître leurs structures.

A quoi sert la balise iframe ?

Chaque site internet est principalement constitué d’un seul document HTML. Si vous avez l’intention d’intégrer d’autres éléments, vous devez donc utiliser un frame. Il vous permettra d’incorporer des documents, des vidéos ou des images dans votre document HTML. Avant, on utilisait des frames HTML normaux, mais maintenant, on préfère utiliser la balise iframe. Dans les inlineframe, les éléments sont présentés de manière isolée. Vous pouvez aussi faire défiler séparément l’inlineframe si la taille du contenu à intégrer le nécessite.

Voilà pourquoi les inlineframes sont en général utilisées dans l’intégration des objets d’autres sites internet dans un site. Voici quelques exemples d’inlineframes : les vidéos Youtubes ou les cartes Google Maps. Vous pouvez également intégrer des plug-ins de réseaux sociaux ou des applications spécifiques ainsi que des documents HTML grâce aux iframes.

    La structure des iframes

    Les inlineframes sont créées dans le code HTML grâce à la balise iframe. Vous devez indiquer les attributs suivants afin de bien remplir la balise. Le src est la source du contenu qu’il faut intégrer. Vous l’indiquez sous la forme d’une URL. On a ensuite width qui représente la largeur du frame, il est exprimé en pixels ou %. Height représente la longueur. Elle est également exprimée de la même manière que width. En ce qui concerne le name, c’est le nom du frame en question. Sandbox associe l’inlineframe avec quelques précautions de sécurité. Enfin, srcdoc contient un code HTML qui doit être affiché dans l’iframe.

    Pour pouvoir créer une balise iframe appropriée, vous devez utiliser le CSS (Cascading Style Sheet), ce qui vous permettra d’avoir une page avec une apparence soignée. Dans la plupart des cas, seul le frame peut être mis en page. Quand le contenu provient d’une autre source, vous aurez rarement l’occasion d’adapter cet affichage pour votre propre site. Vous pouvez aussi intégrer une iframe dans une responsive web design, grâce à quelques astuces CSS.

    Les avantages des iframes

    Si vous voulez intégrer des éléments de sources externes sur votre propre site, les inlineframes seront très utilisés. Grâce à elles, l’utilisateur ne sera pas envoyé sur un autre domaine et continuera à naviguer en toute sécurité sur votre site. Cela va considérablement augmenter la convivialité. Cette intégration peut aussi comporter des avantages techniques. En effet, le contenu de l’iframe est chargé séparément du reste du site internet. L’internaute peut ainsi accéder aux contenus même si tous les éléments de la page ne sont pas encore chargés.

     

    Contactez-nous si vous avez besoin d’aide pour intégrer l’iframe geoVINUM sur votre site.

      Pour aller plus loin…

      photo Audrey Chaillet
      Audrey Chaillet

      Audrey Chaillet est fondatrice de EtOH, diplômée du WSET et auteur de nombreux articles sur les vins et spiritueux et a contribué largement à la création de la base de données cartographiques de geoVINUM.

      Votre panier0
      Il n'y a pas d'articles dans le panier !
      Continuer les achats
      0