JS Morisset

Shortcode to include images from <a href="http://screenshotmachine.com/" rel="nofollow ugc">Screenshot Machine</a> in your content.
<h4>SSM Shortcode Required Attributes:</h4>
<ul>
<li><code>key="{customer API key}"</code></li>
<li><code>url="{webpage url}"</code></li>
</ul>
You can find the {customer API key} in your <a href="https://www.screenshotmachine.com/dashboard.php" rel="nofollow ugc">Screenshot Machine dashboard</a>.
The {webpage url} is the web page URL you want to capture in the screenshot.
<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>
The dimension=”{width x height}” attribute examples:
<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>
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).
The wait=”{ms}” attribute value is a number of milliseconds to wait before capturing the screenshot (default is 200).
The click=”{css selector}”, hide=”{css selectors}”, and select=”{css selector}” attribute values are CSS class and/or id selectors. For example:
<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>
The title=”{title}” attribute value is a text string for the image alt and anchor title attributes.
The link=”{yes|no}” attribute value will determine if the image is linked to the web page URL or not.
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.
The refresh=”{yes|no}” attribute value includes javascript to retry the image every second until it’s available (for a maximum of 10 seconds).
<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.

Mickey Kay

Like this plugin? Please consider <a href="https://wordpress.org/support/view/plugin-reviews/archiver" rel="ugc">leaving a 5-star review</a>.
Archiver integrates your website with the <a href="https://archive.org/web/" rel="nofollow ugc">Wayback Machine</a> to create easy-to-view snapshots of your site over time, giving you a fully navigable visual history of the changes you’ve made.
The plugin gives you some handy tools to easily trigger and view snapshots:
<ul>
<li>Automatically creates a Wayback Machine snapshot when you update your content.</li>
<li>Allows you to manually trigger a Wayback Machine snapshot of any page on your site using the admin.</li>
<li>Allows you to easily view your site’s Wayback Machine archives (all snapshots) for any page on your site.</li>
<li>Adds an “Archives” metabox to the admin edit screen of specific content types (see below) that can be used to easily view existing snapshots.</li>
</ul>
Archiver makes it easy to do all of these things whether you’re editing a post in the admin or viewing it on the front-end. Currently, Archiver’s automated functionality works for the following content types:
<ul>
<li>Posts</li>
<li>Pages</li>
<li>Users</li>
<li>Custom Post Types</li>
<li>Categories</li>
<li>Tags</li>
<li>Custom Taxonomies</li>
</ul>
This means that whenever you edit/save one of these content types, a snapshot of the corresponding front-end page will be auto-generated and archived via the Wayback Machine. As you update your content, the Wayback Machine will automatically keep a visual history of your changes. To view these archives, use the handy admin bar link, or navigate check the Archiver metabox when editing content.
If you have content that Archiver doesn’t know how to automatically handle, you can use the admin bar links to automatically trigger a snapshot from any page on your site. Also, let us know and we’ll do our best to add any needed automatic functionality.
Also available via Github: https://github.com/MickeyKay/archiver

Archiver

Perfect, as I was manually submitting my blog pages to the Wayback machine.
Huge timesaver!



Huge timesaver

Automatically create Wayback Machine snapshots of your site when you update your content.

JSM Screenshot Machine Shortcode vs Archiver