Ronald Huereca

binarymoon

Browser Shots Carousel is a Gutenberg block that allows you to create a website carousel from your website screenshots using the Browser Shots service.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-ib_polsSHU?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Browser Shots Carousel

Create a carousel for your Browser Screenshots

Nader

For now the plugin is very basic but functional. Use this function within your theme files, inside loops or any other place in your code. Check out the FAQ. You can also use other functions of the plugin, just have a look at the code.
Skeleton: <code>$url2png->getScreenshot('Website URL', WIDTH, HEIGHT, IMAGETAG, CLASS)</code>
Example: <code>$url2png->getScreenshot('www.bondero.com', 300, 300)</code> 
// Result: <code>http://www.example.com/wp-content/screenshots/...</code>
Example: <code>$url2png->getScreenshot('www.bondero.com', 300, 300, true)</code> 
// Result: <code><img src="http://example.com/wp-content/screenshots/.…" alt="Website URL" class="" width="300" /></code>
Example: <code>$url2png->getScreenshot('www.bondero.com', 300, 300, true, 'alignleft')</code> 
// Result: <code><img src="http://example.com/wp-content/screenshots/.…" alt="Website URL" class="alignleft" width="300" /></code>

URL2PNG Screenshots

Integrate screenshots from url2png.com into your website.

Browser Shots Carousel vs URL2PNG Screenshots