วิธีใส่แถบด้านข้างคงที่แบบเต็มความสูงในเทมเพลตโพสต์บล็อกของคุณ

การเลือกเพิ่มแถบด้านข้างให้กับโพสต์บล็อกของคุณนั้นขึ้นอยู่กับคุณทั้งหมด บล็อกเกอร์บางคนเลือกที่จะไม่ใช้แถบด้านข้างเลย บทแนะนำนี้เหมาะสำหรับผู้ที่ชื่นชอบการใช้แถบด้านข้างแต่ต้องการทำให้ดูแตกต่างออกไปเล็กน้อย โดยปกติ แถบด้านข้างจะอยู่ในตำแหน่งคงที่ แต่ถ้าเนื้อหาโพสต์ยาว แสดงว่าผู้อ่านจะต้องเลื่อนกลับขึ้นไปเพื่อดูแถบด้านข้าง

ในการออกแบบเทมเพลตโพสต์บล็อกนี้ เราได้สร้างแถบด้านข้างคงที่แบบเต็มความสูงที่ยังคงอยู่ในขณะที่เลื่อนเนื้อหาโพสต์ลง ขณะสร้างบทช่วยสอนใหม่ เปิดแท็บสองแท็บไว้ในเบราว์เซอร์ของคุณ แท็บหนึ่งสำหรับตัวสร้างธีม และอีกแท็บสำหรับตัวอย่างโพสต์บล็อก วิธีนี้ทำให้คุณสามารถเห็นการเปลี่ยนแปลงได้ในขณะเดินทาง

มาเริ่มกันเลย!

ดูตัวอย่าง

ก่อนที่เราจะเริ่ม มาดูที่แถบด้านข้างคงที่แบบเต็มความสูงกันก่อน

เดสก์ทอป

มือถือ

ดาวน์โหลดเทมเพลตแถบด้านข้างแบบเต็มความสูงฟรี

ในการวางมือบนเทมเพลตแถบด้านข้างคงที่แบบเต็มความสูงฟรี ก่อนอื่นคุณต้องดาวน์โหลดโดยใช้ปุ่มด้านล่าง ในการเข้าถึงการดาวน์โหลด คุณจะต้องสมัครรับรายชื่ออีเมล Divi Daily ของเราโดยใช้แบบฟอร์มด้านล่าง ในฐานะสมาชิกใหม่ คุณจะได้รับ Divi goodness และ Divi Layout pack ฟรีทุกวันจันทร์! หากคุณอยู่ในรายชื่อแล้ว เพียงป้อนที่อยู่อีเมลของคุณด้านล่างแล้วคลิกดาวน์โหลด คุณจะไม่ถูก "สมัครใหม่" หรือรับอีเมลเพิ่มเติม

ดาวน์โหลดไฟล์

ดาวน์โหลดฟรี

เข้าร่วมจดหมายข่าว Divi แล้วเราจะส่งอีเมลสำเนาชุดเค้าโครงหน้า Landing Page ของ Divi ที่ดีที่สุดให้คุณ พร้อมแหล่งข้อมูล เคล็ดลับ และลูกเล่นที่น่าตื่นตาตื่นใจและฟรีอีกมากมายของ Divi ทำตามแล้วคุณจะเป็นผู้เชี่ยวชาญ Divi ในเวลาไม่นาน หากคุณสมัครรับข้อมูลแล้ว เพียงพิมพ์ที่อยู่อีเมลของคุณด้านล่างแล้วคลิกดาวน์โหลดเพื่อเข้าถึงชุดเค้าโครง

ดาวน์โหลด

คุณสมัครสำเร็จแล้ว โปรดตรวจสอบที่อยู่อีเมลของคุณเพื่อยืนยันการสมัครของคุณและเข้าถึงชุดเค้าโครง Divi รายสัปดาห์ฟรี!

สร้างวิดเจ็ตแถบด้านข้าง

ก่อนเริ่มต้นใช้งานเทมเพลตแถบด้านข้างแบบเต็มความสูง ให้สร้างวิดเจ็ตแถบด้านข้างแบบกำหนดเอง ต่อไปเราจะรวมสิ่งนี้ไว้ในแถบด้านข้างของเราภายในเทมเพลต

เปิดเครื่องมือสร้างวิดเจ็ต

คลิกที่ 'ลักษณะที่ปรากฏ' และเลือก 'วิดเจ็ต'

