La mise en page Open Graph est déjà implémentée dans le moteur DLE et fonctionne correctement, mais seulement si vous utilisez l'insertion d'image dans le corps de la nouvelle. Si vous utilisez des images dans la publication via des champs supplémentaires, la métabalise og:image est vide. Et lorsque vous repostez des liens vers votre page, l'image du site n'est pas affichée. Ce hack va résoudre ce problème. Mais au lieu de modifier manuellement les sources, la possibilité de spécifier le nom de votre champ via l'interface standard du panneau d'administration du site a été ajoutée.
Exemple de code généré par DLE pour les actualités:
<meta property="og:site_name" content="TemplateDleFr">
<meta property="og:type" content="article">
<meta property="og:title" content="BulletShare Board Engine 3.2 : forum">
<meta property="og:url" content="https://www.templatedlefr.fr/bulletshareboard/372-bulletshare-board-engine-v32.html">
Dans ce cas, nous ne nous intéressons qu'à
og:image .
og:image - nous indiquons ici quelle image doit être extraite pour publication lors de la republication. L' attribut
content spécifie l'URL de l'image. Lors de l'utilisation du balisage, l'image peut même ne pas figurer dans l'article ou la page. Il peut être placé dans n'importe quel répertoire du site, et un lien vers celui-ci peut être spécifié dans la balise
og:image . Lors de la republiation, les réseaux sociaux ignoreront les images sur la page et extrairont l'image spécifiée du répertoire souhaité.
Après avoir installé le hack, via le système de plug-in DLE, vous devez vous rendre dans la section
Paramètres > Paramètres système > Articles . Dans celui-ci, trouvez l'élément -
Spécifiez le nom du champ supplémentaire d'image pour
og:images .
Ce hack est nécessaire si vous n'utilisez pas l'insertion d'images dans le corps des publications, mais le faites via un champ supplémentaire séparé. Dans tous les autres cas, le DLE lui-même fait un excellent travail. Depuis DLE 15.1, cette fonctionnalité est prise en charge par le moteur et l'option s'appelle >
Utiliser l'image dans le balisage Open Graph.
Suite à un bug signalé par
Stricker ou rien ne s'affichait, j'ai décidé de regarder dans le plugin et par chance j'ai trouvé le bug, de plus j'ai modifier afin de pouvoir mettre des url complètes à la place du nom de l'image.
Allez dans
Paramètres > Champs supplémentaires pour les articles créez un champs suplémentaires donnez un
nom, mettez une
descriiption, choisissez une
ligne, cochez la case
Optionnel et la case
Mode sécurisé d'un champ (désactivation du support des balises BB et HTML)