วิธีใช้ตัวเลือกตำแหน่งของ Divi เพื่อสร้างการรวมกลุ่มรูปภาพ

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

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

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

แอบมอง

ต่อไปนี้คือภาพรวมคร่าวๆ เกี่ยวกับการออกแบบที่เราจะสร้างในบทช่วยสอนนี้

การออกแบบชุดรูปภาพ #1

เริ่มออกแบบอาคาร #1

การออกแบบชุดรูปภาพ #2

เริ่มออกแบบอาคาร #2

การออกแบบชุดรูปภาพ #3

เริ่มออกแบบอาคาร #3

ดาวน์โหลดเค้าโครงฟรี

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

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

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

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

ดาวน์โหลด

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

ในการนำเข้าเค้าโครงส่วนไปยังไลบรารี Divi ของคุณ ให้ไปที่ Divi Library

คลิกปุ่มนำเข้า

ในป๊อปอัปการพกพา ให้เลือกแท็บนำเข้าและเลือกไฟล์ดาวน์โหลดจากคอมพิวเตอร์ของคุณ

จากนั้นคลิกปุ่มนำเข้า

เมื่อเสร็จแล้ว เค้าโครงส่วนจะพร้อมใช้งานใน Divi Builder

ไปกวดวิชากันเถอะ

สิ่งที่คุณต้องการเพื่อเริ่มต้น

ในการเริ่มต้น คุณจะต้องทำสิ่งต่อไปนี้:

1. หากคุณยังไม่ได้ติดตั้ง ให้ติดตั้งและเปิดใช้งานธีม Divi
2. สร้างหน้าใหม่ใน WordPress และใช้ Divi Builder เพื่อแก้ไขหน้าในส่วนหน้า (ตัวสร้างภาพ)
3. เลือกตัวเลือก "สร้างตั้งแต่เริ่มต้น"

หลังจากนั้น คุณจะมีผืนผ้าใบเปล่าเพื่อเริ่มออกแบบใน Divi

การออกแบบชุดรูปภาพ #1

สำหรับการออกแบบชุดรูปภาพแรกนี้ เราจะจัดตำแหน่งรูปภาพสองภาพ (หมุนเล็กน้อย) ที่แต่ละด้านของรูปภาพตรงกลาง

เริ่มต้นด้วยการเพิ่มแถวหนึ่งคอลัมน์ในส่วนปกติ

เพิ่มภาพกลาง

ภายในคอลัมน์ เพิ่มโมดูลรูปภาพ

จากนั้นอัปโหลดรูปภาพไปยังโมดูล

สำหรับภาพเหล่านี้ เราจะใช้ภาพหน้าจอจาก Fitness Coach Layout Pack แต่ละรายการควรมีขนาด 880px x 1200px

เปิดการตั้งค่ารูปภาพและอัปเดตสิ่งต่อไปนี้:

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

เพิ่มเงาของกล่องดังนี้:

• กล่องเงา: ดูภาพหน้าจอ
• ตำแหน่งแนวตั้งเงาของกล่อง: 0px
• ความชัดเจนของเงากล่อง: 38px
• ความแรงของการกระจายเงาของกล่อง: 5px
• เงาสี: rgba(0,0,0,0.2)

จากนั้นตั้งค่าดัชนี Z เป็น 1 เพื่อให้อยู่เหนือรูปภาพอื่นๆ ในชุดรวม

• ดัชนี Z: 1

เพิ่มภาพซ้าย

หากต้องการสร้างรูปภาพด้านซ้ายในชุด ให้เพิ่มรูปภาพใหม่ใต้รูปภาพตรงกลาง

อัปเดตรูปภาพใหม่ (ตรวจสอบให้แน่ใจว่ามีขนาดเท่ากันทั้งหมดเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด)

ใต้แท็บออกแบบ ให้อัปเดตความกว้างดังนี้:

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

จากนั้นเพิ่มเงาของกล่องดังนี้:

• กล่องเงา: ดูภาพหน้าจอ
• เงาสี: rgba(0,0,0,0.2)

ถัดไป กำหนดตำแหน่งที่แน่นอนให้กับรูปภาพที่ตำแหน่งกึ่งกลางด้านซ้าย เพื่อให้มันอยู่ติดกับรูปภาพตรงกลางทางด้านซ้าย

• ตำแหน่ง: สัมบูรณ์
• ที่ตั้ง: left center

หากต้องการให้ภาพหมุนเล็กน้อย ให้อัปเดตตัวเลือกการหมุนของการแปลงดังนี้:

