內容更新於 — 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.