In order to display images in Ads.Mediabox, you should turn on Link to Media File option in Attachment Display Settings.
After activation, the plugin should run automatically through the website in 90% of cases.
This is due to the preinstalled selector, which can be replaced in Global Settings of Ads.Mediabox (Selector box).
Here’s its code:
0 1 2 |
.entry-content a[href$=".jpg"], .entry-content a[href$=".png"], .entry-content a[href$=".jpeg"] |
If the plugin did not run through the website, it would be required to connect the plugin manually. You can do it in two ways.
1. Replace “.entry-content” in default composite selector
To do so, you will need to detect CSS container that is used to display your images, and “.entry-content” should be replaced with your own class for a layer with an article (.entry-content or .content, or ….)
For example, one of the most popular WordPress themes, Twenty Nineteen, features “.entry-content” class.
The default selector runs well.
In Avada theme, you can use “.fusion-row” and “.post-content” classes.
We replace “.entry-content” with “.fusion-row” or “.post-content”:
0 1 2 |
.entry-content a[href$=".jpg"], .entry-content a[href$=".png"], .entry-content a[href$=".jpeg"] |
0 1 2 |
.fusion-row a[href$=".jpg"], .fusion-row a[href$=".png"], .fusion-row a[href$=".jpeg"] |
0 1 2 |
.post-content a[href$=".jpg"], .post-content a[href$=".png"], .post-content a[href$=".jpeg"] |
Actually, it is very simple. All you have to do is to look through the code of your theme.
In Astra theme, you can use:
0 1 2 |
.ast-container a[href$=".jpg"], .ast-container a[href$=".png"], .ast-container a[href$=".jpeg"] |
And for BeTheme, we have the following:
0 1 2 |
.sections_group a[href$=".jpg"], .sections_group a[href$=".png"], .sections_group a[href$=".jpeg"] |
Note! It is not recommended to use selector of the following type:
0 1 2 |
a[href$=".jpg"],a[href$=".png"],a[href$=".jpeg"] |
This is because such selector will be enabled over the entire website – header, sidebars, footer. Besides, the contextual ads displayed may contain pictures corresponding to this selector.
2. Installing a simple selector — a[rel^=wmb]
Copy a[rel^=wmb] and install it in Global Settings of the plugin (Selector box), as shown on the screenshot below.
Then, insert the following code into functions.php of your theme:
0 1 2 3 4 5 6 7 8 |
function wph_auto_add_rel_wmb($content) { $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i"; $replacement = '<a$1href=$2$3.$4$5 rel="wmb"$6>'; $content = preg_replace($pattern, $replacement, $content); return $content; } add_filter('the_content', 'wph_auto_add_rel_wmb'); |
The plugin should work now.
In case you encounter any difficulties, please, contact out support team.