Title: Device Mockups
Author: Justin Peacock
Published: 16 maj 2014
Last modified: 18 september 2017
---
Sök tillägg
Det här tillägget **har inte testats med någon av de 3 senaste huvudversionerna
av WordPress**. Det kanske inte längre underhålls och kan ha kompatibilitetsproblem
när det används tillsammans med nyare versioner av WordPress.
# Device Mockups
Av [Justin Peacock](https://profiles.wordpress.org/mrdink/)
[Ladda ner](https://downloads.wordpress.org/plugin/device-mockups.1.8.2.zip)
* [Detaljer](https://sv.wordpress.org/plugins/device-mockups/#description)
* [Recensioner](https://sv.wordpress.org/plugins/device-mockups/#reviews)
* [Installation](https://sv.wordpress.org/plugins/device-mockups/#installation)
* [Utveckling](https://sv.wordpress.org/plugins/device-mockups/#developers)
[Support](https://wordpress.org/support/plugin/device-mockups/)
## Beskrivning
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](https://devicemockupswp.com/)
#### Available shortcodes
* [device][/device]
* [browser][/browser]
#### Device Attributes
* type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface
* color: black|white|gold|silver
* orientation: portrait|landscape
* stacked: open|closed
* position: left|right
* Länk
* width: (px or %)
* hide: left|right
* scroll: false
* gallery: false
#### Browser Attributes
* type: chrome|firefox|safari
* Länk
* width: (px or %)
* gallery: false
#### Creating a Gallery
* Add gallery=”true” to your device|browser shortcode
* Add your images within your device
* Add a `` around each image within the device
I’m working to simplify this process but for now, this will get your galleries working.
See [Gallery Slider](https://devicemockupswp.com/gallery-slider/)
#### 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
#### Bugs:
* [Report an issue](https://wordpress.org/support/plugin/device-mockups)
#### Questions/Comments
* https://byjust.in/contact/
## Skärmdumpar
[⌊Devices⌉⌊Devices⌉[
Devices
[⌊Stacking⌉⌊Stacking⌉[
Stacking
[⌊Webbläsare⌉⌊Webbläsare⌉[
Webbläsare
## Installation
1. Upload the plugin files to the `/wp-content/plugins/device-mockups` directory,
or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ’Plugins’ screen in WordPress
## Vanliga frågor
Installation Instructions
1. Upload the plugin files to the `/wp-content/plugins/device-mockups` directory,
or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ’Plugins’ screen in WordPress
## Recensioner
### [This is wonderful!](https://wordpress.org/support/topic/this-is-wonderful-2/)
[mommaroodle](https://profiles.wordpress.org/mommaroodle/) 16 juni 2017
Excellent Plugin – works great
[ Läs alla 8 betyg ](https://wordpress.org/support/plugin/device-mockups/reviews/)
## Bidragsgivare och utvecklare
”Device Mockups” är programvara med öppen källkod. Följande personer har bidragit
till detta tillägg.
Bidragande personer
* [ Justin Peacock ](https://profiles.wordpress.org/mrdink/)
* [ phikai ](https://profiles.wordpress.org/phikai/)
[Översätt ”Device Mockups” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/device-mockups)
### Intresserad av programutveckling?
[Läs programkoden](https://plugins.trac.wordpress.org/browser/device-mockups/),
kika på [SVN-filförvaret](https://plugins.svn.wordpress.org/device-mockups/) eller
prenumerera på [utvecklarloggen](https://plugins.trac.wordpress.org/log/device-mockups/)
via [RSS](https://plugins.trac.wordpress.org/log/device-mockups/?limit=100&mode=stop_on_copy&format=rss).
## Ändringslogg
#### 1.8.2
* added filters back to fix the gallery
#### 1.8.1
* Added composer to grab latest wpcs and phpcs
* Removed shortcode filter
* More code optimization to meet WordPress Coding Standards
#### 1.8.0
* Removed [dm-gallery] shortcode and replaced it with a simpler way to create a
gallery
* Simplified CSS by using @extend
* More code optimization
#### 1.7.0
* updated code to reflect WordPress Coding Standards
* optimized images to help save on loading time
* this release is mainly to clean up code so that I can start working on future
updates
#### 1.6.0
* adding ability to scroll within the device
* cleaned up code
* added support for jetpack videos
#### 1.5.2
* optimized output to work better with other shortcodes i.e. page builders
* removed conditional statements to check for if shortcode is used to enqueue and
moved enqueue within the shortcode function
* shortcodes will work within widgets now
#### 1.5.0
* semi-major update
* re-wrote entire code base
* styles and scripts only enqueue when shortcodes are used
* re-organized tinymce button
* switched to slick.js for gallery slider
* added internalization
#### 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 support 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
## Meta
* Version **1.8.2**
* Senast uppdaterat **9 år sedan**
* Aktiva installationer **900+**
* WordPress-version ** 3.7 eller senare **
* Testat upp till **4.8.28**
* Språk
* [English (US)](https://wordpress.org/plugins/device-mockups/)
* Etiketter
* [device](https://sv.wordpress.org/plugins/tags/device/)[iphone](https://sv.wordpress.org/plugins/tags/iphone/)
[mockup](https://sv.wordpress.org/plugins/tags/mockup/)[portfolio](https://sv.wordpress.org/plugins/tags/portfolio/)
[shortcode](https://sv.wordpress.org/plugins/tags/shortcode/)
* [Avancerad vy](https://sv.wordpress.org/plugins/device-mockups/advanced/)
## Betyg
5 av 5 stjärnor.
* [ 8 5-stjärniga recensioner ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=5)
* [ 0 4-stjärniga recensioner ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=4)
* [ 0 3-stjärniga recensioner ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=3)
* [ 0 2-stjärniga recensioner ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=2)
* [ 0 1-stjärniga recensioner ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/device-mockups/reviews/#new-post)
[Se alla recensioner](https://wordpress.org/support/plugin/device-mockups/reviews/)
## Bidragande personer
* [ Justin Peacock ](https://profiles.wordpress.org/mrdink/)
* [ phikai ](https://profiles.wordpress.org/phikai/)
## Support
Har du något att säga? Behöver du hjälp?
[Visa supportforum](https://wordpress.org/support/plugin/device-mockups/)
## Donera
Skulle du vilja bidra till utvecklingen av detta tillägg?
[ Donera till det här tillägget ](https://www.paypal.me/justinpeacock)