在進行主題自定義的時候,感覺主題首頁預設的模塊不適合自己的需求。於是就開始自己添加首頁模塊。
首先,打開主題的代碼頁面,要添加首頁的模塊需要在Sections添加文件。
在“Sections”點擊“Add a new section”,添加一個文件,命名根據原有的相應文件的命名規則來命名,以便識別。創建成功后的初始文件如下圖所示:
然后,讓我們來修改一下{% schema %}里的內容。因為我想創建一個兩列的布局。所以,我將name簡單命名為“Two col”了。然后代碼如下所示。因為想說有可能會想要3列,4列,所以首先給一個選擇框,可以選擇要幾列布局。然后添加兩個輸入框,可以輸入內容。最后,在“presets”添加名稱和分類,這樣,才會顯示在主題里。
在主題自定義里的顯示如下。
選擇這個模塊后,顯示如下。
在{% schema %}上添加html。
在輸入區域添加文字后,正常顯示。也可以添加html。
最后需要添加一些css樣式的。但因為這只是我試一下這個該怎么添加的。就不設樣式了。基本上步驟就是這個樣子。