Overview
Share This Image plugin gives you the great option to make shareable any image on your site ( and even not only images ).
All magic comes from the Selector option from the plugin settings page. By default it is set to img.
Default selector option
This means that all images on your site will be available for sharing ( of course, if their sizes are fit to those ones that are specified inside Minimal width and Minimal height options of the plugin settings page ).
But what to do if we need to enable image sharing only for specific pages? In this case we will need to customize an already known to us Selector option.
There are different cases depending on what pages we need sharing to be active - single unique page, archive pages, single post page, etc. Below we will consider examples of such page types.
Single page
If it is a single unique page that is created via Page -> Add New admin page then you can just use the selector option with this page ID to limit image sharing for this page only. For example, we have a page with ID 123. Then just set the Selector option value to
.page-id-123 img
Also you can specify several such pages by using commas. For example use
.page-id-123 img, .page-id-456 img
to enable image sharing only for pages with IDs 123 and 456.
Selector option for certain pages
Archive pages
For example, you want to share the images inside all archive pages like categories, tags, date, author, etc. To archive this just use selector
.archive img
Product categories archive pages
To enable image sharing on category archive pages just use selector
.archive.category img
If you want to be more specific and enable sharing only on certain category archive pages then use selector
.category-{ID} imgwhere {ID} - category term ID.
For example, if we want to enable sharing only for category term Featured that has ID 345 than we just need to use selector
.category-345 img
Or it is also possible to use category slug like
.category-featured img
Custom taxonomy archive pages
If you are using any custom taxonomy and it has its own archive page that you can limit the plugin to work only on those archive pages. Just use selector
.tax-{taxonomy_slug} img'For example for custom taxonomy product_cat selector will looks like
.tax-product_cat img
Single blog posts
To limit image sharing only for single blog posts simply use selector
.single-post img
If it is needed to enable image sharing only to specific blog post use selector like
.single-post.postid-{ID} imgwhere {ID} - your blog post ID.
Single custom post type page
If you are using any custom post type and want to use image sharing only on that posts than use selector
.single-{post_type} imgwhere {post_type} - your custom post type slug.
If it is needed to enable image sharing only to specific post use selector
.single-{post_type}.postid-{ID} imgwhere {ID} - your post ID.
Enable sharing on all pages except someones
In the examples above we use selectors to enable image sharing on some pages and exclude on all others. But the selector option can be used and vice versa - exclude image sharing on specific pages and enable sharing on all other.
To use such rules you need to use a special css selector :not.
For example, we need to exclude images sharing for pages with ID 123 and enable it on all other pages. So just use selector
body:not(.page-id-123) img
So comes and for all other selector types. For example, to disable image sharing on archive pages and enable on all other please use
body:not(.archive) img