Title: Device Mockups
Author: Justin Peacock
Published: <strong>16 Maj, 2014</strong>
Last modified: 18 Shtator, 2017

---

Kërkoni te shtojca

![](https://ps.w.org/device-mockups/assets/banner-772x250.png?rev=1719613)

Kjo shtojcë **s’është testuar me 3 hedhjet e rëndësishme të fundit në qarkullim 
të WordPress-it**. Mund të mos e mirëmbajnë më, ose mundet të mos mbulohet më dhe
mund të ketë probleme përputhshmërie, kur përdoret me versione më të freskët të 
WordPress-it.

![](https://ps.w.org/device-mockups/assets/icon.svg?rev=1719613)

# Device Mockups

 Nga [Justin Peacock](https://profiles.wordpress.org/mrdink/)

[Shkarkim](https://downloads.wordpress.org/plugin/device-mockups.1.8.2.zip)

 * [Hollësi](https://sq.wordpress.org/plugins/device-mockups/#description)
 * [Shqyrtime](https://sq.wordpress.org/plugins/device-mockups/#reviews)
 *  [Instalim](https://sq.wordpress.org/plugins/device-mockups/#installation)
 * [Zhvillim](https://sq.wordpress.org/plugins/device-mockups/#developers)

 [Asistencë](https://wordpress.org/support/plugin/device-mockups/)

## Përshkrim

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
 * Lidhje
 * width: (px or %)
 * hide: left|right
 * scroll: false
 * gallery: false

#### Browser Attributes

 * type: chrome|firefox|safari
 * Lidhje
 * width: (px or %)
 * gallery: false

#### Creating a Gallery

 * Add gallery=”true” to your device|browser shortcode
 * Add your images within your device
 * Add a `<div>` 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/

## Foto ekrani

[⌊Pajisje⌉⌊Pajisje⌉[

Pajisje

[⌊Stacking⌉⌊Stacking⌉[

Stacking

[⌊Shfletues⌉⌊Shfletues⌉[

Shfletues

## Instalim

 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

## PBR

  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

## Shqyrtime

![](https://secure.gravatar.com/avatar/41e5dc3a51f1e530a818679f0db5e65171279f4e92bf8523bfdddb1e7c4eb365?
s=60&d=retro&r=g)

### 󠀁[This is wonderful!](https://wordpress.org/support/topic/this-is-wonderful-2/)󠁿

 [mommaroodle](https://profiles.wordpress.org/mommaroodle/) 16 Qershor, 2017

Excellent Plugin – works great

 [ Lexojini krejt 8 shqyrtimet ](https://wordpress.org/support/plugin/device-mockups/reviews/)

## Kontribues & Zhvillues

“Device Mockups” është software me burim të hapur. Në këtë shtojcë kanë dhënë ndihmesë
personat vijues.

Kontribues

 *   [ Justin Peacock ](https://profiles.wordpress.org/mrdink/)
 *   [ phikai ](https://profiles.wordpress.org/phikai/)

[Përkthejeni “Device Mockups” në gjuhën tuaj.](https://translate.wordpress.org/projects/wp-plugins/device-mockups)

### Ju intereson zhvillimi?

[Shfletoni kodin](https://plugins.trac.wordpress.org/browser/device-mockups/), shkarkoni
[depon SVN](https://plugins.svn.wordpress.org/device-mockups/), ose pajtohuni përmes
[RSS-je](https://plugins.trac.wordpress.org/log/device-mockups/?limit=100&mode=stop_on_copy&format=rss)
te [regjistri i zhvillimeve](https://plugins.trac.wordpress.org/log/device-mockups/).

## Regjistër ndryshimesh

#### 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

## Të tjera

 *  Version **1.8.2**
 *  Përditësuar së fundi më **9 vjet më parë**
 *  Instalime aktive **800+**
 *  Version WordPress-i ** 3.7 ose më i madh **
 *  E provuar deri me **4.8.33**
 *  Gjuhë
 * [English (US)](https://wordpress.org/plugins/device-mockups/)
 * Etiketa
 * [device](https://sq.wordpress.org/plugins/tags/device/)[iphone](https://sq.wordpress.org/plugins/tags/iphone/)
   [mockup](https://sq.wordpress.org/plugins/tags/mockup/)[portfolio](https://sq.wordpress.org/plugins/tags/portfolio/)
   [shortcode](https://sq.wordpress.org/plugins/tags/shortcode/)
 *  [Pamje e Thelluar](https://sq.wordpress.org/plugins/device-mockups/advanced/)

## Vlerësime

 5 nga 5 yje të mundshëm.

 *  [  8 shqyrtime me 5 yje     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=5)
 *  [  0 shqyrtime me 4 yje     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=4)
 *  [  0 shqyrtime me 3 yje     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=3)
 *  [  0 shqyrtime me 2 yje     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=2)
 *  [  0 shqyrtime me 1 yje     ](https://wordpress.org/support/plugin/device-mockups/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/device-mockups/reviews/#new-post)

[Shihni krejt shqyrtimet](https://wordpress.org/support/plugin/device-mockups/reviews/)

## Kontribues

 *   [ Justin Peacock ](https://profiles.wordpress.org/mrdink/)
 *   [ phikai ](https://profiles.wordpress.org/phikai/)

## Asistencë

Keni diçka për të thënë? Ju duhet ndihmë?

 [Shihni forum asistence](https://wordpress.org/support/plugin/device-mockups/)

## Dhuroni

Do të donit të përkrahnit shpënien më tej të kësaj shtojce?

 [ Dhuroni për këtë shtojcë ](https://www.paypal.me/justinpeacock)