ในขณะที่เพิ่มหรือแก้ไขหน้าเพจแบบขั้นสูงด้วยการใช้เครื่องมือสร้างร้านค้า คุณสามารถเพิ่มวิดเจ็ตบล็อกเพื่อแสดงบทความบล็อกของคุณบนหน้าเพจขั้นสูงได้ คุณยังสามารถปรับอัตราส่วนขนาดรูปภาพและตัวหนังสือของบล็อกได้บนหน้าเพจขั้นสูง, เพิ่มปุ่ม “อ่านเพิ่มเติม”, และอื่นๆ เพื่อเพิ่มการเข้าถึงบล็อกและกระตุ้นยอดการเข้าชมเว็บไซต์ของคุณ
⚠️ ก่อนเริ่มต้น:
- ปัจจุบันเครื่องมือสร้างร้านค้าแบบใหม่รองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
- หลังจากสร้างเพจด้วยเครื่องมือสร้างร้านค้าแบบใหม่ หน้าเพจนั้นจะยังสามารถแสดงได้อยู่แม้ว่าเปลี่ยนไปใช้เทมเพลตธีมอื่นก็ตาม แต่จะไม่สามารถแก้ไขได้และโครงสร้างอาจจะยุ่งเหยิง กรุณาเข้าใจในจุดนี้ก่อนทำการเผยแพร่หน้าเพจ
ในบทความ คุณจะได้เรียนรู้วิธีการ
1. เพิ่มวิดเจ็ตบล็อก
ขั้นตอนที่ 1
ไปที่หน้า SHOPLINE แอดมิน > [การออกแบบร้านค้าออนไลน์] > [หน้า] ตากนั้นเลือกหน้าเพจขั้นสูงที่คุณต้องการเพิ่มวิดเจ็ตบล็อก และคลิกหน้าเพจแบบขั้นสูง/แก้ไข เพื่อเปิดหน้าการตั้งค่าหน้าเพจแบบขั้นสูง
กรุณาดูที่บทความนี้เพื่อเรียนรู้วิธีการสร้างหน้าเพจแบบขั้นสูง
ขั้นตอนที่ 2
คลิกที่ปุ่มวิดเจ็ต
ขั้นตอนที่ 3
คลิกที่บล็อกซึ่งอยู่ภายใต้วิดเจ็ต “เนื้อหา”
ขั้นตอนที่ 4
คลิกที่เมนูแบบเลื่อนลง “จำนวน” ทางด้านซ้ายมือของคอลัมน์เพื่อเลือกจำนวนของบล็อกที่คุณต้องการแสดง
กรุณาอ้างอิงไปยังบทความนี้เพื่อนเรียนรู้วิธีการสร้างบล็อกโพสต์
*หมายเหตุ: ค่าพื้นฐานจะบล็อกโพสต์จะเรียงตามบล็อกที่สร้างล่าสุดเป็นค่าเริ่มต้น โดยการเรียงแบบอื่นจะยังไม่รองรับในขณะนี้
ขั้นตอนที่ 5
คุณสามารถตั้งชื่อของวิดเจ็ตบล็อกได้ในช่อง “ชื่อ” โดยชื่อจะปรากฏในจุดที่ลูกศรชี้ในรูป กดที่ปุ่ม “การจัดตำแหน่งชื่อ” ด้านล่างเพื่อปรับตำแหน่งของชื่อตามต้องการ
ขั้นตอนที่ 6
กดที่เมนูแบบเลื่อนลง “สไตล์” เพื่อปรับสไตล์การแสดงบล็อกโพสต์ของการคุณ ซึ่งมี 2 รูปแบบให้เลือก: แสดงในแนวนอนและแสดงในแนวตั้ง
- แสดงในแนวนอน
-
- เวอร์ชั่นคอมพิวเตอร์: แสดงจากซ้ายไปขวาโดยเรียงจากบล็อกที่สร้างล่าสุด วิดเจ็ตจะแสดงในรูปแบบเลือกได้หากมีมากกว่า 4 บล็อกโพสต์
- เวอร์ชั่นมือถือ: เนื่องด้วยข้อจำกัดของโครงสร้าง บล็อกโพสต์จะแสดงแบบ 1 ต่อ 1 เรียงจากบล็อกที่สร้างล่าสุด และแสดงในรูปแบบเลื่อนได้
- แสดงในแนวตั้ง
- เวอร์ชั่นคอมพิวเตอร์: เรียงจากบนลงล่างตามบทความที่สร้างล่าสุด
- เวอร์ชั่นมือถือ: เนื่องด้วยข้อจำกัดของโครงสร้าง บล็อกโพสต์จะแสดง 1 บล็อกต่อแถว เรียงตามลำดับการสร้างบทความ และจะแสดงในรูปแบบที่เลื่อนได้
ขั้นตอนที่ 7
การตั้งค่าขนาดรูปภาพสามารถทำได้ทั้งสำหรับเวอร์ชั่นคอมพิวเตอร์และมือถือ คุณสามารถปรับแต่งสัดส่วนการแสดงรูปภาพของบล็อกโพสต์ได้
ขั้นตอนที่ 8
คุณสามารถปรับการจัดวางชื่อบล็อก, คำอธิบาย, และปุ่มได้
*หมายเหตุ: การตั้งค่านี้จะไม่เปลี่ยนการจัดวางรูปภาพของบล็อก
ขั้นตอนที่ 9
เปิดใช้งานฟีเจอร์ “แสดงปุ่มโพสต์” เพื่อแสดงปุ่ม “อ่านเพิ่ม” ที่ด้านล่างของแต่ละบล็อกโพสต์ ลูกค้าสามารถคลิกที่ปุ่มนี้เพื่อเข้าไปดูโพสต์เต็มได้
เปิดใช้งานฟีเจอร์ “แสดงปุ่มบล็อก” เพื่อแสดงปุ่ม “ดูทั้งหมด” ที่ด้านล่างของวิดเจ็ตบล็อก ลูกค้าสามารถคลิกที่ปุ่มนี้เพื่อเข้าไปยังหน้าบล็อกและดูบทความทั้งหมดที่คุณเผยแพร่ได้
ขั้นตอนที่ 10
หากคุณแสดงมากกว่า 4 บล็อกโพสต์ คุณสามารถปรับแต่งรูปแบบของแถบเลื่อนสำหรับบล็อกโพสต์แบบเลื่อนได้ โดยมีทั้งหมด 3 รูปแบบให้เลือก: “ปุ่ม”, “จุด”, และ “แถบเลื่อน”
- รูปแบบแถบเลื่อน: ปุ่ม
- รูปแบบแถบเลื่อน: จุด
- รูปแบบแถบเลื่อน: แถบเลื่อน
ขั้นตอนที่ 11
ใช้ตัวปรับช่องว่างด้านในของวิดเจ็ตเพื่อปรับแต่งพื้นที่ระหว่างวิดเจ็ตบนหน้าเพจขั้นสูง
ขั้นตอนที่ 12
หลังจากปรับแต่งทั้งหมดตามด้านบนแล้ว กรุณาคลิกที่ปุ่มเผยแพร่ด้านบนขวา เพื่อให้ลูกค้าสามารถดูหน้าเพจใหม่นี้ได้ที่หน้าร้านค้า
2. หมายเหตุ
- หากคุณต้องการผลลัพธ์ของฟีเจอร์ที่คุณเลือกบนหน้าตัวอย่างทางด้านขวามือ กรุณาคลิกปุ่มบันทึกใต้คอลัมน์ที่คุณกำลังปรับแต่งก่อน
- สามารถแสดงบล็อกโพสต์ได้สูงสุด 12 บล็อก

ข้อคิดเห็น