ส่วนรายการรูปภาพ

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

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

ในบทความนี้:

1. รายการรูปภาพคืออะไร
2. การเพิ่มส่วนรายการรูปภาพลงในเพจ
3. เพิ่มและแก้ไขรายการ
4. การจัดลำดับรายการ
5. การลบรายการ
6. การเปลี่ยนเค้าโครงของส่วน
7. ตัวเลือกสไตล์
8. สไตล์ม้าหมุน
9. ตัวอย่างสด

รายการรูปภาพ

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

เพิ่มส่วนรายการรูปภาพ

• สามารถเพิ่มส่วนลงในเพจได้ คุณสามารถเพิ่มส่วนลงในเพจที่มีอยู่แล้วหรือ สร้างเพจใหม่ ภายในเว็บไซต์ของคุณ
• บนหน้าของคุณ, คลิกที่ สีน้ำเงิน + ไอคอน เพื่อเพิ่ม ส่วนใหม่ ไปที่หน้าของคุณ

• ตอนนี้คุณจะเห็น หมวดหมู่ส่วน ด้านซ้าย
• เลือก รายการ (1) หมวดหมู่และคลิกที่ รายการรูปภาพ แท็บ (2) ที่คุณสามารถเลือกได้ เค้าโครงที่แตกต่างกัน ของรายการรูปภาพ (3)

• เลือกเค้าโครงส่วนใดก็ได้แล้วคลิกเพื่อเพิ่มลงในเพจของคุณ

เพิ่มและแก้ไขรายการ

เพิ่มรายการ

เมื่อคุณเพิ่มส่วนนี้แล้ว:

• คลิกที่ แก้ไขรายการรูปภาพ (1) ปุ่มเพื่อเปิดแผงรายการ

• คลิกที่ เพิ่มรายการ (2) ปุ่มเพื่อเพิ่มรายการใหม่
• คุณสามารถเลือกที่จะ Dทำซ้ำหรือลบ (3) รายการ

แก้ไขรายการ

คลิกที่รายการที่คุณต้องการแก้ไข มันจะเปิดตัวเลือกการแก้ไขรายการเฉพาะ

จากที่นี่ คุณสามารถ:

• อัปโหลด / ลบรูปภาพ (1) สำหรับรายการ คุณยังสามารถตั้งค่า ภาพเน้นสี จากที่นี่ซึ่งจะแสดงเมื่อโฮเวอร์รูปภาพ
• เพิ่ม ชื่อหนังสือ (2),คำบรรยาย (3)และคำอธิบาย (4) ของรายการ
• คุณอาจไม่พบตัวเลือกของคำบรรยายและคำอธิบายในรายการเฉพาะ ทั้งนี้ขึ้นอยู่กับเค้าโครงที่คุณเลือก
  ก่อนเพิ่มคำอธิบาย ให้ตรวจสอบ นี้ บทความ

• คลิกที่ไอคอนตัวสร้างลิงก์ของ ลิงค์ชื่อเรื่อง (5) เพื่อเปิดตัวสร้างลิงก์เพื่อเชื่อมโยงชื่อรายการไปยังหน้าใดก็ได้ รู้มากกว่านั้น เกี่ยวกับ ตัวสร้างลิงค์.
• กำหนดให้ลิงค์เปิดใน แท็บใหม่หรือในแท็บเดิม (6)
• ใส่แบบไหนก็ได้ ลิงค์ (7) ไปยังรายการ คุณสามารถเพิ่มปุ่ม/ลิงก์รูปภาพ/ไอคอนโซเชียล/ลิงก์ข้อความ อ่านเพิ่ม.
• ลด (8) การเปลี่ยนแปลงของคุณ

ดูการดำเนินการแก้ไขรายการรูปภาพ:

ลำดับรายการ

• คุณสามารถลากและวางรายการเพื่อเปลี่ยนลำดับได้อย่างง่ายดาย

ดูการจัดลำดับการทำงานของรายการรูปภาพ: 