เปลี่ยนแกนหมุน Z: -10deg

เพิ่มรูปภาพที่เหมาะสม

ในการสร้างภาพที่ถูกต้อง ให้เปิดกล่อง Layers และทำซ้ำภาพด้านซ้าย

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

• ที่ตั้ง: ตรงกลางขวา

จากนั้นปรับตัวเลือกการหมุนการแปลงดังนี้:

• แปลงดัชนีหมุน Z: 10deg

อย่าลืมสลับภาพที่ซ้ำกันด้วยภาพใหม่

ตอนนี้ตรวจสอบผลลัพธ์จนถึงตอนนี้

การเพิ่มชุดรูปภาพไปยังหลายคอลัมน์

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

หากต้องการเพิ่มชุดรูปภาพลงในหลายคอลัมน์ ให้ทำซ้ำแถวที่มีชุดรูปภาพปัจจุบัน

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

ในการสร้างแถวที่มีชุดรูปภาพสามชุด ให้ทำซ้ำแถวที่มีสองคอลัมน์ แล้วทำซ้ำหนึ่งในคอลัมน์ในแถวที่ซ้ำกัน สิ่งนี้จะให้เค้าโครงสามคอลัมน์แก่คุณ

ผลสุดท้าย

นี่คือการออกแบบขั้นสุดท้ายสำหรับชุดรูปภาพ #1

การออกแบบชุดรูปภาพ #2

การออกแบบครั้งต่อไปนี้ประกอบด้วยชุดรูปภาพที่มีห้ารูปภาพ โดยหนึ่งรูปภาพอยู่ตรงกลางและสี่รูปที่แต่ละมุมของคอลัมน์

ในการเริ่มต้น ให้สร้างส่วนปกติใหม่ด้วยแถวคอลัมน์ที่หนึ่งในสี่ครึ่ง

เพิ่มรูปภาพตรงกลาง

ในคอลัมน์กลาง เพิ่มโมดูลรูปภาพ

จากนั้นอัปโหลดรูปภาพไปยังโมดูล เรากำลังใช้รูปภาพจาก Furniture Store Layout Pack (แต่ละ 800px คูณ 1200)

ภายใต้แท็บการออกแบบ ให้อัปเดตสิ่งต่อไปนี้:

• สีพื้นหลัง: #f7f3ec

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

• มาร์จิ้น: 0px
• Padding: 5% บน, 5% ด้านล่าง, 5% ซ้าย, 5% ขวา

ใต้แท็บขั้นสูง ให้เพิ่มดัชนี Z ขึ้น 1 เพื่อให้แน่ใจว่ารูปภาพจะอยู่เหนือรูปภาพอื่นๆ ในพื้นที่ Z

• ดัชนี Z: 1

เพิ่มรูปภาพด้านซ้ายบน

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

อัปโหลดรูปภาพใหม่ไปยังโมดูล

จากนั้นอัปเดตการตั้งค่าการออกแบบดังนี้:

• ความกว้าง: 40%
• ระยะขอบ: 0px ด้านล่าง

ระยะห่างคอลัมน์

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

• Padding (เดสก์ท็อป): 12% บน, 12% ด้านล่าง
• Padding (แท็บเล็ต): 24% บน, 24% ด้านล่าง

ถัดไป กำหนดตำแหน่งสัมบูรณ์ของรูปภาพด้านซ้ายบนดังนี้:

• ตำแหน่ง: Absolute
• ตำแหน่ง: บนซ้าย

เพิ่มรูปภาพด้านขวาบน

เมื่อรูปภาพด้านซ้ายบนอยู่ในตำแหน่งแล้ว ให้ทำซ้ำรูปภาพเพื่อสร้างรูปภาพด้านขวาบน

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

เปิดรูปภาพที่ซ้ำกัน (บนขวา) และอัปเดตตำแหน่งที่แน่นอน:

• ตำแหน่ง: บนขวา

เพิ่มรูปภาพด้านล่างซ้าย

หากต้องการสร้างรูปภาพด้านล่างซ้าย ให้ทำซ้ำรูปภาพบนขวา และอัปเดตป้ายกำกับตามต้องการ

เปิดการตั้งค่าสำหรับรูปภาพที่ซ้ำกัน (ล่างซ้าย) และอัปเดตตำแหน่งตำแหน่งที่แน่นอน:

• ตำแหน่ง: ล่างซ้าย

เพิ่มรูปภาพด้านล่างขวา

หากต้องการสร้างรูปภาพด้านล่างขวา ให้ทำซ้ำรูปภาพด้านล่างซ้าย และอัปเดตป้ายกำกับตามต้องการ จากนั้นอัปเดตรูปภาพและกำหนดตำแหน่งใหม่:

