Media - Shortcodes: Device Mockups
Tuesday, January 20, 2015 12:35 AMShortcodes
[intense_device_mockups]
[intense_device_mockup]
Description
The Device Mockups shortcode allows you to create a mobile device, tablet, or browser mockup. This shortcode is used in conjunction with the Device Mockups WordPress plugin. The Device Mockups plugin needs to be installed for these shortcodes to work.
Attributes
intense_device_mockups
| Attribute | Type | Dialog Title | Description | Default | Available Values |
|---|---|---|---|---|---|
| id | text | ID | optional - used to set the client-side ID | ||
| class | text | CSS Class |
intense_device_mockup
| Attribute | Type | Dialog Title | Description | Default | Available Values |
|---|---|---|---|---|---|
| type | dropdown | Type | - iphone6 - iPhone 6 iphone6-plus - iPhone 6 Plus iphone5s - iPhone 5s iphone5 - iPhone 5 ipad - iPad macbook - Macbook Pro imac - iMac s3 - Gallaxy S3 nexus7 - Nexus 7 surface - Surface lumia920 - Lumia 920 chrome - Chrome firefox - Firefox safari - Safari | ||
| position | dropdown | Position | center - Center left - Left right - Right | ||
| color | dropdown | Color | black - Black white - White gold - Gold | ||
| orientation | dropdown | Orientation | portrait - Portrait landscape - Landscape | ||
| link | text | Link | URL, post ID, or page ID to direct the user to when clicked |
Examples
[intense_device_mockups]
[intense_device_mockup type="imac" position="center" color="black" orientation="landscape"]
[intense_animated_image type="scrollup" image="3172" size="large1600" anchor="top" height="100%" speed="1500"]
[/intense_device_mockup]
[intense_device_mockup type="iphone6" position="left" color="black" orientation="landscape" link="test"]
[intense_image image="3108" title="bridge11"]
[/intense_device_mockup]
[/intense_device_mockups]