{"id":29522,"date":"2014-05-16T15:14:32","date_gmt":"2014-05-16T15:14:32","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/device-mockups\/"},"modified":"2017-09-18T02:42:52","modified_gmt":"2017-09-18T02:42:52","slug":"device-mockups","status":"publish","type":"plugin","link":"https:\/\/sr.wordpress.org\/plugins\/device-mockups\/","author":350044,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.8.2","stable_tag":"1.8.2","tested":"4.8.28","requires":"3.7","requires_php":"","requires_plugins":"","header_name":"Device Mockups","header_author":"Justin Peacock","header_description":"","assets_banners_color":"64dccb","last_updated":"2017-09-18 02:42:52","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/justinpeacock","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/device-mockups\/","header_author_uri":"https:\/\/byjust.in\/","rating":5,"author_block_rating":0,"active_installs":900,"downloads":55032,"num_ratings":8,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog","faq"],"tags":[],"upgrade_notice":{"1.8.1":"<ul>\n<li>Removed the shortcode filter because the new output needs no filter. If you see any issues like extra p or br tags, please let me know.<\/li>\n<\/ul>","1.8.0":"<ul>\n<li>The gallery shortcode has been updated \u2013 please see the <a href=\"https:\/\/devicemockupswp.com\/gallery-slider\/\">Gallery Slider<\/a> for an example.<\/li>\n<\/ul>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"8"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1719613","resolution":"128x128","location":"assets"},"icon-256x256.png":{"filename":"icon-256x256.png","revision":"1719613","resolution":"256x256","location":"assets"},"icon.svg":{"filename":"icon.svg","revision":"1719613","resolution":"","location":"assets"}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1719613","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.0.1","1.0.2","1.1","1.1.1","1.1.3","1.1.4","1.1.7","1.1.8","1.1.9","1.2.0","1.2.1","1.3.0","1.3.1","1.4.0.1","1.4.2.1","1.5.0","1.5.1","1.5.2","1.6.0","1.6.1","1.7.0","1.7.1","1.8.0","1.8.1","1.8.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1719613","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1719613","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1719613","resolution":"3","location":"assets"}},"screenshots":{"1":"Devices","2":"Stacking","3":"Browsers"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1123,224,23344,789,80],"plugin_category":[43,50],"plugin_contributors":[80122,79997],"plugin_business_model":[],"class_list":["post-29522","plugin","type-plugin","status-publish","hentry","plugin_tags-device","plugin_tags-iphone","plugin_tags-mockup","plugin_tags-portfolio","plugin_tags-shortcode","plugin_category-customization","plugin_category-media","plugin_contributors-mrdink","plugin_contributors-phikai","plugin_committers-mrdink","plugin_committers-phikai"],"banners":{"banner":"https:\/\/ps.w.org\/device-mockups\/assets\/banner-772x250.png?rev=1719613","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/device-mockups\/assets\/icon.svg?rev=1719613","icon":"https:\/\/ps.w.org\/device-mockups\/assets\/icon.svg?rev=1719613","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/device-mockups\/assets\/screenshot-1.png?rev=1719613","caption":"Devices"},{"src":"https:\/\/ps.w.org\/device-mockups\/assets\/screenshot-2.png?rev=1719613","caption":"Stacking"},{"src":"https:\/\/ps.w.org\/device-mockups\/assets\/screenshot-3.png?rev=1719613","caption":"Pretra\u017eiva\u010di"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p><a href=\"https:\/\/devicemockupswp.com\/\">Documentation<\/a><\/p>\n\n<h4>Available shortcodes<\/h4>\n\n<ul>\n<li>[device][\/device]<\/li>\n<li>[browser][\/browser]<\/li>\n<\/ul>\n\n<h4>Device Attributes<\/h4>\n\n<ul>\n<li>type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface<\/li>\n<li>color: black|white|gold|silver<\/li>\n<li>orientation: portrait|landscape<\/li>\n<li>stacked: open|closed<\/li>\n<li>position: left|right<\/li>\n<li>link<\/li>\n<li>width: (px or %)<\/li>\n<li>hide: left|right<\/li>\n<li>scroll: false<\/li>\n<li>gallery: false<\/li>\n<\/ul>\n\n<h4>Browser Attributes<\/h4>\n\n<ul>\n<li>type: chrome|firefox|safari<\/li>\n<li>link<\/li>\n<li>width: (px or %)<\/li>\n<li>gallery: false<\/li>\n<\/ul>\n\n<h4>Creating a Gallery<\/h4>\n\n<ul>\n<li>Add gallery=\"true\" to your device|browser shortcode<\/li>\n<li>Add your images within your device<\/li>\n<li>Add a <code>&lt;div&gt;<\/code> around each image within the device<\/li>\n<\/ul>\n\n<p>I'm working to simplify this process but for now, this will get your galleries working.<\/p>\n\n<p>See <a href=\"https:\/\/devicemockupswp.com\/gallery-slider\/\">Gallery Slider<\/a><\/p>\n\n<h4>Recommended Image Sizes<\/h4>\n\n<ul>\n<li>iPhone 6 \u2013 1334\u00d7750<\/li>\n<li>iPhone 6 Plus \u2013 1920\u00d71080<\/li>\n<li>iPhone 5s \u2013 1136\u00d7640<\/li>\n<li>iPhone 5 \u2013 640\u00d71136<\/li>\n<li>iPad \u2013 2048\u00d71536<\/li>\n<li>iMac \u2013 1920\u00d71200<\/li>\n<li>Macbook Pro \u2013 1440\u00d7900<\/li>\n<li>Galaxy S3 \u2013 720\u00d71280<\/li>\n<li>Nexus 7 \u2013 1920\u00d71200<\/li>\n<li>Surface \u2013 1920\u00d71080<\/li>\n<li>Lumia 920 \u2013 768\u00d71280<\/li>\n<li>Chrome \u2013 1440\u00d7900<\/li>\n<li>Firefox \u2013 1440\u00d7900<\/li>\n<li>Safari \u2013 1440\u00d7900<\/li>\n<\/ul>\n\n<h4>Bugs:<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/support\/plugin\/device-mockups\">Report an issue<\/a><\/li>\n<\/ul>\n\n<h4>Questions\/Comments<\/h4>\n\n<ul>\n<li>https:\/\/byjust.in\/contact\/<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/device-mockups<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.8.2<\/h4>\n\n<ul>\n<li>added filters back to fix the gallery<\/li>\n<\/ul>\n\n<h4>1.8.1<\/h4>\n\n<ul>\n<li>Added composer to grab latest wpcs and phpcs<\/li>\n<li>Removed shortcode filter<\/li>\n<li>More code optimization to meet WordPress Coding Standards<\/li>\n<\/ul>\n\n<h4>1.8.0<\/h4>\n\n<ul>\n<li>Removed [dm-gallery] shortcode and replaced it with a simpler way to create a gallery<\/li>\n<li>Simplified CSS by using @extend<\/li>\n<li>More code optimization<\/li>\n<\/ul>\n\n<h4>1.7.0<\/h4>\n\n<ul>\n<li>updated code to reflect WordPress Coding Standards<\/li>\n<li>optimized images to help save on loading time<\/li>\n<li>this release is mainly to clean up code so that I can start working on future updates<\/li>\n<\/ul>\n\n<h4>1.6.0<\/h4>\n\n<ul>\n<li>adding ability to scroll within the device<\/li>\n<li>cleaned up code<\/li>\n<li>added support for jetpack videos<\/li>\n<\/ul>\n\n<h4>1.5.2<\/h4>\n\n<ul>\n<li>optimized output to work better with other shortcodes i.e. page builders<\/li>\n<li>removed conditional statements to check for if shortcode is used to enqueue and moved enqueue within the shortcode function<\/li>\n<li>shortcodes will work within widgets now<\/li>\n<\/ul>\n\n<h4>1.5.0<\/h4>\n\n<ul>\n<li>semi-major update<\/li>\n<li>re-wrote entire code base<\/li>\n<li>styles and scripts only enqueue when shortcodes are used<\/li>\n<li>re-organized tinymce button<\/li>\n<li>switched to slick.js for gallery slider<\/li>\n<li>added internalization<\/li>\n<\/ul>\n\n<h4>1.4.2<\/h4>\n\n<ul>\n<li>pull request from @irazasyed to fix the custom url to the plugin dir<\/li>\n<li>removed README.md<\/li>\n<\/ul>\n\n<h4>1.4.0<\/h4>\n\n<ul>\n<li>added FlexSlider<\/li>\n<li>fixed a CSS  issues with iPhone 6<\/li>\n<li>fixed stacking button in editor<\/li>\n<li>reverted to node-sass<\/li>\n<li>updated file structure<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>URL fix in the readme.txt<\/li>\n<li>image optimization<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>added iPhone 6, iPhone 6 Plus, and iPhone 5s<\/li>\n<li>added an attribute to hide the left or right of the device (currently doesn't work with stacking) - idea credit to @raphaelkross<\/li>\n<li>added browsers (chrome, firefox, and safari)<\/li>\n<li>added hiding but currently in beta<\/li>\n<li>added documentation link to plugin<\/li>\n<li>and much more<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>added icons to support WP 4.0 installer (Created by @timm3h)<\/li>\n<li>added more browser prefixes<\/li>\n<\/ul>\n\n<h4>1.1.9<\/h4>\n\n<ul>\n<li>fixed a bug reported by Barn2Media<\/li>\n<\/ul>\n\n<h4>1.1.8<\/h4>\n\n<ul>\n<li>added width attribute. (Example width=\"80%\" or width=\"400px\")<\/li>\n<li>note that <code>width<\/code> isn't for overall width of <code>stacked<\/code> devices. I suggest wrapping the <code>stacked<\/code> items in a div and applying a max-width<\/li>\n<\/ul>\n\n<h4>1.1.7<\/h4>\n\n<ul>\n<li>added the ability to wrap a link around a device screen<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<ul>\n<li>added missing styles for stacked devices<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<ul>\n<li>added the unminified CSS file and removed Neat<\/li>\n<li>added conditionals for data attributes<\/li>\n<li>added screenshot for shortcodes button<\/li>\n<li>added version string to CSS<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>fixed a conditional statement that was outputting classes that weren't needed<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>added TinyMCE button for predefined shortcodes<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>formatting fixes for readme.txt :)<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>readme.txt fixes<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial commit<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/device-mockups<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol><\/dd>\n\n<\/dl>","raw_excerpt":"Show your work in high resolution, responsive device mockups using only shortcodes.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/29522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=29522"}],"author":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mrdink"}],"wp:attachment":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=29522"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=29522"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=29522"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=29522"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=29522"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=29522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}