เพิ่มองค์ประกอบไปยังวิดเจ็ตแถบด้านข้าง

ลากองค์ประกอบ 'โพสต์ล่าสุด' และ 'หมวดหมู่' ลงในวิดเจ็ตแถบด้านข้าง

ปรับการตั้งค่าองค์ประกอบในวิดเจ็ต

เลือกแสดงเพียง 3 โพสต์ล่าสุดและเพิ่มชื่อ เพิ่มชื่อให้กับวิดเจ็ตหมวดหมู่ด้วย และอย่าลืมคลิก 'บันทึก' บนทั้งสองช่องเมื่อคุณทำเสร็จแล้ว

• กระทู้ล่าสุด: อ่านเพิ่มเติม:
• Categories Title: เรียกดู

2. เริ่มต้นด้วยตัวสร้างธีม

เปิดตัวสร้างธีม / เพิ่มเทมเพลตใหม่

ได้เวลาเริ่มสร้างเทมเพลตแถบด้านข้างความสูงเต็มความสูงใหม่แล้ว! ขั้นแรก เปิดตัวสร้างธีมของคุณและเพิ่มเทมเพลตใหม่

ตั้งค่าการตั้งค่าเทมเพลต

ในการตั้งค่าเทมเพลต ให้เลือก 'โพสต์บล็อกทั้งหมด' หากคุณต้องการใช้เทมเพลตสำหรับหมวดหมู่หรือแท็กเฉพาะ ให้แก้ไขการตั้งค่าเทมเพลตตามนั้น

เพิ่มเนื้อหาที่กำหนดเอง

จากนั้นคลิกที่ 'เพิ่มเนื้อหาที่กำหนดเอง'

เลือก Build Custom Body

เราจะสร้างเทมเพลตนี้ขึ้นใหม่ตั้งแต่ต้น ดังนั้นให้เลือก 'สร้างเนื้อหาแบบกำหนดเอง'

สร้างตั้งแต่เริ่มต้น

เมื่ออยู่ในตัวสร้างภาพแล้ว ให้เลือกตัวเลือกเพื่อสร้างตั้งแต่เริ่มต้นอีกครั้ง

สร้างเทมเพลตใหม่ด้วยแถบด้านข้างคงที่แบบเต็มความสูง

การตั้งค่ามาตรา

พื้นหลัง

เปิดส่วนที่มีอยู่ภายในตัวแก้ไขเทมเพลตของคุณและเพิ่มพื้นหลังแบบไล่ระดับสี

• พื้นหลังไล่โทนสี
  • สี 1: ขาว #ffffff
  • สี 2: เทาอ่อน #eaeaea

ระยะห่าง

เพิ่มเบาะด้วย

• ช่องว่างภายในด้านบน: 55px

เพิ่มแถวใหม่

โครงสร้างคอลัมน์

ตอนนี้เพิ่มแถวที่มีโครงสร้างคอลัมน์ 3/4 - 1/4

ขนาด

ปรับขนาดของแถวดังนี้

• ความกว้างของรางน้ำแบบกำหนดเอง: 2
• ความกว้าง:
  • เดสก์ท็อปและแท็บเล็ต: 90%
  • โทรศัพท์: 100%
• ความกว้างสูงสุด:
  • เดสก์ท็อป: 1920px
• ความสูงขั้นต่ำ: 100vh

คอลัมน์ 1 การตั้งค่า

ระยะห่าง

ก่อนเพิ่มโมดูล ให้ปรับการตั้งค่าคอลัมน์ คอลัมน์ที่ 1 ก่อน

• ช่องว่างภายในซ้ายและขวา
  • แท็บเล็ต: 2%
  • โทรศัพท์: 8%

การตั้งค่าคอลัมน์ 2

พื้นหลัง

จากนั้น เพิ่มสีพื้นหลังให้กับคอลัมน์ 2

• สีพื้นหลัง: ขาว #ffffff

ระยะห่าง

รวมระยะห่างด้วย

• ช่องว่างภายในซ้ายและขวา
  • เดสก์ท็อป: 3%
  • แท็บเล็ตและโทรศัพท์: 14%

ชายแดน

ให้คอลัมน์มุมมนต่อไป

• มุมโค้งมน
  • แท็บเล็ตและเดสก์ท็อป: 15px

CSS ที่กำหนดเอง

