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/11/1_settings.jpg

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

Facebook Settings

Here, you can define the Facebook app ID. It will be displayed in the markup as fb:app meta property.

In order to use Facebook Insights you must add the app ID to your page. Insights lets you view analytics for traffic to your site from Facebook. Find the app ID in your App Dashboard.

Twitter Settings

Here, you can define the Twitter username. Please include @ when entering the username (example: @username).

It will be displayed in the markup as twitter:site meta name linking your Twitter profile to content shared from your site.

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 class=’opengraphiq’ added to each meta tag generated by OpenGraphiq

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 additional class will not be visible in the markup.

Additional rules

Additional rules allow you to set the templates for your posts or products based on following taxonomies:

  • Post Category
  • Post Tag
  • Product Category
  • Product Tag

In addition to setting the template based on post type, you can define the rules based on taxonomies. If one of the rules (in top down precedence) is met, the specific post will be associated with the defined template.

The template for the specific post is determined in the following way:

  1. If the post / product has template set on the post / product level, that template is used. If not then:
  2. If the post / product meets any of the taxonomy based rules (in top down precedence), that template is used. If not then:
  3. If the template is set for the post type the post / product belongs to, that template is used. If not then:
  4. The general template is used
https://documentation.bold-themes.com/opengraphiq/wp-content/uploads/sites/76/2022/12/Rules.jpg

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