ลบรายการ

เมื่อคุณเพิ่มรายการแล้ว คุณสามารถแก้ไขและลบได้

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

ดูการดำเนินการลบรายการรูปภาพ: 

เค้าโครงส่วน

• คลิกที่ จัดการรายการรูปภาพ (1) ปุ่ม
• เลือก แบบ (2) แท็บ
• เลือก (3) เค้าโครงสำหรับส่วนของคุณและ ลด (4) การเปลี่ยนแปลง

จัดรูปแบบส่วนของคุณ

• คลิกที่ จัดการรายการรูปภาพ (1) ปุ่ม
• เลือก สไตล์ (2) แถบ
• เปลี่ยนสไตล์สำหรับองค์ประกอบส่วนและ บันทึก (3) การเปลี่ยนแปลงของคุณ

คุณจะมีตัวเลือกสไตล์มากมายสำหรับส่วนนี้: 

รายการ 

1. เลือกที่จะ แสดงรายการ in แถวและคอลัมน์ or ม้าหมุน 
   • หากคุณเลือกไฟล์ แถวและคอลัมน์ ตัวเลือก รายการจะถูกจัดเรียงเป็นแถวและคอลัมน์ ในกรณีนี้ คุณต้องระบุจำนวนแถวและคอลัมน์
   • หากคุณเลือกไฟล์ ม้าหมุน ตัวเลือก รายการจะถูกนำเสนอเป็นสไลด์โชว์ รู้มากกว่านั้น.
2. ตั้ง จำนวนคอลัมน์ สำหรับรายการรูปภาพ คุณสามารถเลือกได้ตั้งแต่ 1 ถึง 10 คอลัมน์
3. ระบุ ช่องว่างระหว่างคอลัมน์ ของรายการ
4. ระบุ ช่องว่างระหว่างแถว ของรายการ
5. เลือก ลำดับเนื้อหา คือรูปภาพของรายการที่จะแสดงก่อนหรือข้อความที่เกี่ยวข้อง
6. เป็นเส้นตรง เนื้อหาในแนวนอน ในรายการรูปภาพ คุณสามารถตั้งค่าให้ชิดซ้าย ขวา หรือกึ่งกลาง
7. เป็นเส้นตรง เนื้อหาในแนวตั้ง ในรายการรูปภาพ คุณสามารถตั้งค่าให้จัดชิดด้านบน ตรงกลาง และด้านล่างได้

หากเลือกตัวเลือกแบบหมุนในขั้นตอนที่ 1 คุณจะเห็นตัวเลือกเพิ่มเติมต่อไปนี้:

8. เลือกที่จะ วนรอบม้าหมุน หรือไม่
9. ในกรณีของม้าหมุน ให้เลือก การควบคุมการนำทาง. คุณสามารถเลือกระหว่างไม่มีการควบคุม ลูกศร – กึ่งกลางล่าง/ขวาบน/ขวาล่าง เชฟรอน หรือจุด

จอแสดงผลมือถือ

10. กำหนดจำนวน คอลัมน์กริด สำหรับอุปกรณ์เคลื่อนที่ คุณสามารถตั้งค่าได้สูงสุด 3 คอลัมน์
11. กำหนด การเว้นวรรค ระหว่างกริด (เป็นพิกเซล)

ภาพ 

12. เลือก Iครอบตัดผู้วิเศษ สำหรับรายการ. คุณสามารถตั้งค่ารูปภาพเป็นสี่เหลี่ยม วงกลม แนวนอน แนวตั้ง และต้นฉบับได้
13. เลือกให้มีรัศมีมุมร่วมกันหรือรัศมีมุมที่แตกต่างกันสำหรับแต่ละด้านของรายการ และตั้งค่าตัวเลข (เป็น px) สำหรับ Cรัศมีมุม ของภาพรายการ รู้มากกว่านั้น.

• ในกรณีที่คุณเลือกมุมแยก คุณสามารถกำหนดรัศมีมุมที่แตกต่างกันสำหรับแต่ละมุมได้

