Comment intégrer Medium n’importe où

Ajoutez n’importe quel article, profil ou publication de Medium sur un site internet

Hey, vous n’avez pas besoin de nous dire à quel point c’est génial d’écrire sur Medium - nous le savons. On est là pour ça.

À partir de maintenant, vous avez la possibilité d'importer la beauté de vos articles Médium directement dans votre page d’accueil en intégrant vos histoires, publications et profils dans votre site web existant, tout en conservant les polices, les formats, et les éléments uniques au nôtre. Unissons-nous!

Voilà comment

  1. Choisissez l’article, le profil ou la publication que vous voulez intégrer.
  2. S’il s’agit d’une publication ou d’un profil, cliquer sur le bouton (<>) en haut à droite. Pour les articles, cliquez sur la flèche pointant vers le bas à droite du bouton “Share” en bas et choisissez “Embed this post” dans le menu que défile vers le bas.
  3. Copiez le fragment de HTML qui est produit.
  4. Collez le fragment de HTML dans le HMTL du site web de destination.
  5. Ça y est !

Important: Les embeds (incrustations) Medium ont besoin de certaines balises de script pour fonctionner. Attention à certains services de blog qui les retirent automatiquement. ☹

Remarque sur l'intégration sur wordpress.com: Si vous essayez d'intégrer sur wordpress.com, il suffit de coller l’URL de l’article, du profil ou de la publication Medium et appuyer sur Return. Pas besoin de copier le code.

Options

Vous voulez un peu de fantaisie ? Voici quelques options supplémentaires avec lesquelles vous pouvez jouer :

  • data-width — vous permet de définir une width (taille) optionnelle. Par défaut, les incrustations (embeds) font 400px, cependant ils sont aussi responsive et s’adapteront à la taille de la fenêtre du site web.
<a class="m-profile" data-width="100%" href="…">Title</a>
  • data-border— vous permet de changer la visibilité de la border d’un embed. Par défaut, les embeds s’affichent avec une bordure.
<a class="m-profile" data-border="false" href="…">Title</a>
  • data-collapsed— si true, les listes d’articles des profils et des publications embeds seront omis, vous donnant de plus petites cartes d’incrustation. Par défaut, collapsed est false.
<a class="m-profile" data-collapsed="true" href="…">Title</a>

Si vous avez des questions, s’il vous plaît écrivez-nous à [email protected].