• ตำแหน่ง: ล่างขวา

เพิ่มสำเนียงการออกแบบกล่องเงา

เพื่อเพิ่มสำเนียงการออกแบบที่ดี เราสามารถเพิ่มเงากล่องที่ภาพด้านซ้ายบนได้ดังนี้:

• กล่องเงา: ดูภาพหน้าจอ
• ตำแหน่งแนวนอนของกล่องเงา: -170px
• ตำแหน่งแนวตั้งเงาของกล่อง: 170px
• เงาสี: rgba(36,57,74,0.07)

เพิ่มการออกแบบกล่องเงาที่เน้นด้านขวาบนดังนี้:

• กล่องเงา: ดูภาพหน้าจอ
• ตำแหน่งแนวนอนของกล่องเงา: 170px
• ตำแหน่งแนวตั้งเงาของกล่อง: 170px
• เงาสี: rgba(36,57,74,0.07)

เพิ่มข้อความในคอลัมน์ซ้าย

หากต้องการเพิ่มข้อความลงในการออกแบบ ให้เพิ่มโมดูลข้อความใหม่ในคอลัมน์ด้านซ้าย

เนื้อหา

จากนั้นอัปเดตเนื้อหาดังต่อไปนี้:

<h2>Image Bundle</h2>

การออกแบบข้อความ

ภายใต้แท็บการออกแบบ ให้อัปเดตสิ่งต่อไปนี้:

• หัวข้อ 2 แบบอักษร: มอนต์เซอร์รัต
• ส่วนหัว 2 รูปแบบตัวอักษร: TT
• การจัดตำแหน่งข้อความหัวเรื่อง 2: right
• หัวเรื่อง 2 สีข้อความ: #24394a
• หัวเรื่อง 2 ขนาดข้อความ: 34px
• หัวเรื่อง 2 ระยะห่างตัวอักษร: 4px
• ส่วนหัว 2 ความสูงของบรรทัด: 1.3em

ช่องว่างภายในคอลัมน์ด้านซ้าย

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

• แพดดิ้ง: เหลือ 20%

เพิ่มข้อความไปที่คอลัมน์ขวา

ในการสร้างข้อความคอลัมน์ด้านขวา ให้คัดลอกโมดูลข้อความในคอลัมน์ด้านซ้าย แล้ววางลงในคอลัมน์ด้านขวา จากนั้นเปิดการตั้งค่าข้อความและอัปเดตสิ่งต่อไปนี้:

• การจัดแนวข้อความส่วนหัว 2: ซ้าย

Padding คอลัมน์ขวา

เช่นเดียวกับที่เราทำในคอลัมน์ด้านซ้าย ให้เพิ่มช่องว่างภายในต่อไปนี้ในคอลัมน์ด้านขวา (คอลัมน์ 3) เพื่อลดโมดูลข้อความ

• บุนวม: 33% ท๊อป

ภูมิหลังของมาตรา

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

• สีพื้นหลัง: #f7f3ec

นี่คือผลลัพธ์จนถึงตอนนี้

การเพิ่มชุดรูปภาพไปยังหลายคอลัมน์

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

ใช้การเลือกหลายรายการ เลือกรูปภาพด้านซ้ายบนและรูปภาพด้านขวาบน เปิดการตั้งค่าและนำกล่องเงาออก

จากนั้นทำซ้ำคอลัมน์ครั้งหรือสองครั้งเพื่อสร้างหลายคอลัมน์โดยรวมกลุ่มรูปภาพ

หากคุณกำลังสร้างเค้าโครงสามคอลัมน์สำหรับชุดรูปภาพของคุณ ให้เปิดการตั้งค่าคอลัมน์สำหรับแต่ละคอลัมน์และอัปเดตการเติมดังนี้:

• เบาะ: 8% บน 8% ล่าง

ผลสุดท้าย

นี่คือผลลัพธ์สุดท้าย

และนี่คือบนมือถือ

การออกแบบชุดรูปภาพ #3

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

เพิ่มแถว

ในการเริ่มต้น ให้เพิ่มแถวหนึ่งคอลัมน์ในส่วนปกติ

เพิ่มภาพกลาง

ภายในแถว ให้เพิ่มโมดูลรูปภาพ

จากนั้นอัปโหลดรูปภาพไปยังโมดูลรูปภาพ เราใช้ภาพหน้าจอขนาด 880 x 1200 พิกเซลจาก Fitness Coach Layout Pack ที่เราใช้สำหรับการออกแบบ #1

