ส่วน <body> ของธีมการออกแบบจะประกอบด้วยส่วนย่อยต่างๆ และวิดเจ็ต
- ส่วนคือบริเวณต่างๆ ในหน้าเว็บ เช่น แถบด้านข้าง ส่วนท้าย
- วิดเจ็ตคือองค์ประกอบของหน้าเว็บ เช่น หน้าเว็บ รายการบล็อก หรืออื่นๆ ที่คุณเพิ่มได้จากแท็บ "องค์ประกอบของหน้าเว็บ"
คุณสามารถใส่โค้ด HTML ได้ตามต้องการรอบส่วนต่างๆ ในธีมของคุณ
ส่วน
ส่วนแต่ละส่วนในธีมมีแท็กเปิดและแท็กปิดที่มีลักษณะดังนี้
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
- id – (ต้องระบุ) ชื่อที่ไม่ซ้ำ ใช้ได้เฉพาะตัวอักษรและตัวเลข
- class – (ไม่บังคับ) ชื่อคลาสที่ใช้บ่อยได้แก่ “navbar”, “header”, “main”, “sidebar” และ “footer” ถ้าคุณเปลี่ยนธีมในภายหลัง ชื่อเหล่านี้จะช่วย Blogger กำหนดวิธีโอนเนื้อหาของคุณ
- maxwidgets –- (ไม่บังคับ) จำนวนวิดเจ็ตสูงสุดที่อนุญาตให้มีได้ในแต่ละส่วน ถ้าไม่ระบุจำนวนสูงสุด จะไม่มีการจำกัดจำนวน
- showaddelement – (ไม่บังคับ) สามารถใช้ค่า "yes" หรือ "no" โดยที่ค่าเริ่มต้นคือ "yes" ค่านี้จะกำหนดว่าแท็บองค์ประกอบของหน้าเว็บจะแสดงลิงก์ "เพิ่มองค์ประกอบของหน้าเว็บ" ในส่วนนี้หรือไม่
- growth – (ไม่บังคับ) สามารถใช้ค่า "horizontal" หรือ "vertical" โดยที่ค่าเริ่มต้นคือ "vertical" ค่านี้จะกำหนดว่าวิดเจ็ตภายในส่วนจะมีการจัดเรียงแบบเคียงข้างกันหรือซ้อนทับกัน
มีแค่ส่วนเท่านั้นที่มีวิดเจ็ตได้ หากต้องการแทรกรหัสเพิ่มเติมภายในส่วน ให้แยกส่วนออกมาเป็นส่วนใหม่ตั้งแต่ 2 ส่วนขึ้นไป
วิดเจ็ต
วิดเจ็ตมีแท็กเดียวซึ่งเป็นตัวยึดตำแหน่งที่ระบุวิธีจัดการวิดเจ็ตในแท็บองค์ประกอบของหน้า
ตัวอย่างของวิดเจ็ต (ตัวอย่างหนึ่งสำหรับส่วนหัวของหน้าเว็บและอีกตัวอย่างสำหรับรายการ) มีดังนี้
<b:widget id="header" type='HeaderView' locked="yes"/>
<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>
<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>
- id – (ต้องระบุ) ใช้ได้เฉพาะตัวอักษรและตัวเลขเท่านั้น และ ID ของแต่ละวิดเจ็ตในธีมไม่ควรซ้ำกัน ID ของวิดเจ็ตนั้นไม่สามารถเปลี่ยนแปลงได้ ถ้าไม่ลบวิดเจ็ตนั้นและสร้างใหม่
- type – (ต้องระบุ) ระบุประเภทของวิดเจ็ต
- locked – (ไม่บังคับ) สามารถใช้ค่า "yes" หรือ "no" โดยที่ค่าเริ่มต้นคือ "no" วิดเจ็ตที่ถูกล็อคจะไม่สามารถเคลื่อนย้ายหรือลบจากแท็บองค์ประกอบของหน้าเว็บได้
- title – (ไม่บังคับ) ถ้าไม่ได้ระบุชื่อที่แสดง ระบบจะใช้ชื่อตามค่าเริ่มต้น เช่น “List1”
- pageType – (ไม่บังคับ) สามารถใช้ค่า "all", "archive", "main" หรือ "item" โดยที่ค่าเริ่มต้นคือ "all" วิดเจ็ตจะปรากฏเฉพาะในหน้าเว็บที่กำหนดในบล็อก (วิดเจ็ตทั้งหมดจะแสดงในแท็บองค์ประกอบของหน้าเว็บ โดยไม่ยึด pageType)
- mobile – (ไม่บังคับ) สามารถใช้ค่า "yes", "no" หรือ "only" โดยที่ค่าเริ่มต้นคือ "default" ค่านี้จะกำหนดว่าวิดเจ็ตนั้นจะปรากฏในอุปกรณ์เคลื่อนที่หรือไม่ มีเพียงส่วนหัว บล็อก โปรไฟล์ รายการหน้าเว็บ AdSense และการแสดงที่มาเท่านั้นที่จะปรากฏในอุปกรณ์เคลื่อนที่ เมื่อแอตทริบิวต์สำหรับอุปกรณ์เคลื่อนที่มีค่า "default"
เรียนรู้เพิ่มเติมเกี่ยวกับการแก้ไขแท็กวิดเจ็ต
หมายเหตุ: ในบล็อกที่เผยแพร่นั้น แท็ก <b:section> และ <b:widget> ทั้งหมดจะแทนด้วยแท็ก <div> ซึ่งมีรหัสที่ระบุ ซึ่งจะช่วยให้คุณสามารถอ้างอิงถึง ยกตัวอย่างเช่น div#header หรือ div#myList ใน CSS ได้ เป็นต้น