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) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 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://tw.wordpress.org/plugins/livepreview/#description) * [使用者評論](https://tw.wordpress.org/plugins/livepreview/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/livepreview/#installation) * [開發資訊](https://tw.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 ## 常見問題集 ### 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/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/livepreview/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/livepreview/)。 ## 變更記錄 #### 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** * 最後更新 **11 個月前** * 啟用安裝數 **30+** * WordPress 版本需求 ** 4.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.5.8** * 語言 * [English (US)](https://wordpress.org/plugins/livepreview/) * 標籤: * [demo bar](https://tw.wordpress.org/plugins/tags/demo-bar/)[device preview](https://tw.wordpress.org/plugins/tags/device-preview/) [responsive](https://tw.wordpress.org/plugins/tags/responsive/) * [進階檢視](https://tw.wordpress.org/plugins/livepreview/advanced/) ## 評分 4.3 星，滿分為 5 星 * [ 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)