ย้ายไปยังแท็บขั้นสูง และเพิ่มบรรทัดโค้ด CSS ลงในองค์ประกอบหลัก ซึ่งจะช่วยให้เราสร้างแถบด้านข้างแบบเต็มความสูงบนเดสก์ท็อปได้

• องค์ประกอบหลัก
  • ความสูงขั้นต่ำ: 100%

min-height: 100%;

ตำแหน่ง

สุดท้ายแต่ไม่ท้ายสุด ในการสร้างเอฟเฟกต์แถบด้านข้างแบบคงที่ ให้เพิ่มตำแหน่งคงที่ลงในคอลัมน์

• ตำแหน่ง
  • เดสก์ท็อป: แก้ไข
  • แท็บเล็ตและโทรศัพท์: Default
• ตำแหน่ง: บนขวา

เพิ่มโมดูลหัวเรื่อง #1

องค์ประกอบ

ได้เวลาเพิ่มโมดูลแล้ว! เริ่มต้นด้วยโมดูลชื่อโพสต์แรกในคอลัมน์ 1 และเปิดใช้งานเฉพาะชื่อเท่านั้น

• แสดงชื่อ: ใช่

ภาพพื้นหลังแบบไดนามิก

จากนั้นไปที่การตั้งค่าพื้นหลังและใช้รูปภาพเด่นเป็นภาพพื้นหลังแบบไดนามิก

ข้อความชื่อเรื่อง

จัดรูปแบบการตั้งค่าข้อความชื่อเรื่อง

• Title Font: ใบจามจุรี
• รูปแบบตัวอักษรของชื่อเรื่อง: ตัวพิมพ์ใหญ่
• สีข้อความชื่อเรื่อง: #e98074
• ขนาดข้อความชื่อเรื่อง:
  • เดสก์ท็อป: 45px
  • แท็บเล็ต: 35px
  • โทรศัพท์: 25px
• ระยะห่างของตัวอักษรชื่อเรื่อง: 3px
• ความสูงของบรรทัดหัวเรื่อง: 1.3em

ระยะห่าง

จากนั้นเพิ่มช่องว่างภายในด้านบนและด้านล่างที่กำหนดเอง

• ช่องว่างภายในด้านบน: 20%
• แผ่นรองด้านล่าง: 20%

ชายแดน

รวมมุมโค้งมนด้วย

• ทุกมุม: 15px

ชื่อเรื่อง CSS

และทำการตั้งค่าโมดูลให้สมบูรณ์โดยเพิ่มโค้ด CSS สามบรรทัดลงในองค์ประกอบชื่อโมดูลในแท็บขั้นสูง

background-color: rgba(255,255,255,0.56);
padding-top: 2%;
padding-bottom: 2%;

เพิ่มโมดูลหัวเรื่อง #2

องค์ประกอบ

ตอนนี้เพิ่มโมดูลชื่อโพสต์อื่น เลือกองค์ประกอบต่อไปนี้

• เมต้า
• ผู้เขียน
• โพสต์หมวดหมู่

Meta Text

เปิดแท็บออกแบบและจัดรูปแบบข้อความเมตา

• แบบอักษร: ใบจามจุรี
• น้ำหนัก: ปานกลาง
• สี: Grey #8e8d8a
• ขนาด
  • เดสก์ท็อป: 20px
  • แท็บเล็ตและโทรศัพท์: 15px
• ระยะห่างระหว่างตัวอักษร: 2px

ขนาด

ปรับขนาดด้วย

• ความกว้าง: 90%
• การจัดตำแหน่งโมดูล: ศูนย์

ระยะห่าง

ตั้งค่าโมดูลนี้ให้สมบูรณ์ด้วยระยะห่างบางส่วน

• ช่องว่างภายในด้านบน: 15px

เพิ่มโมดูลเนื้อหาโพสต์

พื้นหลัง

เพิ่มโมดูลเนื้อหาโพสต์ด้วยพื้นหลังสีขาวถัดไป

• สีพื้นหลัง: ขาว #ffffff

ข้อความ

ตอนนี้ จัดรูปแบบข้อความเนื้อหา

• แบบอักษร: Lato
• สี: Grey #8e8d8a
• ขนาด: 16px

ข้อความหัวเรื่อง

ดำเนินการต่อโดยกำหนดสไตล์ข้อความส่วนหัวทั้งหมด

