[JoyFreak] Set Open Graph Image

[JoyFreak] Set Open Graph Image 2022-11-24

Vous n'avez pas l'autorisation de télécharger
Compatibilité XF
  1. 2.2.x
Description courte
A step-by-step guide to setting your forum's open graph image using the first thread image. Add a conditional macro for cover images and include canonical URLs in Open Graph metadata for better SEO. Example provided for Gaming Forum.
This guide will help you to set your forum's open graph image. It will use the first image in your thread, whether linked directly or attached.

Open template: thread_view

Find:
Code:
<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />


Add below:

HTML:
<xf:if is="$thread.cover_image">
<xf:macro template="metadata_macros" name="metadata"
    arg-description="{$fpSnippet}"
    arg-shareUrl="{{ link('canonical:threads', $thread) }}"
    arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}"
    arg-imageUrl="{$thread.cover_image}" />
<xf:else/>


Find:
Code:
arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />


Add below:
Code:
</xf:if>


Save.

Example at Gaming Forum
Auteur
axtona
Vues
460
Première publication
Dernière mise à jour
Évaluations 0.00 étoile(s) 0 évaluations
Lien cassé ? Envoyer un message à l’équipe NP et nous vous aiderons rapidement !
Soutenez le développeur Si vous êtes satisfait du test ou que votre projet vous a rapporté de l’argent, cliquez sur le bouton « Plus d’informations » pour soutenir le développeur en achetant.

Plus de ressources de axtona

Sorcier Pro A
Sorcier Pro 13.1.1
Insérer du code PHP et tout type de code HTML, CSS et JavaScript dans votre contenu !
Nettoyeur de Cache PRO A
Nettoyage Critique peut également nettoyer automatiquement le cache de Joomla! lorsque vous sauvegardez un article ou d'autres éléments.
Auto Fermeture + Notice de Filée A
Notice de Fermeture Automatique du Fil aide à garder les discussions plus anciennes organisées sans surprendre vos membres.

Ressources similaires

[cXF] Node icons with image A
Would you like to change your default Font Awesome node icons with image like this?
Default image for trending threads H
modification trending threads without image will have an image by default.
Retour
Haut