3. Using OpenGraphiq

SECTION 01OpenGraphiq Settings

After OpenGraphiq is installed and activated, you should see an OpenGraphiq item in the menu on your dashboard.

If you have imported the templates, you will also see a number of premade templates which you can use as the starting point for customization. Naturally you can always create one from scratch.

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.1.png

Setting panel under the OpenGraphiq displays global plugin’s options.

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.2.png

Here you can set the so-called Default template. 

The default template is used as the template for OG and Twitter card images for all your post types and static pages. 

You should always have the Default template set to one of the available templates.

If you wish to override the default template on the level of the specific post type, you can certainly do so. 

In the Post types section, you will notice that all the post types available in your WordPress instance are listed. 

Feel free to override the default template for the desired custom post types. The posts belonging to that post type will use the set template instead of the default one.

By choosing No images by OpenGraphiq, you can disable the OpenGraphiq functionality for that specific Post Type

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.3.png

Debug mode

Finally, you can set the plugin to work in the Debug mode. When working in the debug mode, you will be able to see the initial markup replaced by OpenGraphiq in the HTML source code of the individual pages / posts in the form of comments.

This way you will be able to pinpoint the issues with the OG and Twitter card meta tags if they exist. By default Debug mode is switched off, meaning that the original meta tags will not be visible in the code.

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.4.png

SECTION 02Single Post - Settings and image creation

When you Edit a single post you will see the OpenGraphiq meta box in the right sidebar.

Here, you can:

  1. override the default template for that post type (set on Settings panel) for that specific post.
  2. disable the OpenGraphiq features altogether.
  3. generate OG and Twitter card image based on the set template.

One thing to remember – the OG and Twitter images are not generated automatically – once you set the desired template, you need to (re)create them – either on the Edit Post screen or by using Bulk generation feature.

Here you can also find the links to Facebook OG debugger and Twitter Card Validator.

Unfortunately, as the Twitter validator does not allow automatic url forwarding – you will need to paste the link to your post manually within the Twitter Card Validator interface.

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.5.png

You can also choose the desired template for the specific posts in the Quick Edit Form

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.9.png

SECTION 03Bulk image generation

As the OG and Twitter images are not generated automatically, you can (re)create them using Bulk generation

In order to bulk generate the OpenGraphiq images, follow these steps:

  1. go to the respective Post Type screen in wp-admin, 
  2. filter the desired posts
  3. check them the bulk action checkbox for desired posts
  4. choose Generate OpenGraphiq Images in Bulk actions dropdown
  5. click Apply
https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.6.png

You will be taken to the OpenGraphiq bulk creation screen where you can validate the list of posts for which you wish to generate the images.

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.7.png

By clicking Ok, generate OG images, the process will start and you will be able to track the progress.

https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/09/3.8.png