เมื่อโฮเวอร์รูปภาพ 

14. เลือก ภาพโฮเวอร์สี ที่จะเป็น เน้นสี หรือจะเป็น ที่ระบุไว้. หากคุณเลือก เน้นสีจากนั้นระบุไฟล์ ความทึบแสง.
15. หากคุณเลือกไฟล์ ระบุสี ตัวเลือกจากนั้นตั้งค่า สีโฮเวอร์ฐานและความทึบ สำหรับรายการ
16. ตั้ง องค์ประกอบ สีสำหรับรายการของส่วน
17. เลือกที่จะ ทำให้รูปภาพรายการเคลื่อนไหว เมื่อวางเมาส์เหนือโดยคลิกที่ใช่ ตรวจสอบคุณสมบัตินี้ในหน้าสด.
18. เลือก สไตล์แอนิเมชั่น สำหรับรูปภาพเมื่อวางเคอร์เซอร์ไว้เหนือรูปภาพ

ขนาดและพื้นที่ 

19. ระบุ ความกว้างของภาพ สำหรับรายการ.
20. ระบุ ความกว้างของเนื้อหา สำหรับรายการ
21. ระบุ เว้นวรรคใต้หัวเรื่อง ในพิกเซล
22. ระบุ ช่องว่างใต้ภาพ ของรายการ (เป็น %)
23. ระบุ ช่องว่างด้านล่างชื่อเรื่อง ของรายการ (เป็น %)
24. ระบุ เว้นวรรคใต้คำบรรยาย ของรายการ (เป็น %)

ข้อความ 

25. คลิกที่ เปลี่ยนรูปแบบข้อความ ปุ่มเพื่อเยี่ยมชม ออกแบบ ส่วนและ จัดการขนาดและรูปแบบตัวอักษรของคุณ 
26. ตั้ง ชื่อหนังสือ รูปแบบตัวอักษรสำหรับรายการของส่วน
27. ตั้ง หัวเรื่องย่อย รูปแบบตัวอักษรสำหรับรายการของส่วน
28. ตั้งค่าเริ่มต้น รายละเอียด รูปแบบตัวอักษรสำหรับรายการของส่วน

การ์ด 

29. มาดูกันว่า เพื่อจัดการการ์ด

เงา

30. แสดง – เลือกให้แสดงเงาด้านหลังรายการเสมอหรือเมื่อโฮเวอร์เท่านั้น
31. สไตล์ – เลือกจากค่าที่ตั้งไว้ล่วงหน้าที่มีอยู่หรือสร้างเงาแบบกำหนดเอง
    ในกรณีที่คุณเลือกตัวเลือกกำหนดเอง ให้ไปที่สิ่งนี้ กล่องสร้างเงา เพื่อสร้างเงาแบบกำหนดเอง สุดท้าย คัดลอกและวาง กล่องเงา CSS.
32. ในกรณีที่คุณได้เลือกตัวเลือกที่ตั้งไว้ล่วงหน้าแล้ว เลือกสไตล์เงา จากเมนูแบบเลื่อนลง

ปุ่ม & ลิงค์

33. มาดูกันว่า เพื่อจัดการสไตล์ของ ปุ่มและลิงค์
34. ลด การเปลี่ยนแปลงสไตล์ทั้งหมด

สไตล์ม้าหมุน

รูปแบบ Carousel จะแสดงรายการเป็นสไลด์โชว์ กล่าวคือ รายการจะวนตามกัน

ดูวิธีการทำงานของรูปแบบวงล้อ: 

นี่คือรายการรูปภาพสด: 

ดูไซต์สาธิตสด 

ดูการทำงานของรัศมีมุม: 

บทความที่เกี่ยวข้อง:

• ประเภทของส่วน
• เพิ่มตัวเว้นวรรค / ตัวแบ่งระหว่างส่วนต่างๆ
• สร้างเว็บไซต์ของคุณ