• H1
  • แบบอักษร: ใบจามจุรี
  • น้ำหนัก: ปานกลาง
  • สี: Coral #e98074
  • ขนาด
    • เดสก์ท็อป: 45px
    • แท็บเล็ต: 33px
    • โทรศัพท์: 30px
  • ระยะห่างระหว่างตัวอักษร: 1px
• H2
  • แบบอักษร: ใบจามจุรี
  • น้ำหนัก: ปานกลาง
  • สี: Coral #e98074
  • ขนาด
    • เดสก์ท็อป: 35px
    • แท็บเล็ตและโทรศัพท์: 25px
  • ระยะห่างระหว่างตัวอักษร: 1px
• H3
  • แบบอักษร: ใบจามจุรี
  • น้ำหนัก: ปกติ
  • สี: Dark Grey #606060
  • ขนาด
    • เดสก์ท็อป: 25px
    • แท็บเล็ตและโทรศัพท์: 22px
  • ระยะห่างระหว่างตัวอักษร: 1px
• H4
  • แบบอักษร: ใบจามจุรี
  • น้ำหนัก: ปกติ
  • สี: Dark Grey #606060
  • ขนาด
    • เดสก์ท็อป: 22px
    • แท็บเล็ต: 20px
    • โทรศัพท์: 18px
  • ระยะห่างระหว่างตัวอักษร: 1px
• H5
  • แบบอักษร: ใบจามจุรี
  • น้ำหนัก: ปานกลาง
  • สี: Dark Grey #606060
  • ขนาด: 16px
  • ระยะห่างระหว่างตัวอักษร: 1px
• H6
  • แบบอักษร: ใบจามจุรี
  • น้ำหนัก: ปกติ
  • สี: Dark Grey #606060
  • ขนาด: 16px
  • ระยะห่างระหว่างตัวอักษร: 1px

ระยะห่าง

เพิ่มการตั้งค่าการเว้นวรรคด้วย

• ขอบบน: 40px
• ช่องว่างภายในด้านบน: 10%
• แผ่นรองด้านล่าง: 10%
• ช่องว่างภายในด้านซ้าย: 10%
• ช่องว่างภายในด้านขวา: 10%

ชายแดน

สุดท้ายแต่ไม่ท้ายสุด เพิ่มมุมโค้งมน

• ขอบโค้งมน: 15px

เพิ่มความคิดเห็นโมดูล

องค์ประกอบ

เพื่อให้คอลัมน์แรกสมบูรณ์ ให้เพิ่มโมดูลความคิดเห็น เปิดใช้งานองค์ประกอบต่อไปนี้:

• ปุ่มตอบกลับ
• จำนวนความคิดเห็น

ทุ่งนา

ในแท็บออกแบบ กำหนดสไตล์ฟิลด์

• สีพื้นหลัง: เทาอ่อน #f7f7f7
• สีข้อความ: เทา #8e8d8a
• แบบอักษร: ใบจามจุรี
• ขนาดตัวอักษร: 17px
• มุมโค้งมน: 15px

ข้อความนับความคิดเห็น

จัดรูปแบบข้อความการนับความคิดเห็นด้วย

• ระดับหัวเรื่อง: H3
• แบบอักษร: ใบจามจุรี
• สี: Coral #e98074
• ขนาด: 22px
• ระยะห่างระหว่างตัวอักษร: 1px

แบบฟอร์มชื่อเรื่องข้อความ

จากนั้นชื่อแบบฟอร์ม

• ระดับหัวเรื่อง: H3
• แบบอักษร: ใบจามจุรี
• สี: Coral #e98074
• ขนาด: 18px
• ระยะห่างระหว่างตัวอักษร: 1px

Meta Text

จัดรูปแบบข้อความเมตาด้วย

• แบบอักษร: ใบจามจุรี
• สี: #606060
• ขนาด: 14px
• ระยะห่างระหว่างตัวอักษร: 1px

ข้อความแสดงความคิดเห็น

อย่าลืมข้อความแสดงความคิดเห็น

• แบบอักษร: ใบจามจุรี
• ขนาด: 1px

ปุ่ม

ตอนนี้จัดรูปแบบปุ่ม

• สไตล์ที่กำหนดเอง
• ขนาดตัวอักษร: 18px
• สีข้อความ: ขาว #ffffff
• สีพื้นหลัง: Coral #e98074
• รัศมีเส้นขอบของปุ่ม: 15px
• ฟอนต์ปุ่ม ใบจามจุรี

ขนาด

ปรับขนาดแถวด้วย

• ความกว้าง: 90%

