do you create automated screenshots in WordPress? If you frequently add site screenshots in your WordPress posts / pages then automating the process will save you time spent on screenshots manually.
In this tutorial, we will show you how to create automated captures of the Website On WordPress.
1 Method: Create automatic captures with a plugin
This method is easier therefore recommended for beginners and users who do not want to use code.
The first thing you need to do is install and activate the plugin " Browser Shots ". For more details, see our step-by-step guide on how to install a WordPress plugin.
The plugin works straight away, and there are no settings to configure.
Just edit a post/page or create a new post/page. You will notice a new button on the visual editor to add screenshots of the Website.
Clicking on it will bring up a window where you can enter the site url, alt text, a link of the image url and the height / width of the screenshot.
Click on the "OK" button and the plugin will add a shortcode to your WordPress post. You can now preview your post to see the plugin in action.
If you are using the WordPress text editor and don't want to use this new button on the visual editor, then you can manually add this shortcode yourself as well.
[browser-shot url = "https://blogpascher.com"]
By default, the plugin will create a screenshot of 600 x 600 pixels. You can change this by adding the width and height attributes to the shortcode.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]
He will also have a link to the page in question. You can change that by adding a link attribute on shortcode and add any link you want.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]
If you want to add a caption on the screenshot, you can do so by wrapping the text around the shortcode.
[browser-shot url=”http://www. blogpascher.com »] Website creation – WordPress Blog, shop ecommerce [/browser-shot]
The Browser Shot plugin uses " mshots »WordPress.com API to generate screenshots on the fly. These images are not stored in your WordPress media library. They are generated directly from the WordPress.com servers.
2 Method: Create Catch by Adding a Code
This method requires you to add code to your WordPress files. It is not recommended for beginners. We showed you how to create a plugin on WordPress, so you can use it to add this code.
function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // width "h" =>' 450 '// height), $ atts)); $ img = ' '; return $ img; } add_shortcode ("screen", "bpc_screenshots");
Similar to the plugin mentioned earlier, this code also uses the API " mshots From WordPress.com to generate screenshots on the fly.
To view a screenshot of a Website capture in your WordPress posts and pages, you will need to enter the shortcode as follows:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Replace the URL and Alt fields with your own values.
By default, this code will generate a screenshot of 600 x 450 pixels. You can change this by adding your own height and width attributes to the shortcode.
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
That's about all for this tutorial. I hope you will be able to take screenshots on your website. Do not hesitate to contact us in case of problems.
