Name: [JoyFreak] Set Open Graph Image
Availability: InStock
Author: axtona

XF Compatibility

2.2.x

Short Description: 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

Author: axtona

Views: 467

First release: Nov 24, 2022

Last update: Nov 24, 2022

Ratings 0.00 star(s) 0 ratings

Join the discussion More information

Link was Broken? Send message to the Website Team and we will assist you quickly!

Support Developer If you are satisfied with the test or your project has earned you money, Click the More Information button to support the developer by purchasing.

Share this resource