[WordPress] 外掛分享： Live Story

前言介紹

  • 這款 WordPress 外掛「Live Story」是 2024-08-13 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-02-13，距離現在已有 79 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

livestory |

外掛標籤

embed | No-code | livestory | experience |

內容簡介

**Live Story WordPress 外掛總結：**

- 可快速在線上和遠端屏幕上設計和發布佈局。
- 可自由在空白畫布上製作佈局。添加豐富的動畫，優化轉化效果，放心：Live Story將處理佈局的創建和發布。
- 喜歡模板？您可以構建自己的庫並無縫地與設計結合。

**問題與答案：**

1. Live Story 外掛需要正確運作的前提是什麼？
- 答：需要加載 Live Story 的 JavaScript 主腳本資產。

2. 在 WordPress 外掛中，如何自動加載 Live Story 主要腳本？
- 答：Live Story 外掛會自動加載 Live Story 主要腳本 https://assets.livestory.io/dist/livestory-xxxx.min.js，其中 xxxx 代表在外掛設定中設置的品牌代碼。

3. 可以在哪裡找到官方文件？
- 答：可以在此找到官方文件：https://livestory.nyc/documentation/articles/basic-client-side-integration/#main-script。

4. Live Story 服務與個人數據處理有什麼關聯？
- 答：Live Story 服務符合歐盟 2016/679 號法規（“GDPR”）第 13 條，涉及當您瀏覽網站並與其服務互動時我們收集的個人數據的處理。詳細信息可以在 https://livestory.nyc/privacy 頁面找到。

5. Live Story 外掛的設置指南是什麼？
- 答：
- 在 wp-config.php 中定義以下常量：`define('LIVESTORY_BRANDCODE', 'code');`
- 在 wp-content/plugins 目錄中克隆此存儲庫
- 從管理面板中激活它

6. 如何在 WordPress 中添加佈局？
- 答：使用以下語法：
- 添加佈局：`[livestory id="xyz" type="layout"]`

7. 如何在 WordPress 中添加目的地？
- 答：使用以下語法：
- 添加目的地：`[livestory id="xyz" type="destination]`

8. Live Story 外掛支持存儲和語言代碼是如何實現的？
- 答：通過 store 和 lang 參數來實現存儲和語言代碼的支持。
- 使用以下語法：`[livestory id="xyz" type="layout" store="storeid" lang="foo]`

9. 在 Live Story 外掛設置中，如果設置品牌代碼的值為“demo”，則應如何使用短代碼？
- 答：在 WordPress 頁面中使用以下短代碼：
- ` [livestory id="66aca2d449fcbc000846e6b7" type="layout"]`
- ` [livestory id="65ba07376c11e000080a6b7c" type="destination"]`

原文外掛簡介

Design and publish layouts online and to remote screens in no time. Live Story is a next-gen UX design platform that boosts productivity and creativity on your WordPress site.
With our freehand editor, you can freely craft layouts on a blank canvas, add rich animations, and optimize for conversions.
Prefer templates? Build your own library and seamlessly blend them with your designs.
This integration brings unmatched creative agility to WordPress, perfect for content that needs frequent updates, ensuring your site stays fresh, engaging, and conversion-focused.

External services
The correct Live Story functionings requires the Live Story javascript main script asset to be loaded.
Live Story plugin automatically loads Live Story main script https://assets.livestory.io/dist/livestory-xxxx.min.js where xxxx stands for brand
code set up on plugin configuration.
Official documentation can be found here: https://livestory.nyc/documentation/articles/basic-client-side-integration/#main-script
Live Story services are compliant with Art. 13 of Regulation (EU) 2016/679 (“GDPR”) regarding the processing of your personal data that we collect when you browse the Site and interact with its services. Detailed infos can be found at https://livestory.nyc/privacy page.
Setup guide
Live Story plugin can be installed in 2 ways. In first, you have to download the folder and manual upload it by FTP on WordPress plugins folder.
The second way, much faster, simply required to search Live Story on plugins installation module directly inside your WordPress admin panel.
If you are installing with first way:

Clone this repository in the wp-content/plugins directory

Activate it from the admin panel

Manage your configuration using the ‘Live Story’ menu option to enable plugin and set brand code

Brand setup
Brand code must be filled with your brand code on the plugin installation page, as required from plugin to work correctly (see screenshot 1)
Syntax
Add a layout
[livestory id="xyz" type="layout"]

