Title: LivePreview – Digital Product Demo Preview Author: Avirtum Published: 2019年3月12日 Last modified: 2025年8月8日 --- プラグインを検索 ![](https://ps.w.org/livepreview/assets/banner-772x250.png?rev=2060382) このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。 ![](https://ps.w.org/livepreview/assets/icon-256x256.png?rev=2062079) # LivePreview – Digital Product Demo Preview 作者: [Avirtum](https://profiles.wordpress.org/avirtum/) [ダウンロード](https://downloads.wordpress.org/plugin/livepreview.1.2.3.zip) * [詳細](https://ja.wordpress.org/plugins/livepreview/#description) * [レビュー](https://ja.wordpress.org/plugins/livepreview/#reviews) * [インストール](https://ja.wordpress.org/plugins/livepreview/#installation) * [開発](https://ja.wordpress.org/plugins/livepreview/#developers) [サポート](https://wordpress.org/support/plugin/livepreview/) ## 説明 LivePreview is a WordPress plugin that lets you manage and switch between your digital products like HTML themes & templates, HTML5 games and etc. The script include a responsive test tool inside the demobar, switch panel with thumbnails of the products, buttons for different actions (buy, download, iframe close). The plugin can be deployed easily. It runs on all modern browsers and mobile devices like iOS, Android and Windows. This is the **LITE version** of the official [LivePreview – Digital Product Demo Bar for WordPress](https://1.envato.market/g7zKO) plugin which comes with support and doesn’t have some limitations. You can get it by visiting the CodeCanyon website and [buy the pro version](https://1.envato.market/g7zKO). #### The sample of how to create a livepreview item #### Features * **Powerful Interface** – many options & capabilities * **3 Predefined Themes** – included 2 skins: top & bottom (you can add your own) * **Responsive** – test your theme with different screen sizes * **AJAX saving** – save your config without page reloading * **Customization** – create you own theme The developer version is available [here](https://github.com/yalogica/livepreview). ## スクリーンショット [[ [[ [[ ## インストール * From the WP admin panel, click “Plugins” -> “Add new” * In the browser input box, type “LivePreview” * Select the “LivePreview” plugin and click “Install” * Activate the plugin Alternatively, you can manually upload the plugin to your wp-content/plugins directory ## FAQ ### I’d like access to more features and support. How can I get them? You can get access to more features and support by visiting the CodeCanyon website and [buy the pro version](https://1.envato.market/g7zKO). Purchasing the plugin gets you access to the full version of the LivePreview plugin, automatic updates and support. ### What is the difference between Lite and PRO The lite version has only one limits: 1) You can create and use only 3 items 2) You can’t save & load config from a json file All other features are the same as PRO has. ## 評価 ![](https://secure.gravatar.com/avatar/030903c5f21888676458826ff944a40a440fa6dcfe7d8d03fb5888a7c1010c58? s=60&d=retro&r=g) ### 󠀁[Brilliant! – So good that I quickly upgraded to the pro version](https://wordpress.org/support/topic/brilliant-so-good-that-i-quickly-upgraded-to-the-pro-version/)󠁿 [karban](https://profiles.wordpress.org/karban/) 2023年4月7日 This is the very best way to display your website demos or themes, (and other products such as maybe apps or video games etc) bar none. Nothing else looks as slick and professional as this, nor works as well as this does (….and even on a very large, complex multisite it has been working well and without any issues for over a year).. Despite not being updated in a while it is working fine even on the latest WP (6.2) so don’t let that put you off trying it. And the price for the pro version is also very reasonable and it is well worth paying the extra $$ to get the full benefits. We like it so much that we will probably buy another pro license or maybe even 2 more when the next sale comes around. I highly recommend it – 10/10 ![](https://secure.gravatar.com/avatar/6041297ab661ff42499958fcc56ee38d465bed88194ae3ca8269339acc5908b6? s=60&d=retro&r=g) ### 󠀁[Responsive but not mobile-friendly](https://wordpress.org/support/topic/responsive-but-not-mobile-friendly/)󠁿 [webfuturenews](https://profiles.wordpress.org/webfuturenews/) 2021年4月26日 I like this plugin very much! But the themes tumbnails and titels are to small for mobilephones. Mobile friendly is an responsive app only, if the tumbnails and titels use 90% of the viewspace. All information from tumbnails are to small and unreadable. Please improve this for better user experience! ![](https://secure.gravatar.com/avatar/6b7d30428c3c9bd17fec477bf2c195ea3b73ab6d9f2e49c04a6e30048dc1eda8? s=60&d=retro&r=g) ### 󠀁[Great Start](https://wordpress.org/support/topic/great-start-45/)󠁿 [dboys](https://profiles.wordpress.org/dboys/) 2020年4月28日 This is a great product, maybe add a feedback tool to the admiin section. [ 2件のレビューをすべて表示 ](https://wordpress.org/support/plugin/livepreview/reviews/) ## 貢献者と開発者 LivePreview – Digital Product Demo Preview はオープンソースソフトウェアです。以下 の人々がこのプラグインに貢献しています。 貢献者 * [ Avirtum ](https://profiles.wordpress.org/avirtum/) [“LivePreview – Digital Product Demo Preview” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/livepreview) ### 開発に興味がありますか ? [コードを閲覧](https://plugins.trac.wordpress.org/browser/livepreview/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/livepreview/) をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/livepreview/) を [RSS](https://plugins.trac.wordpress.org/log/livepreview/?limit=100&mode=stop_on_copy&format=rss) で購読してみてください。 ## 変更履歴 #### 1.2.3 * New – search function is based on the item title & tag #### 1.2.2 * Fix – filter products on frontend #### 1.2.1 * Fix – can’t slide the site up or down on Safari 13 and above #### 1.2.0 * New – frontend is independent of WordPress themes and third-party plugins * New – customize the text for the buy button * New – the ability to select a “default” responsive device #### 1.1.0 * New – enable/disable the main preload overlay * New – set logo URL (open in a new or self window) * New – enable/disable the product list #### 1.0.3 * New – field for the product ID, each item can have a unique URL * New – work with the browser history * New – list navigation with arrow keys (up & down) * New – move a product item to the start or end of the list #### 1.0.2 * New – light theme #### 1.0.1 * Fix – can’t slide the site up or down on Safari 12 #### 1.0.0 * Initial release ## メタ * バージョン **1.2.3** * 最終更新日 **12か月前** * 有効インストール数 **30+** * WordPress バージョン ** 4.0またはそれ以降 ** * 検証済み最新バージョン: **6.5.8** * 言語 * [English (US)](https://wordpress.org/plugins/livepreview/) * タグ * [demo bar](https://ja.wordpress.org/plugins/tags/demo-bar/)[device preview](https://ja.wordpress.org/plugins/tags/device-preview/) [responsive](https://ja.wordpress.org/plugins/tags/responsive/) * [詳細を表示](https://ja.wordpress.org/plugins/livepreview/advanced/) ## 評価 5つ星中4.3つ星 * [ 2 5-星レビュー ](https://wordpress.org/support/plugin/livepreview/reviews/?filter=5) * [ 0 4-星レビュー ](https://wordpress.org/support/plugin/livepreview/reviews/?filter=4) * [ 1 3-星レビュー ](https://wordpress.org/support/plugin/livepreview/reviews/?filter=3) * [ 0 2-星レビュー ](https://wordpress.org/support/plugin/livepreview/reviews/?filter=2) * [ 0 1-星レビュー ](https://wordpress.org/support/plugin/livepreview/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/livepreview/reviews/#new-post) [すべてのレビューを見る](https://wordpress.org/support/plugin/livepreview/reviews/) ## 貢献者 * [ Avirtum ](https://profiles.wordpress.org/avirtum/) ## サポート 意見や質問がありますか ? [サポートフォーラムを表示](https://wordpress.org/support/plugin/livepreview/) ## 寄付 このプラグインが今後も改善できるよう応援しませんか ? [ このプラグインに寄付 ](https://www.paypal.me/avirtum/5)