1. Sri Harsha Chilakapati

    Nice article Sarah. I can now create stunning previews for my themes.

    1. Thank you for saving me hours of time Justin!

      If you’re on a Mac, consider using the excellent (and free) Paparazzi by Nate Weaver (http://derailer.org/paparazzi/) to generate the shots. The app grabs the image direct from the URL and respects media queries so everything looks right.

      You can even save required image dimensions for the various devices as presets to make the process even smoother.

      These tools have vastly improved my workflow for producing portfolio images.

      1. Thanks Paul, I use paparazzi for the desktop views but with mobile screenshots it doesn’t grab the viewport so I tend to use the screenshot on my phone or iPad. You can also use Adobe Inspect.

    2. Johnny

      Justin, I suggest to change the plugin name because the current one doesn’t reflect the plugin functionality very well.

  2. Johnny

    Wow, this is awesome!

  3. Thanks Sarah. Can confirm its an excellent plugin, the quality of the device frames is fantastic.

    I’m currently using this in conjunction with Browser Shots to pull in live website screen-shots rather than manually creating them and the two work very well together. This does fall down however when using the device sizes. Browser Shots just inserts a smaller version of the full sized site. Have discovered its actually very difficult to find an automated screen shot system for WP with responsive screen-shots. Has anyone else had any luck with this?

    1. Did you try CTRL+SHIFT+M on Firefox? Firefox’ Responsive Design View makes it very easy to make custom screen shots.

      1. Johnny

        Thanks for the tip, it’s very useful!

  4. Just to clarify: the images being actually displayed aren’t responsive, right? I mean, a small screen will receive the full-sized mock-up just scaled down?

    Awesome plugin, though!

  5. This is awesome tool. It’s very helpful for me to introduce new themes or websites on my blog! Thanks for making it.

Comments are closed.