ระยะห่าง

เช่นเดียวกับการตั้งค่าระยะห่าง

• ช่องว่างภายในด้านบน: 8%
• ช่องว่างภายในซ้ายและขวา: 4%

เพิ่มโมดูลบุคคล

ข้อความ

ย้ายไปยังคอลัมน์แถบด้านข้างคงที่และเพิ่มโมดูลบุคคล

• ชื่อ: Dynamic Post Author
• ก่อน: เขียนโดย:

ข้อความชื่อเรื่อง

ในแท็บออกแบบ กำหนดสไตล์ข้อความหัวเรื่องดังนี้:

• ระดับหัวเรื่อง: H4
• แบบอักษร: ใบจามจุรี
• สี: Coral #e98074
• ขนาด: 2vh
• ระยะห่างระหว่างตัวอักษร: 2px

ขนาด

ปรับขนาดต่อไป

• ความสูงขั้นต่ำ:
  • เดสก์ท็อป: 3vh
  • แท็บเล็ตและโทรศัพท์: auto
• ความสูงสูงสุด:
  • เดสก์ท็อป: 3vh
  • แท็บเล็ตและโทรศัพท์: auto

ระยะห่าง

เพิ่มระยะห่างที่กำหนดเองด้วย

• มาร์จิ้นสูงสุด
  • เดสก์ท็อป: 6vh
  • แท็บเล็ตและโทรศัพท์: 10vh

เพิ่มโมดูลรูปภาพ

ภาพ

ตอนนี้ เพิ่มโมดูลรูปภาพ เลือกเนื้อหาแบบไดนามิกสำหรับรูปภาพของผู้เขียน

• รูปภาพ: รูปภาพโปรไฟล์ผู้แต่งแบบไดนามิก

การจัดตำแหน่ง

ย้ายไปที่แท็บออกแบบแล้วเลือกการจัดแนวต่อไปนี้:

• การจัดตำแหน่งภาพ: ซ้าย

ขนาด

ปรับขนาดของโมดูลต่อไป

• ความกว้างสูงสุด: 15vh
• การจัดตำแหน่งโมดูล: ซ้าย
• ความสูงสูงสุด
  • เดสก์ท็อป: 15vh

ชายแดน

สุดท้าย เพิ่มมุมโค้งมนให้กับการตั้งค่าเส้นขอบ

• มุมกลม: 15px

เพิ่มโมดูลแถบด้านข้าง

เนื้อหา

ตอนนี้ได้เวลาเพิ่มวิดเจ็ตแถบด้านข้างโดยใช้โมดูลแถบด้านข้าง

• พื้นที่วิดเจ็ต: แถบด้านข้าง

เค้าโครง

ปรับเค้าโครงก่อน

• แสดงตัวคั่นชายแดน: ไม่

ข้อความชื่อเรื่อง

แก้ไขการตั้งค่าข้อความชื่อเรื่องถัดไป

• แบบอักษร: ใบจามจุรี
• น้ำหนัก: ปานกลาง
• สี: Coral #e98074
• ขนาด: 2vh
• ระยะห่างระหว่างตัวอักษร: 2px

เนื้อความ

ต่อด้วยเนื้อความ

• แบบอักษร: ใบจามจุรี
• น้ำหนัก: เบา
• สี: Dark Grey #7f7f7f
• โฮเวอร์สี: Coral #e98074
• ขนาด: 1.5vh
• ระยะห่างระหว่างตัวอักษร: 1px
• ความสูงของสาย: 1.8em

ขนาด

ปรับขนาดของโมดูลด้วย

• ความสูงขั้นต่ำ
  • เดสก์ท็อป: 12vh
  • แท็บเล็ตและโทรศัพท์: auto
• ความสูงสูงสุด
  • เดสก์ท็อป: 12vh
  • แท็บเล็ตและโทรศัพท์: auto

ระยะห่าง

อย่าลืมเพิ่มระยะห่าง

• แผ่นรองด้านบน
  • เดสก์ท็อป: 1vh
  • แท็บเล็ตและโทรศัพท์: 3vh

CSS ที่กำหนดเอง

สุดท้ายแต่ไม่ท้ายสุด รวมโค้ด CSS บางบรรทัดในแท็บขั้นสูง

• วิดเจ็ต: padding-bottom: 0vh;

padding-bottom: 0vh;

• หัวข้อ: padding-bottom: 2vh;

padding-bottom: 2vh;