ภายใต้แท็บการออกแบบ ให้อัปเดตตัวเลือกการปรับขนาดดังนี้:

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

จากนั้นให้ภาพเป็นกล่องเงาที่ละเอียดอ่อน:

• กล่องเงา: ดูภาพหน้าจอ
• ตำแหน่งแนวตั้งเงาของกล่อง: -12px
• ความแรงของกล่องเงาเบลอ: 28px
• เงาสี: rgba(0,0,0,0.11)

ถัดไป นำระยะขอบด้านล่างเริ่มต้นออกโดยตั้งค่าเป็น 0px

• ระยะขอบ: 0px ด้านล่าง

เพื่อให้แน่ใจว่ารูปภาพจะอยู่เหนือรูปภาพอื่นเมื่อซ้อนทับกัน ให้ปรับดัชนี Z

• ดัชนี Z: 2

เพิ่มมุมมองคอลัมน์

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

เพิ่มภาพซ้ายกลาง

เมื่อได้มุมมองของเราแล้ว ก็เริ่มเพิ่มภาพอื่นๆ ได้

หากต้องการสร้างภาพด้านซ้ายตรงกลาง ให้ทำซ้ำภาพตรงกลาง

อัปเดตป้ายกำกับรูปภาพในกล่องเลเยอร์ตามต้องการ จากนั้นอัปเดตโมดูลรูปภาพที่ซ้ำกันด้วยรูปภาพใหม่

เปิดการตั้งค่าสำหรับรูปภาพและอัปเดตตำแหน่งตำแหน่งสัมบูรณ์และดัชนี Z ดังนี้:

• ตำแหน่ง: ล่างซ้าย
• ดัชนี Z: 1

จากนั้นเพิ่มตัวเลือกการแปลงต่อไปนี้เพื่อจัดตำแหน่งและหมุนรูปภาพ

• แปลงแกน X แปล: 75%
• เปลี่ยนแกนหมุน X: 30deg

เพิ่มภาพซ้าย

ในการสร้างภาพด้านซ้าย ให้ทำซ้ำภาพตรงกลางด้านซ้ายที่เราเพิ่งสร้างขึ้น

เปิดการตั้งค่าสำหรับรูปภาพใหม่และอัปเดตความกว้าง:

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

จากนั้นปรับตัวเลือกการแปลการแปลงดังนี้:

• แปลงแกน X แปล: 0px

จากนั้นปรับดัชนี Z เพื่อให้ภาพอยู่ด้านหลังภาพกลางด้านซ้ายตรงกลาง

• ดัชนี Z: 0

เพิ่มรูปภาพด้านขวากลาง

ต่อไป เราจะเพิ่มรูปภาพตรงกลางด้านขวาให้กับกลุ่มรูปภาพ

ในการสร้างภาพ ให้เปิดป๊อปอัปเลเยอร์ จากนั้นทำซ้ำรูปภาพตรงกลางด้านซ้าย ลากรูปภาพที่ซ้ำกันด้านล่างรูปภาพด้านซ้าย จากนั้นติดป้ายกำกับตามนั้น (เช่น "รูปภาพตรงกลางด้านขวา")

เปิดการตั้งค่าสำหรับภาพตรงกลางด้านขวาและเปลี่ยนตำแหน่งที่แน่นอนดังนี้:

• ตำแหน่ง: ล่างขวา

จากนั้นปรับตัวเลือกการแปลงดังนี้:

• แปลงแกน X แปล: -75%
• เปลี่ยนแกนหมุน X: -30deg

เพิ่มรูปภาพที่เหมาะสม

ในการสร้างภาพที่ถูกต้อง (ภาพสุดท้าย) เราสามารถทำซ้ำภาพด้านซ้ายได้ จากนั้นลากภาพที่ซ้ำกันใต้ภาพตรงกลางด้านขวาและติดป้ายกำกับว่า "ภาพขวา"

เปิดการตั้งค่ารูปภาพที่ถูกต้องและอัปเดตตำแหน่งที่แน่นอนดังนี้:

• ตำแหน่ง: ล่างขวา

ถัดไป ปรับการหมุนของการแปลง

• เปลี่ยนแกนหมุน X: -30deg

ตรวจสอบผลลัพธ์จนถึงตอนนี้

และนี่คือชุดรูปภาพเดียวกันที่เพิ่มลงในหลายคอลัมน์

ความคิดสุดท้าย

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

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

ฉันหวังว่าจะได้ยินจากคุณในความคิดเห็น

ไชโย!