Title: Mockups
Author: launchui
Published: <strong>05.10.2019</strong>
Last modified: 05.10.2019

---

Шукати плагіни

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

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

![](https://ps.w.org/mockups/assets/icon-256x256.jpg?rev=2168695)

# Mockups

 Від автора [launchui](https://profiles.wordpress.org/launchui/)

[Завантажити](https://downloads.wordpress.org/plugin/mockups.1.0.2.zip)

 * [Деталі](https://uk.wordpress.org/plugins/mockups/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/mockups/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/mockups/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/mockups/#developers)

 [Підтримка](https://wordpress.org/support/plugin/mockups/)

## Опис

Showcase your app and UI right from WordPress.

 * Choose from a selection of beautiful and free iPhone X mockup photos
 * Simply add your screenshot, no need to open your image editor
 * Works with themes that support Gutenberg Blocks

### Usage

This plugin works best with a Gutenberg compatible theme.

 1. View or create a post or page
 2. Add a new device mockup block
 3. Upload a screenshot to the block, ensuring that the correct image size is used
 4. Choose from one of the mockup images available in the block inspector

### Credits

#### Authors

Plugin by [Roman Bejnar](https://bejnar.de/) and [Trang Nguyen](https://www.trangnguyen.de/).

#### Images

Mockup images in this plugin use the following licenses:
 * [Creative Commons CC0](https://creativecommons.org/share-your-work/public-domain/cc0/)*
[Unsplash License](https://unsplash.com/license) Hover over each image using the
block inspector to see credits and license information.

## Скріншоти

[⌊Choose from a selection of beautiful mockup device images.⌉⌊Choose from a selection
of beautiful mockup device images.⌉[

Choose from a selection of beautiful mockup device images.

[⌊After installing the plugin, add the mockup block to your post or page.⌉⌊After
installing the plugin, add the mockup block to your post or page.⌉[

After installing the plugin, add the mockup block to your post or page.

[⌊Select your screenshot while making sure it has the specified size and proportions.⌉⌊
Select your screenshot while making sure it has the specified size and proportions
.⌉[

Select your screenshot while making sure it has the specified size and proportions.

[⌊A preview of your screenshot in the WordPress editor.⌉⌊A preview of your screenshot
in the WordPress editor.⌉[

A preview of your screenshot in the WordPress editor.

[⌊Select other mockup images using the block inspector.⌉⌊Select other mockup images
using the block inspector.⌉[

Select other mockup images using the block inspector.

[⌊Your post or page with a mockup image showcasing your design.⌉⌊Your post or page
with a mockup image showcasing your design.⌉[

Your post or page with a mockup image showcasing your design.

## Блоки

Цей плагін надає 1 блок.

 *   iPhone X

## Встановлення

This plugin requires WordPress Gutenberg. Gutenberg is available as part of WordPress
5.0 and later. Once you have [Gutenberg](https://wordpress.org/gutenberg/) installed,

 1. Upload plugin ZIP file to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## Часті питання

  Does this plugin work without WordPress Gutenberg?

No, it does not. You can, however, install Gutenberg as a separate plugin for WordPress
installations lower than 5.0.
 See the [Gutenberg](https://wordpress.org/gutenberg/)
documentation on how to do so.

## Відгуки

Для цього плагіна немає відгуків.

## Учасники та розробники

“Mockups” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад
наступні учасники:

Учасники

 *   [ launchui ](https://profiles.wordpress.org/launchui/)

[Перекладіть “Mockups” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/mockups)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/mockups/), перегляньте
[сховище SVN](https://plugins.svn.wordpress.org/mockups/) або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/mockups/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/mockups/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.0.2

 * Update to correct version number

#### 1.0.1

 * Update readme.txt and fix plugin version number.

#### 1.0.0

 * Initial release.

## Мета

 *  Версія **1.0.2**
 *  Останнє оновлення **7 років тому**
 *  Активних встановлень **10+**
 *  Версія WordPress ** 5.1 або вище **
 *  Tested up to **5.2.26**
 *  Версія PHP ** 7.2 або вище **
 *  Мова
 * [English (US)](https://wordpress.org/plugins/mockups/)
 * Позначки
 * [devices](https://uk.wordpress.org/plugins/tags/devices/)[iphone](https://uk.wordpress.org/plugins/tags/iphone/)
   [mockups](https://uk.wordpress.org/plugins/tags/mockups/)[screenshot](https://uk.wordpress.org/plugins/tags/screenshot/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/mockups/advanced/)

## Оцінки

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/mockups/reviews/)

## Учасники

 *   [ launchui ](https://profiles.wordpress.org/launchui/)

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/mockups/)