เพิ่มอีเมล Optin

ข้อความ

โมดูลถัดไปที่เราต้องการในแถบด้านข้างของเราคือโมดูลการเลือกอีเมล เพิ่มเนื้อหาบางส่วนที่คุณเลือก

• ชื่อเรื่อง: Updates
• ปุ่ม: สมัครสมาชิก

บัญชีอีเมล์

เชื่อมต่ออีเมลของคุณกับแบบฟอร์มถัดไป

• ผู้ให้บริการ: ผู้ให้บริการอีเมลของคุณ
• รายการ: รายการที่คุณเลือก

ทุ่งนา

เราใช้เฉพาะฟิลด์ชื่อในการตั้งค่าฟิลด์

• แสดงชื่อสนาม

พื้นหลัง

จากนั้นปิดพื้นหลังเริ่มต้น

• ใช้สีพื้นหลัง: ไม่

เค้าโครง

ไปที่แท็บออกแบบและแก้ไขการตั้งค่าเค้าโครง

• เลย์เอาต์: ร่างกายอยู่ด้านบน แบบฟอร์มอยู่ด้านล่าง
• ชื่อ เต็มความกว้าง: ไม่
• อีเมลแบบเต็มความกว้าง: ไม่

ทุ่งนา

จากนั้น จัดรูปแบบฟิลด์ดังนี้:

• สีพื้นหลัง: เทาอ่อน #f7f7f7
• สีข้อความ: #606060
• ช่องว่างภายในด้านบนและด้านล่าง: 1vh
• ช่องว่างภายในด้านซ้าย: 1vh
• แบบอักษร: ใบจามจุรี
• ขนาดตัวอักษร: 1.5vh
• ระยะห่างระหว่างตัวอักษร: 1px
• มุมโค้งมน: 15px

ข้อความชื่อเรื่อง

จัดรูปแบบข้อความชื่อเรื่องด้วย

• ระดับหัวเรื่อง: H4
• แบบอักษร: ใบจามจุรี
• สี: Coral #e98074
• ขนาด: 2vh
• ระยะห่างระหว่างตัวอักษร: 2px
• ความสูงของสาย: 1em

ปุ่ม

จากนั้นปุ่ม

• สไตล์ที่กำหนดเอง
• ขนาดตัวอักษร: 1.5vh
• สีข้อความ: ขาว #ffffff
• สีพื้นหลัง: Coral #e98074
• รัศมีเส้นขอบ: 15px
• ระยะห่างระหว่างตัวอักษร: 2px
• แบบอักษร: ใบจามจุรี
• ช่องว่างภายในด้านบนและด้านล่าง: 1vh

ระยะห่าง

และทำการตั้งค่าโมดูลและบทช่วยสอนให้สมบูรณ์โดยเพิ่มค่าระยะห่างที่กำหนดเองลงในโมดูล แค่นั้นแหละ! ตรวจสอบให้แน่ใจว่าคุณได้บันทึกการเปลี่ยนแปลงของตัวสร้างธีมทั้งหมดเมื่อคุณสร้างเนื้อหาเทมเพลตเสร็จแล้ว

• แผ่นรองด้านบน
  • เดสก์ท็อปและแท็บเล็ต: 0vh
• แผ่นรองด้านล่าง
  • เดสก์ท็อป: 2vh
  • แท็บเล็ตและโทรศัพท์: 6vh
• ช่องว่างภายในซ้ายและขวา
  • เดสก์ท็อปและแท็บเล็ต: 0vh

ดูตัวอย่าง

เมื่อเราได้ทำตามขั้นตอนทั้งหมดแล้ว มาดูผลลัพธ์ในขั้นสุดท้ายในหน้าจอขนาดต่างๆ

เดสก์ทอป

มือถือ

นั่นคือห่อ!

เราได้สร้างแถบด้านข้างแบบเต็มความสูงขึ้นใหม่สำหรับเทมเพลตโพสต์บล็อกของคุณแล้ว หากคุณดาวน์โหลดเทมเพลตจากลิงก์ด้านบน อย่าลืมตั้งค่าวิดเจ็ตแถบด้านข้างของคุณดังที่แสดงไว้ในส่วนแรกของบทช่วยสอนนี้

คุณเป็นแถบด้านข้างหรือไม่มีแถบด้านข้างหรือไม่? แจ้งให้เราทราบในความคิดเห็นหากคุณมีความคิดหรือคำถาม!