Elementor 收購 Strattic

Elementor 在 6/8 宣佈收購了同樣來自以色列的公司 Strattic。 Strattic 主要提供靜態化 (Static) 和 Headless WordPress 的主機服務。

這幾年在 WordPress 生態圈出現了許多收購,特別是由主機商的收購,各家主機商好像在搞軍備競賽似的,收購了許多大大小小的外掛,來加強自己在生態圈的優勢。例如 Godaddy、WPEngine、Liquidweb 皆收購了不少 WordPress 生態圈的外掛。而這次 Elementor 收購了 Strattic 則是相當有趣地由外掛方發起的收購,也因此引起了大家的好奇心和注意。

而事實上 Elementor 也在今年推出了自家的主機託管服務 Cloud Website,除了提供主機託管服務外,也內建了 Elementor Pro 外掛的授權。相信在未來 Elementor 和 Strattic 會有更多的整合,提供給使用 Elementor 架站的使用者更優質的託管服務和架站體驗。

參考資料:

Elementor 架站服務上線!

今天偶然發現 Elementor 的架站服務上線了,一年 $89 美金。包含了主機 (GCP),一個 Elementor Pro 授權,20GB 硬碟,可以用免費的 Elementor 網域,當然也可以用自己的網域。

不過 Elementor 似乎還沒有很積極在推廣,因為在首頁或整個網站都沒有太的的屆紹,甚至連名字我都覺得好像還沒取好,只是單純取名為 HOSTED ELEMENTOR WEBSITE,就連臉書也都沒有提及。

至於好不好用就等待勇者進行測試囉!

Elementor 動畫在瀏覽器上沒有作用

Elementor 提供了很多豐富的動態效果,讓你不需要撰寫任何複雜的 CSS 就可以幫網站增加互動性。

如果你在你的電腦或手機發現動畫沒有作用,很可能是因為電腦或手機的設定。

如果你測試的電腦是 Mac,你可以在系統偏好設定->輔助使用->顯示器->減少動態效果,確認一下減少動態效果是否有勾選。

減少動態效果

如果是 iOS,可以檢查在設定->輔助使用->動態效果->減少動態效果的設定,是否有勾選。

減少動態效果

相關說明請見 Elementor 文件:https://elementor.com/help/entrance-animations/

參考資料:

https://web.dev/prefers-reduced-motion/
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

[Elementor 教學] 如何點擊連結直接下載檔案

在製作頁面內容的時候,有時會上傳一些檔案,透過連結的方式讓使用者下載,不過通常預設點擊檔案連結會開啟一個新視窗再下載檔案,不是那麼的方便,這時候我們可以透過增加 HTML 的 download 屬性,來達到這個目的。

<a href="/images/mydownload.pdf" download>

在按鈕中新增 download 屬性

自訂屬性 (Custom Attributes) 的功能,可以在任何可以設定連結的 Elementor 小工具中使用,其中一個就是按鈕,你可以設定按鈕的連結,並設定自訂屬性。

  • 請點擊要編輯的按鈕來開啟小工具的設定介面
  • 點擊連結的齒輪按鈕來開啟額外的設定
  • 在 Custom Attributes 欄位輸入自定義屬性,屬性請以 key|value 的格式來輸入,如果有超過一個屬性,請以逗號(,)來分隔。
edit button custom attributes

以上圖為例我們新增了 download 屬性,後面接著的 myfile 則是下載檔案的新名稱,當使用者點擊該檔案時,該檔案將會被重新命名然後下載。如果你沒有輸入檔名,則會以原始的檔名來下載。

注意事項

使用 Custom Attributes 有幾點注意事項要留意:

  • 自定義屬性只能在能夠設定連結的小工具中設定,例如按鈕。在文字編輯器小工具中你無法直接設定(但你還是可以透過編輯原始文字的方式來自行加上屬性)
  • Chrome 65 和以上的版本以及 Firefox 只接受同源 (same-origin) 的連結網址,也就是你設定的檔案連結必須要和你的網站網址是相同的,不然會沒有作用。請參考,CanIUse 網站。
  • 基於安全的原因,你無法設定 Javascript 的屬性在連結上,例如 onclick

參考資料

The Rising of No-Code Tool:Elementor 4 歲生日快樂

頁面編輯器在 WordPress 的歷史中扮演著蠻重要的角色,過去有知名的 Visual Composer,以及不同佈景主題自己開發的頁面編輯器,像是 Avada 的 Fusion Builder,Elegent Theme 的 Divi 和 beTheme 的 Muffin Builder 等等,各家佈景主題通常為了達到最大的掌握度,透過自己開發的頁面編輯器,來將可能造成的相容性衝突降低至最小,而這也造成了許多時候你換了一個佈景主題,等於要重新學習一套頁面編輯器,相當地費時。

Elementor 的出現改變了這個狀況,甚至是建立了自己的生態。

Elementor 的快速成長

Elementor 最早在 2016 年的 6 月 1 日發佈第一個版本,到今天剛好 4 年,短短的 4 年成長的速度卻相當地快。在日前他們就宣佈已經有多達 500 萬個網站使用 Elementor 來架設,佔全部 WordPress 網站約 7%。

elementor growth
Elementor 成長趨勢圖 (圖片來源:Elementor 官網)

Elementor 的未來

在今年 2 月的時候,Elementor 更宣布了金額高達美金 1500 萬的募資。有許多眼尖的人在徵才平台上看到,Elementor 在徵求雲端伺服器的人才,看似要為打造自己的架站平台做準備。而這似乎也不令人意外。

在 Gutenberg 隨著 WordPress 5.0 推出後,許多第三方開發者和公司也不斷地開發各式各樣的區塊,而慢慢地也有不少人在討論,Gutenberg 是否有可能是頁面編輯器的終結者?從各方面來看, Gutenberg 的確都有可能成為頁面編輯器的潛力,包含了目前正在開發中的 Full Site Editing,也看似乎在替 Gutenberg 成為頁面編輯器做準備。

不過 Gutenberg 作為頁面編輯器仍然有一段路要走,許多使用者對於 Gutenberg 的編輯體驗仍頗有微詞,也因此 Elementor 的出現似乎就成為了另一個救贖。

Elementor 簡單直覺的編輯介面,加上開放可擴充的特性,讓 Elementor 快速地發展出自己的生態。近日 Envato 更是推出了以販售 Elementor 範本為主的服務 Template Kits,無非是看中 Elementor 發展的潛力,在過去 Envato 其實也有類似的服務,就是以 Layers 這套佈景主題為主的商品販售,包含外掛和樣式,不過後來因為成長幅度有限而告吹,巧的是 Layers 佈景主題後來被 Elementor 給買了下來。Elementor 的出現,使用者似乎不太需要再像過去一樣,不斷地重新去學習一套佈景主題,而這也讓佈景主題的角色顯得有點尷尬。

結論

Elementor 的成長,對使用者來說的確是一項好事,因為他讓使用者更容易進入 WordPress 的世界,而他也像是一面鏡子,讓 Gutenberg 的發展更加戰戰兢兢。期待未來 Elementor 的發展,也希望因為有 Elementor 的存在,讓 Gutenberg 的發展更好,甚至是讓整體 WordPress 的社群更好。