前言介紹
- 這款 WordPress 外掛「Easy Panorama」是 2016-09-11 上架。
- 目前有 600 個安裝啟用數。
- 上一次更新是 2023-01-25,距離現在已有 829 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 5 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
leopeo |
外掛標籤
image | panorama | shortcode | responsive | panoramic image |
內容簡介
Easy Panorama WordPress外掛讓您更輕鬆地在網站中顯示寬闊/全景圖像:透過在x軸上滾動或移動您的行動裝置,欣賞全景照片。
您可以使用方便的短代碼(TinyMCE編輯器)或新增版面區塊開始嵌入全景圖像。
Easy Panorama使用打包的Paver。
主要功能
編列Paver Javascript和CSS檔案。
從全景設定頁面自訂Paver外觀和行為。
進階設定頁面中的其他專業設定。
[easy_panorama]短代碼可輕鬆嵌入全景圖像。
自訂全景區塊,提供更好的編輯體驗。
短代碼(經典WordPress編輯器)
使用內建的短代碼功能,在文章和頁面中加入您最喜愛的全景圖像。
如果您使用經典WordPress編輯器(TinyMCE),您將在編輯器上方找到「新增全景」按鈕:按下按鈕,然後選擇要包括的圖像。
當您瀏覽網站時,短代碼將被插入編輯器並被全景檢視器替換。
您可以透過Easy Panorama設定頁面或在每個短代碼中添加特定屬性,自訂全景檢視器的外觀和行為:這些將覆蓋一般設定。
短代碼屬性速查表:
id:附件/圖像WordPress id(數字)– 必填項
url:圖像URL(字符串)
meta:決定是否顯示元數據覆蓋層(布林值)
title:圖像標題,在「Show image meta」(「meta」屬性)設為true時在覆蓋層上顯示(字符串)
alt:圖像替代文字,在「Show image meta」(「meta」屬性)設為true時在覆蓋層上顯示(字符串)
graceful_failure:允許顯示失敗訊息(布林值)
failure_message:此訊息將出現在沒有陀螺儀數據或沒有實體方向支援的行動裝置上(字符串)
failure_message_insert:失敗訊息將插入的位置(before | after)
minimum_overflow:當圖片寬度超過多少時,全景檢視器就會啟動(數字)
start_position:開始位置的全景圖像(0至1的數字)
區塊(古騰堡編輯器)
使用內建的區塊功能,在文章和頁面中加入您最喜愛的全景圖像。
如果您使用Gutenberg編輯器(WordPress >= 5.0),您會發現Panorama區塊已準備好嵌入您的文章。
在區塊列表中搜尋「Panorama」,選擇它並選擇要包含的圖像。
您可以透過Inspector Control自訂每個全景檢視器的外觀和行為。
區塊功能
在新的編輯器中輕鬆嵌入您的全景/寬圖像。
在編輯器中預覽您的全景。
透過Inspector Control自訂每個全景檢視器的外觀和行為。
一鍵將「Image」區塊轉換為「Panorama」區塊。
一鍵將「Panorama」區塊轉換為「Image」區塊。
一鍵將原先插入的 [easy_panorama] 短代碼轉換為「Panorama」區塊。
原文外掛簡介
Easy Panorama plugin for WordPress websites allows you to display wide/panoramic images in a more accessible way: enjoy your panoramic photos scrolling them on the x-axis or moving your mobile device.
You can start embedding your panoramic images using the handy shortcode (TinyMCE editor) or the new Block.
Easy Panorama uses the packed Paver.
Main features
Enqueuing of Paver Javascript and CSS files.
Customization of Paver appearance and behaviour from the Panorama Settings page.
Other geek settings in the Advanced Settings page.
[easy_panorama] shortcode to embed panoramic images with no hassle.
Custom Panorama Block for a better editing experience.
Shortcode (Classic WordPress editor)
Include your favourite panoramic images in posts and pages using the built-in shortcode functionality.
If you are using the classic WordPress editor (TinyMCE), you will find the Add Panorama button above the editor: click on the button and select the image you want to include.
The shortcode will be inserted in the editor and replaced by the panoramic viewer when you visit the website.
You can customize the appearance and behaviour of the panoramic viewer through the Easy Panorama settings page or adding specific attributes to each shortcode: these will override the general settings.
Shortcode attributes cheat sheet:
id: attachment/image WordPress id (number) – Required
url: image url (string)
meta: determines whether a metadata overlay should be displayed (boolean)
title: image title, showed on overlay in case “Show image meta” (“meta” attribute) is set to true (string)
alt: image alternative text, showed on overlay in case “Show image meta” (“meta” attribute) is set to true (string)
graceful_failure: allows the display of failure message (boolean)
failure_message: this message will appear in mobile devices with no gyroscopic data or no physical orientation support (string)
failure_message_insert: the location where the failure message will be inserted (before | after)
minimum_overflow: the excess width the picture must have before panoramic viewer kicks in (number)
start_position: the start position of the panorama (number from 0 to 1)
Block (Gutenberg editor)
Include your favourite panoramic images in posts and pages using the built-in block functionality.
If you are using the Gutenberg editor (WordPress >= 5.0), you find the Panorama block ready to be embedded in your post.
Search for “Panorama” within the blocks list, select it and choose the image you want to include.
You can customize the appearance and behaviour of each panoramic viewer thanks to the Inspector Control.
Block features
Embed your panoramic/wide images in the new editor with no hassle.
Preview your panorama within the editor.
Customize the appearance and behaviour of each panoramic viewer thanks to the Inspector Control.
Transform “Image” blocks into “Panorama” blocks with one click.
Transform “Panorama” blocks into “Image” blocks with one click.
Transform previous inserted [easy_panorama] shortcodes into “Panorama” blocks with one click.
Requirements
Easy Panorama requires:
WordPress >= 4.5 (Required for TinyMCE shortcode)
WordPress >= 5.0 (Required for the new custom Panorama Block feature)
PHP >= 5.6
Node >= 8.9.X (Required for Block development)
Yarn (Required for Block development)
Contribution
There are many ways to contribute to this plugin:
Report a bug, submit pull request or new feature proposal: visit the Github repo.
Translate it in your language: visit the WordPress translation page.
Rate it 5 stars on WordPress.org.
Buy me a beer!
Support
Need help? Read the FAQ or visit the WordPress.org support page / Github Issue Tracker.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Easy Panorama」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | trunk |
延伸相關外掛(你可能也想知道)
WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集,您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate,您可以輕鬆地建...。
MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在,這些捷徑可以在文章/頁面中使用,並且該片段將取代其位置。, ✍ 輕鬆建立...。
Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼,以列出最近的文章清單:, [display-posts], , 按類別篩選, 若只想顯示特定類...。
Widget Shortcode 》這個短碼需要小工具的ID,但不需要猜測,外掛會為你生成代碼。如果你想要覆蓋小工具的標題,你可以使用 "title" 參數:, [widget id=”text-1″...。
Woody code snippets – Insert Header Footer Code, AdSense Ads 》需要專業的支援嗎?, 免費獲取支援, 開始獲得高級支援, , 停止反覆使用相同的內容!, 停止插入 function.php 中的 PHP 代碼!, 停止將 Google Analytics、Yan...。
Column Shortcodes 》此外掛提供簡單易用的短碼,在您的文章或頁面中輕鬆創建欄位。有時候,您只需要將網頁切成不同的欄位。使用此外掛,您只需選擇一個欄位的短碼,便可將欄位加...。
amr shortcode any widget 》使用shortcode將小工具或多個小工具或整個小工具區域(側邊欄)插入到頁面中。, 首先在正常的側邊欄中設置小工具。 檢查它是否正常運作。, 然後將所選小工具...。
Shortcode in Menus 》此外掛讓你可以在 WordPress 導覽選單中使用簡碼,以便可以動態生成連結。也可以讓你在導覽選單中添加完整的 HTML 段落。, 使用方法, 查看截圖。, 另外,查看...。
Sidebar Widgets by CodeLights 》❗ 很抱歉,由於 SiteOrigin 的 widgets API 完全更改,CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案:您仍然可以在純文字編輯器中創...。
Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中,同時具有隱藏和修改元素、自動調整高度...。
Insert Pages 》Insert Pages 可讓您使用 Shortcode API,將任何 WordPress 內容(例如,頁面、文章、自訂文章類型)嵌入其他 WordPress 內容。它還包括一個小工具,可將頁面...。
Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼,這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊,讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊,加入他們的照片、職位、個人簡介...。
Post Snippets – Custom WordPress Code Snippets Customizer 》, 建立自訂短碼和可重複使用的內容,並將它們插入到您的文章和頁面中。, , 此外掛讓您建立 HTML、PHP 程式碼或常用文字片段的庫。在文章和頁面中,您可以使用...。