Elementor 架站服務上線!

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

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

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

什麼是全站編輯 (Full Site Editing)?

  1. 所有頁面上看到的內容都是一個區塊,例如 Logo 或是網站標題
  2. 你可以在編輯器編輯範本或範本組件
  3. 全站編輯會移除「自訂」和「小工具」選單
  4. 開發者會使用 HTML 範本而不是 PHP,以及使用區塊註解(block comments)和標記而不是 PHP 函式

編輯器和佈景主題如何配合

當你在網站編輯器或是範本編輯器儲存設計時,WordPress 會將設計儲存在資料庫中。在佈景主題中的檔案不會被更新,網站會使用儲存的範本。

WordPress 會儲存內容和標記在兩個新的內容類型 (post type):wp_templates 和 wp_template_part

佈景主題設定檔 (theme.json)

theme.json是用來設定區塊的預設值,例如內容寬度、文字顏色或背景色等外觀設定。
你也可以用來啟用或是關閉功能。

降低佈景主題開發的障礙

全站編輯將降低佈景主題的開發障礙,對於佈景主題作者來說,不需要再處理自訂以及小工具和 post meta boxes。

支援全站編輯的佈景主題將會更容易被建置,而且會包含更少的檔案和更少的 CSS。

當設定變更時執行判斷

情境:WordPress 後台有許多設定,管理者希望某個設定不要被修改,或是被修改時通知管理者。


 add_filter( 'pre_update_option_page_on_front', 'woo_page_on_front_changed', 10, 3);
 function woo_page_on_front_changed( $value, $old_value, $option ) {
	if ( $value !== 27 ) {
                 $headers = array('Content-Type: text/html; charset=UTF-8');
		wp_mail( 'admin@gmail.com', '首頁變更提醒', '首頁被變更了!', $headers );
		return 27;
	}
 }

可以使用 pre_update_option_{option_name} 這個 filter,在儲存設定之前做判斷,以上面的例子option name 是 page_on_front,這是靜態首頁的設定。我們不希望首頁被修改,所以判斷當首頁被修改時,通知管理者,並改回我們原本預設的值 (這邊是 page id)。

參考:https://developer.wordpress.org/reference/hooks/pre_update_option_option/