forked from sixteenbit/device-mockups
-
Notifications
You must be signed in to change notification settings - Fork 0
Show your work in high resolution, responsive device mockups using only shortcodes.
jonahcoyote/device-mockups
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
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://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://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://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
Show your work in high resolution, responsive device mockups using only shortcodes.
Resources
Stars
Watchers
Forks
Packages 0
No packages published
Languages
- CSS 73.9%
- PHP 12.4%
- JavaScript 9.6%
- Shell 4.1%