Skip to content

Plugins-Protoarte/device-mockups

 
 

Repository files navigation

=== Device Mockups ===
Contributors: mrdink, phikai
Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9CZ54JHH93S2Y
Tags: portfolio, shortcode, device, mockup, iphone, responsive
Requires at least: 3.0.1
Tested up to: 4.0
Stable tag: 1.4.2.1
License: GPLv2 or later
License URI: http:https://www.gnu.org/licenses/gpl-2.0.html

Show your work in high resolution, responsive device mockups using only shortcodes.

== Description ==
Show your work in high resolution, responsive device mockups using only shortcodes. Wrap images, videos, or any other content within a few simple shortcodes to display them within any of the pre-packaged devices mockups, which are easily selectable from within the editor.

= Documentation =
For more information, including code examples and more, check out (http:https://dm.byjust.in).

= Available shortcodes =
* [device][/device]
* [browser][/browser]
* [dm-gallery]

= Device Attributes =
* type
* color: black/white
* orientation: portrait/landscape
* stacked: open/closed
* position: left/right
* link
* width
* hide: left/right

= Browser Attributes =
* type
* link
* width

= Slider Attributes =
* order
* orderby
* id (post)
* size (thumbnail, medium, large, or full)
* include (id)
* exclude (id)
* css (inline styles to apply to the container)
* options (custom js options)

= Recommended Image Sizes =
* iPhone 6 – 1334×750
* iPhone 6 Plus – 1920×1080
* iPhone 5s – 1136×640
* iPhone 5 – 640×1136
* iPad – 2048×1536
* iMac – 1920×1200
* Macbook Pro – 1440×900
* Galaxy S3 – 720×1280
* Nexus 7 – 1920×1200
* Surface – 1920×1080
* Lumia 920 – 768×1280
* Chrome – 1440×900
* Firefox – 1440×900
* Safari – 1440×900

Please help by reporting any bugs/feature request at the link below.

= Bugs: =
* Report at: [Github Issue Tracker](https://github.com/mrdink/device-mockups/issues)

= Questions/Comments =
* http:https://byjust.in/contact/

== Installation ==
1. Upload `/device-mockups/` to the `/wp-content/plugins/` directory
2. Activate the plugin through the 'Plugins' menu in WordPress

== Screenshots ==
1. Stacked option
2. TinyMCE shortcode generator

== Changelog ==
= 1.4.2 =
* pull request from @irazasyed to fix the custom url to the plugin dir
* removed README.md

= 1.4.0 =
* added FlexSlider
* fixed a CSS  issues with iPhone 6
* fixed stacking button in editor
* reverted to node-sass
* updated file structure

= 1.3.1 =
* URL fix in the readme.txt
* image optimization

= 1.3.0 =
* added iPhone 6, iPhone 6 Plus, and iPhone 5s
* added an attribute to hide the left or right of the device (currently doesn't work with stacking) - idea credit to @raphaelkross
* added browsers (chrome, firefox, and safari)
* added hiding but currently in beta
* added documentation link to plugin
* and much more

= 1.2.1 =
* added icons to suppot WP 4.0 installer (Created by @timm3h)
* added more browser prefixes

= 1.1.9 =
* fixed a bug reported by Barn2Media

= 1.1.8 =
* added width attribute. (Example width="80%" or width="400px")
* note that `width` isn't for overall width of `stacked` devices. I suggest wrapping the `stacked` items in a div and applying a max-width

= 1.1.7 =
* added the ability to wrap a link around a device screen

= 1.1.4 =
* added missing styles for stacked devices

= 1.1.3 =
* added the unminified CSS file and removed Neat
* added conditionals for data attributes
* added screenshot for shortcodes button
* added version string to CSS

= 1.1.1 =
* fixed a conditional statement that was outputting classes that weren't needed

= 1.1 =
* added TinyMCE button for predefined shortcodes

= 1.0.2 =
* formatting fixes for readme.txt :)

= 1.0.1 =
* readme.txt fixes

= 1.0 =
* Initial commit

About

WordPress shortcodes for Pixelsign's device mockups

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 73.9%
  • PHP 12.4%
  • JavaScript 9.6%
  • Shell 4.1%