Robo

<p>WP-Thumbnail is a simple and neat WordPress Plugin that not only allows you to use a short-code to generate dynamic<br />
screenshot of webpages in your posts but also takes a realtime snapshot of the served webpage and saves a link to it<br />
on the page itself that too without burdening the servers. This helps in optimizing search results on Google by adding<br />
a thumbnail to the left of the search result snippet and makes shared posts more attractive, with a relevant thumbnails,<br />
on Social Sites like Facebook.</p>
<p>For more information, check out <a href="http://wp-thumbnail.robocasters.com/" rel="nofollow ugc">wp-thumbnail.robocasters.com</a>.</p>
<p>Features include:</p>
<ul>
<li>Short-Code – The plugin has a shortcode that enables you to add dynamic screenshots of webpages to your post.</li>
<li>Meta Thumbnail – It uses meta name thumbnail and adds the live screenshot in it for being displayed as a thumbnail in Google Searches.</li>
<li>PageMaps – PageMaps is a structured data format that provides Google with information about the data on a page. It enables website creators to embed data and notes in webpages.</li>
<li>Facebook OG:Image – It sets image with content og:image to the top priority for being used as a Facebook Post thumbnail.</li>
<li>WP-Thumbnail Class – It adds a WP-Thumbnail class that helps image to be used for all other sharing purposes.</li>
</ul>


WP-Thumbnail

'Changing the way you share', giving you an experience you have never had before...

JS Morisset

<p><strong>Shortcode to include images from <a href="http://screenshotmachine.com/" rel="nofollow ugc">Screenshot Machine</a> in your content.</strong></p>
<h4>SSM Shortcode Required Attributes:</h4>
<ul>
<li><code>key="{customer API key}"</code></li>
<li><code>url="{webpage url}"</code></li>
</ul>
<p>You can find the {customer API key} in your <a href="https://www.screenshotmachine.com/dashboard.php" rel="nofollow ugc">Screenshot Machine dashboard</a>.</p>
<p>The {webpage url} is the web page URL you want to capture in the screenshot.</p>
<h4>SSM Shortcode Optional Attributes:</h4>
<ul>
<li><code>dimension="{width x height}"</code> (default is 120×90)</li>
<li><code>device="{desktop|phone|tablet}"</code> (default is desktop)</li>
<li><code>format="{jpg|png|gif}"</code> (default is jpg)</li>
<li><code>days="{cache expiration}"</code> (default is 14)</li>
<li><code>wait="{ms}"</code> (default is 200)</li>
<li><code>zoom="{percentage}"</code> (default is 100)</li>
<li><code>click="{css selector}"</code> (example: .button-close)</li>
<li><code>hide="{css selectors}"</code> (example: .add-banner1,.add-banner2)</li>
<li><code>cookies="{semicolon list}"</code> (example: name1=value1;name2=value2)</li>
<li><code>language="{locale}"</code> (example: en-US)</li>
<li><code>agent="{user agent}"</code></li>
<li><code>select="{css selector}"</code> (example: table.table:nth-child(3) > tbody:nth-child(2) > tr:nth-child(15))</li>
<li><code>crop="{x,y,width,height}"</code> (example: 100,0,800,300)</li>
<li><code>title="{title}"</code></li>
<li><code>link="{yes|no}"</code> (default is yes)</li>
<li><code>target="{name}"</code> (default is _blank)</li>
<li><code>refresh="{yes|no}"</code> (default is yes)</li>
</ul>
<h4>SSM Shortcode Attribute Details:</h4>
<p>The dimension=”{width x height}” attribute examples:</p>
<ul>
<li><code>dimension="320x240"</code> – screenshot size 320×240 pixels.</li>
<li><code>dimension="800x600"</code> – screenshot size 800×600 pixels.</li>
<li><code>dimension="1024x768"</code> – screenshot size 1024×768 pixels.</li>
<li><code>dimension="1920x1080"</code> – screenshot size 1920×1080 pixels.</li>
<li><code>dimension="1024xfull"</code> – full page screenshot with width equals to 1024 pixels (can be pretty long).</li>
</ul>
<p>The days=”{cache expiration}” attribute value is a number of days that a screenshot should be used before a new one is created (default is 14).</p>
<p>The wait=”{ms}” attribute value is a number of milliseconds to wait before capturing the screenshot (default is 200).</p>
<p>The click=”{css selector}”, hide=”{css selectors}”, and select=”{css selector}” attribute values are CSS class and/or id selectors. For example:</p>
<ul>
<li><code>click=".button-close"</code> – click this CSS class container before taking a screenshot.</li>
<li><code>hide=".add-banner1,.add-banner2"</code> – hide this CSS class container before taking a screenshot.</li>
<li><code>select="table.table:nth-child(3) > tbody:nth-child(2) > tr:nth-child(15)"</code> – take a screenshot only of this CSS container.</li>
</ul>
<p>The title=”{title}” attribute value is a text string for the image alt and anchor title attributes.</p>
<p>The link=”{yes|no}” attribute value will determine if the image is linked to the web page URL or not.</p>
<p>The target=”{name}” attribute opens the link in that target (default is “_blank”). An empty string, “_self”, “_top”, “_parent”, or an HTML frame are other possible values.</p>
<p>The refresh=”{yes|no}” attribute value includes javascript to retry the image every second until it’s available (for a maximum of 10 seconds).</p>
<h4>SSM Shortcode Example:</h4>
<pre>[ssm key="abc123" url="https://google.com/" dimension="800x600"]</pre>


JSM Screenshot Machine Shortcode

Shortcode to include images from Screenshot Machine in your content.

WP-Thumbnail vs JSM Screenshot Machine Shortcode