內容更新於 — 2022-12-26 16:40
Inner Content,中文可理解成網頁的「內在內容」!那麼,既然有「內在的內容」,是否也該有個「外在內容」?
嗯!這是個好問題!
不過,很抱歉,在網頁的HTML架構中,沒有這麼複雜,只要是「內容」,通常都是寫在<body>這個標籤裡,沒有區分什麼內在或外在的內容。
至於在HTML架構中的<head>標籤,也不是我們在佈景主題裡面的「Header」,因為,佈景主題裡面所設定的「Header」,也是寫在<body>這個標籤裡。
擔心文字說明太抽象,我還錄了影片說明(Sorry,聲音可能有點大…)
「Inner Content」這個說法,我目前只發現於OXYGEN Builder;但是,在WordPress的架構中,或許可以將「佈景主題」的框架,理解成「外在內容」,而我們在「Post/單一文章」或「page/單一頁面」中,透過區塊編輯器所編輯的內容,則是可以理解成所謂的「Inner Content」。
所以,當我們在佈景主題裡面設定的「Header」和「Footer」,都是寫在<body>這個標籤裡。
於是,衍伸到OXYGEN Builder中,這個「外在內容」則是我們自己創建,用來取代一般佈景主題架構的「Templates」;而「Inner Content」之於OXYGEN Builder,則是包覆在「Templates」裡面的「內在內容」。
和一般佈景主題最大的差別在於,OXYGEN Builder比一般佈景主題還要更自由!
因為你可以創建無限的「外在內容/Templates」和「內在內容/Inner Content」。也就是說,你可以為一個網頁頁面(包含文章、頁面,甚至是自訂的Post Type)創建無數個「外在內容/Templates」,去包覆無數個「內在內容/Inner Content」。
而這個OXYGEN Builder所謂的「Inner Content」,它可以由OXYGEN編輯而產生,也可以由WordPress內建的區塊編輯器而產生,當然也可以由WordPress舊版的「Classic Editor」所產生。
學習OXYGEN Builder的過程中,不但摸索到HTML框架、WordPress架構、CSS、Java Script的,更是一段邏輯解密的旅程…
前面提過,在OXYGEN builder中,「Inner Content」一定是被包覆在「Templates」裡面,但是,更厲害的是,某個「Templates」也可以是別的「Templates」的「Inner Content」。
Templates這東西,在WordPress中,可以理解成佈景主題、頁面編輯器所提供的可一鍵套用的範本(模板),而這些模板,可以套用在Header、Footer以及頁面中各區塊所需要的樣式和功能。
在OXYGEN builder中,也有提供預建好的網站模板,以及各區塊所需的模板;但是,OXYGEN builder最自由的則是,所有的Templates可以自由設計,不只是Header、Footer以及頁面中各區塊,甚至是「單一文章」、「分類彙整」、「404頁面」、「搜尋結果頁面」…等等的版面設計和功能規劃,都可以自由設計和規劃,可謂是真正完整的全自由。
而且,每一個「Template」裡面,都還可以放其他的「Template」,而這個裡面的「Template」,就是外面的「Template」的「Inner Content」…
寫到這裡,大概有人會想問,為什麼?何必呢?
這就是OXYGEN builder邏輯運用的開端!
打個比方吧!在我的網站中,區分成「一般文章」和「攝影集文章」,這二類文章的Header與Footer相同;但是,「攝影集類型」的文章不需要目錄,此外,內容的排版也完全不同。
於是,我需要先製作一個能共用的「Template」,裡面是Header與Footer,再製作二個不同的「Template」,分別給「一般文章」和「攝影集文章」使用。
而這2個分別給不同文章套用的「Template」,就成了共用的「Template」的「Inner Content」囉!
在要成為另一個Template的「Inner Content」的那個「Template」的WordPress編輯頁面中,在「INHERIT DESIGN FROM OTHER TEMPLATE」下方的下拉選單中,選擇要被哪個「Template」包覆。
操作步驟:
Singular這個名詞,在OXYGEN Builder中,意指WordPress裡面內建的Post Types,像是「Post」、「Pages」、「Medias」…等等,或者像是使用CPT UI(Custom Post Type UI)自創的Post Types,這些Post Types就是OXYGEN Builder所謂的Singular。
這些被稱為Singular的「Post Type」,如果有套用「在OXYGEN Builder中所創建的Templates」,那麼,這些Singular,在WordPress的編輯頁面(區塊編輯器或Classic Editor)中所放入的內容,對於OXYGEN Builder來說,就叫做「Inner Content」,而且,在;反之,如果這些Singular,沒有套用任何透過OXYGEN Builder創建的任何「模板/Template」,那麼,也就不會獲得「ct-inner-content」這個CSS的selector。
在「Templates」中指定
在OXYGEN Builder的「Templates」的編輯頁面中(未進入OXYGEN編輯前),在「WHERE DOES THIS TEMPLATE APPLY?」欄位選擇「Singular」,再選擇要套用到哪一種「Post Type」,甚至再選擇只套用到特定分類(Categories)或標籤(Tags)的「Post Type」。
操作步驟:
在「個別頁面或文章頁面」中設定
在單一文章或頁面的WordPress編輯器中,找到OXYGEN的欄位,在「RENDER PAGE USING TEMPLATE」下方選擇要套用的「Templates」。
操作步驟:
OXYGEN Builder中的Inner Content就介紹到這囉!有任何問題歡迎在下方的留言板討論٩(^ᴗ^)۶
Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.