如何將互動式360度圖像添加到WordPress網站

照片也許是炫耀您出售的產品和服務的最佳方式。 但是,圖片,甚至是視頻,有時還不足以讓用戶做出決定。

有時,您需要更進一步,例如將互動式圖像添加到WordPress網站。 在本文中,我們將向您展示如何使用 Algori 360圖片 插入。

讓我們開始吧!

為什麼在您的網站上使用360度圖像

可以肯定地說,網站上的360度或互動式圖片是一種新穎的事物,除非您經常訪問某些特定領域的網站。 但是,這並不是由於現代瀏覽器缺乏支持。

您可能不知道常規文件類型(例如JPEG或PNG)對全景或360度圖像完全適用。 360度圖像和「常規」圖像之間的兩個主要區別是:

  • 解析度。 如您所料,360度圖像使用的解析度與常規圖像完全不同。
  • 缺乏互動性。 使用普通的PNG或JPEG,您無法「移動」周圍的圖像以查看其中的新部分。

儘管有些人可能會在一般設置中將全景圖像作為頭打折,但確實為網站上許多有趣的應用打開了大門。 例如,如果您經營一家網上商店,則可以提供所售產品的360度圖片。 這樣一來,訪客就可以旋轉產品,從各個角度觀看產品。

您喜歡在在線零售商的網站上看到這些類型的互動式圖像。 換句話說,它不是「邊緣」技術:

如何將互動式360度圖像添加到您的WordPress網站如何將互動式360度圖像添加到您的WordPress網站

如果您要廣告出租或出售物業,全景圖像也是完美的選擇。 有了360度的圖像,感興趣的各方就可以瀏覽整個物業,而無需瀏覽數十張圖片。

隨著虛擬現實(VR)的普及和頭戴式耳機的普及,可以提供沉浸式體驗的網站也將從中受益。 戴著耳機的用戶可能更有可能在您的網站上花費時間,從而提高了參與度,這全歸功於互動式圖像。

Algori 360圖像簡介

如何將互動式360度圖像添加到您的WordPress網站如何將互動式360度圖像添加到您的WordPress網站

我們已經談論過 VR插件 在過去。 然而, Algori 360圖片 脫穎而出是因為它既支持360度圖像,也可以與市場上大多數主流VR耳機配合使用,例如 ViveOculus裂谷GearVR, 乃至 Google Cardboard

Algori 360 Images本質上是一個即插即用的工具,但是它只能與WordPress的本機Block Editor一起使用(因為Divi和Block Editor可以很好地協同工作,您可以在大多數Divi頁面/布局中使用它。但是,如果那樣並非如此,我們建議您退房 全景插件)。 Algori 360 Images插件添加了自己的自定義塊,您只能將其用於每頁嵌入一個互動式圖像。

如果您對這些限制感到滿意,那麼使用互動式圖像可能會很有趣。 如果訪客擁有耳機,他們將能夠放大圖片,使用滑鼠或手指在圖像上移動以及激活VR模式。

要記住的一件事是,Algori 360 Images並未添加對VR文件類型的支持。 VR文件太大了,無法在大多數網站上隨意使用,因此從可用性的角度來看這是不可行的。 插件提供的VR支持是全景圖像。

主要特點:

  • 使用自定義塊將360張圖片上傳到WordPress。
  • 使用戶可以放大「內部」圖像並在其中移動。
  • 包括對滑鼠和觸摸導航的支持。
  • 允許訪問者使用VR設備與圖像進行交互。
  • 提供對大多數主要VR耳機的支持,包括Vive,Rift,GearVR和Google Cardboard。

價格:免費| 更多信息

如何向WordPress添加360度圖像

向您展示Algori 360 Images插件如何工作的最簡單方法是向您展示。 我們最喜歡的網路全景圖像應用程序之一是旅行博客:

如何將互動式360度圖像添加到您的WordPress網站1如何將互動式360度圖像添加到您的WordPress網站

要測試插件,您可以設置一個 旅遊博客 使用我們的布局包,其中還包括一些合適的全景圖像。 打開「塊編輯器」後,新的「 360圖像」選項將顯示在頂部:

如何將互動式360度圖像添加到您的WordPress網站2如何將互動式360度圖像添加到您的WordPress網站

360度圖像在全形顯示效果最佳,因此請為360度圖像塊使用該設置。 該插件可能指出VR模式僅通過HTTPS支持耳機感測器。 這是插件的下載頁面不會告訴您的內容,因此請記住以下幾點:

如何將互動式360度圖像添加到您的WordPress網站3如何將互動式360度圖像添加到您的WordPress網站

無論如何,即使在塊編輯器中,圖像交互性也可以立即使用:

如何將互動式360度圖像添加到您的WordPress網站4如何將互動式360度圖像添加到您的WordPress網站

發布頁面後,您的360度圖片將可供訪問者立即瀏覽:

如何將互動式360度圖像添加到您的WordPress網站1如何將互動式360度圖像添加到您的WordPress網站

儘管插件本身使用起來並不容易,但它具有一些缺點,乍一看可能並不明顯。 首先,360度圖像在整個板上都使用高解析度。 這是固有的–如果您想提供良好的交互體驗,則這些圖像必須具有高解析度。

但是,高解析度互動式圖像有可能 減慢您的載入時間。 如果您在一個頁面上添加其中幾個,這一點尤其明顯。 當然,此插件僅允許您添加一個,這有助於減小頁面大小。

缺少的另一個方面是,除了VR按鈕外,沒有用於指定互動式圖像的用戶指示器。 如果您是VR用戶,則足以表明您可以使用耳機。 但是,對於更休閑的用戶,您需要提供說明,以便他們知道他們可以與圖像進行交互。

撇開這些限制,使用Algori 360 Images將互動式圖像添加到WordPress大約就很容易。 如果您想偶爾使用網站上的360度圖片並在使用時添加一點VR支持,則使該插件成為不錯的選擇。

結論

互動式圖像是展示產品和位置的絕佳方法。 這種互動性使訪問者可以完全沉浸在體驗中,而這是普通圖片難以複製的。 如果您以VR頭戴式耳機為目標受眾,則體驗會更加吸引人。

Algori 360圖片 是一個「簡單」的插件解決方案,使您可以上傳全景圖和VR攝影以及其他類型的文件。 它可以與「塊編輯器」一起使用,因此,您所要做的就是上傳圖像,並在需要的位置添加新的塊。

您對如何使用Algori 360 Images有任何疑問嗎? 讓我們在下面的評論部分中討論它們!

Oleksandr Yuhlichek / shutterstock.com的文章縮略圖。

資源

相關文章