How To Manage Social Sharing Display in Bissetii Hugo Theme Module
All website in 21st century must be very user friendly in terms of sharing across social media. Bissetii integrated most of the common social network requirements into a single management tool. This allows user to easily configure the sharing outlook without needing to read a lot of technical specifications.
This feature is available since version
Social sharing display can be tested in various tools depending on which social network. For starters:
- Twitter Card - https://cards-dev.twitter.com/validator
- Facebook Share - https://developers.facebook.com/tools/debug
Thumbnail images are used mainly to display the small thumbnails during sharing.
This is applied to
The default location for saving thumbnail images are located in the following:
pattern : static/img/thumbnails/<name>.png directory: static/img/thumbnails/ repo-docs: static/img/thumbnails/<name>.png url : https://domain.name/img/thumbnails/<name>.png
Bissetii facilitates its default image in:
The thumbnail should be strictly:
1200x1200pixels (recommended) or
Configure Site Thumbnails
The default location for the default thumbnail configurations is located in:
pattern : data/bissetii/thumbnails.toml directory: docs/.data/ repo-docs: docs/.data/bissetii/thumbnails.toml
Inside the configuration file, you can fill in the thumbnail image properties as follows:
For internal relative URL, you need to provide the relative URL beginning
Customize Page Specific Thumbnails
You can also specify page-specific thumbnails. To do that, you can fill in the thumbnail image properties as follows into the page’s front-matter:
Twitter Sharing Cards
Twitter sharing cards are used mainly to provide Twitter the necessary user data of the website. The configuration data file is located in:
pattern : data/bissetii/vendors/Twitter.toml directory : docs/.data/ repo-docs : docs/.data/bissetii/vendors/Twitter.toml
Change Twitter Sharing Type
To set the Twitter sharing card type, you can change this setting by updating
card field with the available
Twitter Card Types.
By default, Bissetii uses
summary_large_image card type.
To set the post owner, You can change this setting by updating the
with your Twitter handle (without the
@). By default, Bissetii set the field
That’s all for how to manage social sharing display for Bissetii Hugo Theme. If you have any question, please feel free to reach us at our Issues Section.