[WordPress] 外掛分享： Device Mockups

Name: Device Mockups
Rating: 5 (8 reviews)
Author: mrdink

900+

安裝啟用

★★★★★

5/5 分（8 則評價）

3103 天前

最後更新

—

問題解決

WordPress 3.7+ v1.8.2 上架：2014-05-15

內容目錄

1 內容簡介
2 外掛標籤
3 開發者團隊
4 原文外掛簡介
5 延伸相關外掛

內容簡介

使用簡單的短代碼 (shortcodes) 將您的作品以高解析度、自適應的裝置模擬螢幕顯示。只需要幾個簡單的短代碼，就可以將圖片、影片或其他任何內容包裹在事先準備好的裝置模擬螢幕中顯示，這些螢幕可以在編輯器中輕鬆選擇。

文件

可用短代碼

[device][/device]
[browser][/browser]

裝置屬性

瀏覽器屬性

type: chrome|firefox|safari
link
width: (px 或 %)
gallery: false

建立圖片庫

將 gallery=”true” 新增至您的裝置或瀏覽器短代碼中
在您的裝置中新增圖片
在圖片周圍加上 <div>

我正在努力簡化這個過程，暫時這樣可以讓您的圖片庫運作。

請參閱圖片庫滑動檢視

推薦的圖片大小

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

問題：

報告問題

問題/評論

https://byjust.in/contact/

外掛標籤

device iphone mockup portfolio shortcode

開發者團隊

👤 mrdink 👤 phikai

⬇ 下載最新版 (v1.8.2) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Device Mockups」→ 直接安裝（推薦）

📦 歷史版本下載

1.0 1.1 1.0.1 1.0.2 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.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 trunk 1.4.0.1 1.4.2.1

原文外掛簡介

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
Available shortcodes

[device][/device]
[browser][/browser]

Device Attributes

Browser Attributes

type: chrome|firefox|safari
link
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
Recommended Image Sizes