=== Device Frame ===
Contributors: resermy
Main link: https://resermy.com/wordpress-plugins/devices
Tags: devices, device, wireframe, iphone, macbook
Requires at least: 4.2
Tested up to: 4.9.8
Stable tag: 1.0.0
Requires PHP: 5.2.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Showcase your beautiful screenshots inside a responsive device.

== Description ==

Showcase your beautiful screenshots inside a responsive device. Works with Gutenberg and shortcodes.


== How to Use ==

"Device Frame" works best with Gutenberg, you also get the same set of features with shortcodes.

= With Gutenberg =

1. Click "Add Block"
1. Under Common Blocks, Select "Device Frame" (or search for "Device Frame")
1. A device will be added automatically into your post / page
1. Click on the device, you can now change the settings at the side menu or the toolbar
The first thing you might want to do is to set your screenshots to be *'wrapped'* inside the device

= With shortcodes =

1. Add the shortcode `[resermy_device]` to any place at your page / post
2. Add parameters according to the settings listed below

== Settings ==
* `model`: String, default '*phone-iphonex*'
    The device body

    phone-iphonex | notebook-macbook

* `design`: String, default *'design-standard'*
    The design for the selected model

    **phone-iphonex**: *design-standard* | *design-black-wireframe* | *design-black-back* | *design-white-back*
    **notebook-macbook**: *design-standard *

* `images`: Array, default *[]*
    Show your screenshot images in the selectec device, maximum 4 entries, separated bny commas. Image urls only.

    Eg. `['https://example.com/image1.jpg', 'https://example.com/image2.jpg', 'https://example.com/image3.jpg']`

    > You can only have multiple images on the Pro version

* `gallery`: Boolean, default *false* (only applicable if there are multiple *images*)
    If you want to show multiple screnshots 

    > Only available on the Pro version

* `slideshowDuration`: Number, default *3* (only applicable if *gallery* is set to *true*)
    The duration for each screenshot to desplayed.

    > Only available on the Pro version

* `browser`: Boolean, default *true* (only applicable if the *model* is *phone-iphonex*)
    To show a browser window inside the selected device

* `url`: String, default *null* (only applicable if the *browser* is set to *true*)
    Text to be displayed inside the bowser url bar

* `alignment`: String, default *'center'*
    Where the device should be positioned

    center | left | right

== Questions / Feedback ==

support@resermy.zendesk.com

== Frequently Asked Questions ==

= Why do I need to use this plugin? =
We understand the problems for developers to use Photohops, so tedius especially to update different screeshots or even device model.
Using "Device Frame" allows you to add / edit them easilily with just a few clicks.

= Do I need to upgrade to Pro? =
If you're happy with what you have with the Free version now, nope. But if you like to do more, eg. slideshows, embed videos or iframes, more beautiful model and designs, yes! upgrade to Pro.
Pro version is also more actively developed (hough don't worry about it too much, "Device Frame" is always backward-compatible) with new features coming out about every 2 weeks.
Pro version is a one-off purchase, means you'll be able to enjoy every new features we buuild later in perpetuity. 

= Upgrading to Pro =
Upgrsading directly on the `/plugins` page, or follow this [link](https://checkout.freemius.com/mode/dialog/plugin/2707/plan/4447/).

== Screenshots ==
1. Adding block using Gutenberg Editor
2. Editing in action, all settings are on "Block" settings
3. Add screenshot directly from your gallery
4. iPhone X Space Grey (in browser mode)
5. Macbook