วิธีการสร้าง Block และ วิธีการนำไปใช้
โพสต์แล้ว: 09/07/2015 6:56 pm
บทความนี้จะเป็นการอธิบาย การใช้งาน พื้นฐาน
1. ไปที่ CMS -> Static Blocks
แล้วคลิกที่ Add New Blocks เพื่อสร้าง Block ใหม่
2. เมื่อเข้ามาจะพบกับการสร้าง Block
Block title : ชื่อของ Block
Identifier : ...
Store Views : เลือกการแสดงผล Block นี้ใน Store views ไหน
Status : สถานะของ Block นี้
Content : เนื้อหาที่จะแสดงของ Block
จากตัวอย่าง ผมทำการพิมพ์ คำว่า TEST และเพิ่มรูปภาพ ลงไป (เพิ่มรูปภาพโดยทำการคลิกทีลูกศรสีแดง)
เสร็จแล้วกด Save Blocks
3. แล้วไปที่ CMS -> Page
ผมจะยกตัวอย่าง เพิ่ม Block ในหน้า Home Page นะครับ เมื่อคลิกเข้ามาที่ page home page แล้ว ไปที่ Content
แล้วคลิกตามลูกศร สีเขียวเพื่อเพิ่ม Static blocks
4. จะพบกับ pop up ดังภาพ
ตรง Widget Type ให้เลือกเป็น CMS Static Blocks
ตรง Template ให้เลือกเป็น CMS Static blocks Default template
แล้วคลิกทีปุ่ม Select Block
แล้วทำการเลือก Block TEST ที่เราสร้าง แล้วคลิกที่ Insert Widget ที่ด้านบนขวา
5. จากนั้นจะเห็น icon CMS Block เพิ่มขึ้นมา (ถ้าเราต้องการแก้ไขให้ ดับเบิ้ลคลิกที่ icon นี้) แล้วกด Save Page
แล้ว Clear cache ด้วย
6. จากนั้นไปดู ผลลัทธ์ ที่หน้า Home page
จะได้ผลลัทธ์ตามภาพ ตามกรอบสีแดงง
เสร็จสิ้นวิธีการเพิ่มและใช้งาน Block ละครับ
1. ไปที่ CMS -> Static Blocks
- 2015-07-09_18-24-43.jpg (23.06 KiB) Viewed 1757 times
2. เมื่อเข้ามาจะพบกับการสร้าง Block
- 2015-07-09_18-33-04.jpg (82.72 KiB) Viewed 1757 times
Identifier : ...
Store Views : เลือกการแสดงผล Block นี้ใน Store views ไหน
Status : สถานะของ Block นี้
Content : เนื้อหาที่จะแสดงของ Block
จากตัวอย่าง ผมทำการพิมพ์ คำว่า TEST และเพิ่มรูปภาพ ลงไป (เพิ่มรูปภาพโดยทำการคลิกทีลูกศรสีแดง)
เสร็จแล้วกด Save Blocks
3. แล้วไปที่ CMS -> Page
ผมจะยกตัวอย่าง เพิ่ม Block ในหน้า Home Page นะครับ เมื่อคลิกเข้ามาที่ page home page แล้ว ไปที่ Content
- 2015-07-09_18-38-17.jpg (62.73 KiB) Viewed 1757 times
4. จะพบกับ pop up ดังภาพ
- 2015-07-09_18-41-19.jpg (48.87 KiB) Viewed 1757 times
ตรง Template ให้เลือกเป็น CMS Static blocks Default template
แล้วคลิกทีปุ่ม Select Block
- 2015-07-09_18-45-30.jpg (51.14 KiB) Viewed 1757 times
5. จากนั้นจะเห็น icon CMS Block เพิ่มขึ้นมา (ถ้าเราต้องการแก้ไขให้ ดับเบิ้ลคลิกที่ icon นี้) แล้วกด Save Page
- 2015-07-09_18-46-58.jpg (30.11 KiB) Viewed 1757 times
6. จากนั้นไปดู ผลลัทธ์ ที่หน้า Home page
จะได้ผลลัทธ์ตามภาพ ตามกรอบสีแดงง
- 2015-07-09_18-50-12.jpg (70.56 KiB) Viewed 1757 times
เสร็จสิ้นวิธีการเพิ่มและใช้งาน Block ละครับ