Add a destination
[livestory id="xyz" type="destination"]

Stores and language
Support for store and language codes is available using the parameters store and lang.
[livestory id="xyz" type="layout" store="storeid" lang="foo"]

Example contents shortcodes

In Live Story plugin settings, set brand code value: demo
Use following shortcodes in WordPress pages:
[livestory id="66aca2d449fcbc000846e6b7" type="layout"]

[livestory id="65ba07376c11e000080a6b7c" type="destination"]

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Live Story」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.2 | 1.0.3 | trunk |

延伸相關外掛（你可能也想知道）

  • EmbedPress – PDF Embed, PDF 3D FlipBook, Instagram Social Feeds, Google Docs, Vimeo, Wistia, YouTube Videos, Maps & Upload PDF Documents 》EMBEDPRESS - 從150多個來源嵌入任何東西 - YouTube、Google文件、Drive、地圖、Vimeo、Wistia、Spotify、Boomplay、PDF、PPT等，並通過Elementor、Block Edi...。
  • iframe 》, 高級 iFrame Pro, iframe, 捐贈, GitHub, , [iframe src=”http://www.youtube.com/embed/oDlbBy9vfgI” width=”100%” height=̶...。
  • Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中，同時具有隱藏和修改元素、自動調整高度...。
  • Insert Pages 》Insert Pages 可讓您使用 Shortcode API，將任何 WordPress 內容（例如，頁面、文章、自訂文章類型）嵌入其他 WordPress 內容。它還包括一個小工具，可將頁面...。
  • Compact WP Audio Player 》Compact WordPress Audio Player 插件是一個基於 HTML5 + Flash 混合的 WordPress 外掛，可以透過使用 shortcode 在 WordPress 文章或頁面中嵌入 mp3 音頻文...。
  • Advanced Responsive Video Embedder for Rumble, Odysee, YouTube, Vimeo, Kick … 》這是最佳的 WordPress 影片外掛嗎？支援幾乎你所能想像的一切，同時保持易用性和簡單性。這很可能是你需要的唯一一個外掛，來處理 WordPress 網站上的影片嵌...。
  • Code Embed 》注意： WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼（JavaScript 和 H...。
  • PDF.js Viewer 》透過 Gutenberg 區塊或簡單的縮略語，將 Mozilla 的 PDF.js Viewer 整合到您的網頁或文章中。PDF.js 是一個用於在瀏覽器中顯示 PDF 頁面的 JavaScript 函式庫...。
  • Embed PDF Viewer 》透過oEmbed或以區塊的方式，將來自媒體庫或其他地方的PDF嵌入至object標籤或Google Doc Viewer當作備用選項。URL只需要是可以讓全球使用的連結即可。, 靈感來...。
  • PDF viewer for Elementor & Gutenberg 》「PDFjs Viewer for Elementor」外掛是一個強大的工具，可輕鬆將 PDF 檔案嵌入到您的 Elementor 頁面建構器頁面中。它專為 Elementor 設計，因此您可以輕鬆在...。
  • PDF Viewer 》PDF Viewer 是一個 WordPress 外掛，允許您在網站上嵌入 PDF 文件，無需使用 Flash 外掛程式，僅依賴 JavaScript 來運作。這將使您的網站符合 HTML5 標準。此...。
  • Jotform oEmbed 》使用 Jotform 的 oEmbed 外掛程式，現在您可以輕鬆地在部落格文章中加入網路表單。安裝此外掛程式後，WordPress 將會辨識 Jotform 表單的 URL，以方便地嵌入...。
  • Disable Embeds 》這個外掛的功能：, , 防止他人嵌入您的網站。, 防止您嵌入非白名單網站。, 禁用所有與此功能相關的 JavaScript。, 從新版區塊編輯器中移除 WordPress 嵌入區...。
  • Videojs HTML5 Player 》Video.js HTML5 Player 是一個支持桌面和移動裝置視頻播放的用戶友好的外掛。它讓你輕鬆嵌入自主託管的視頻文件或使用 Video.js 庫的外掛視頻文件。, , Video...。
  • File Manager for Google Drive – Integrate Google Drive with WordPress 》使用這款最佳且使用者友善的「Google Drive」WordPress外掛，讓您的Google Drive與WordPress完美整合，體驗順暢的使用體驗。, , 輕鬆地在您的網站上管理和分...。

文章
Filter
Apply Filters
Close
Mastodon