คู่มือการทำความเข้าใจและการใช้ตำแหน่งที่แน่นอนของ Divi

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

ในโพสต์นี้เราจะกล่าวถึง:

• ภาพรวมการวางตำแหน่งสี่ประเภทของ Divi
• ตำแหน่งที่แน่นอน "ตำแหน่ง" องค์ประกอบใน Divi
• ประโยชน์และข้อเสียของการใช้ตำแหน่งแอบโซลูทใน Divi
• การใช้จุดที่ตั้งกับตำแหน่งแอบโซลูท
• ตัวอย่างการใช้งาน: ปุ่มกำหนดตำแหน่งสำหรับ Blurbs ที่มีความสูงเท่ากันอย่างแน่นอน

ตรวจสอบออก!

ภาพรวมการวางตำแหน่งสี่ประเภทของ Divi

ตำแหน่งที่แน่นอนคือหนึ่งในสี่ตัวเลือกตำแหน่งที่มีอยู่ใน Divi นี่คือภาพรวมโดยย่อของแต่ละรายการด้านล่าง

คงที่ (ค่าเริ่มต้น)

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

ญาติ

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

แอบโซลูท

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

แก้ไขแล้ว

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

หมายเหตุ: มีการจัดตำแหน่งประเภทอื่นใน CSS ที่เรียกว่า เหนียว องค์ประกอบที่อยู่ในตำแหน่งที่เหนียวแน่นจะทำงานเหมือนองค์ประกอบที่ค่อนข้างอยู่ในตำแหน่ง จนกว่าคุณจะเลื่อนไปที่คอนเทนเนอร์ขององค์ประกอบนั้น (ในบางจุดที่กำหนดโดยค่าบนสุด) จากนั้นองค์ประกอบจะคงที่ (หรือติดอยู่) จนกว่าผู้ใช้จะเลื่อนไปที่ส่วนท้ายของคอนเทนเนอร์ อย่างไรก็ตาม ตำแหน่งที่ติดหนึบอาจคาดเดาไม่ได้เล็กน้อย เนื่องจากปัจจัยอื่นๆ อาจขัดขวางการทำงาน ใน Divi ตัวเลือกติดหนึบไม่พร้อมใช้งานในตัวเลือกในตัวด้วยเหตุนี้ อย่างไรก็ตาม มีวิธีใช้ position:sticky ใน Divi

ตำแหน่งที่แน่นอน "ตำแหน่ง" องค์ประกอบใน Divi

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

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

ประโยชน์และข้อเสียของการใช้ตำแหน่งแอบโซลูทใน Divi

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

ประโยชน์

ต่อไปนี้คือประโยชน์บางประการของการใช้ตำแหน่งที่แน่นอนเหนือคุณสมบัติการกำหนดตำแหน่งอื่นๆ เช่น Transform Translate หรือ Margins:

เครื่องมือออกแบบที่ดี

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

ทางเลือกที่ดีในการลอยตัวและระยะขอบ

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

รองรับเบราว์เซอร์ที่ดี

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

ข้อเสีย

ต่อไปนี้คือข้อเสียบางประการที่ควรพิจารณาเมื่อใช้ Absolute Position:

ความเสี่ยงของการแยกตัว

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

ตอบสนองน้อย

นอกจากนี้ เนื่องจากองค์ประกอบที่จัดตำแหน่งอย่างสมบูรณ์จะแยกออกจากโฟลว์ของเอกสาร จึงอาจเป็นเรื่องยากที่จะทำให้การจัดตำแหน่งตอบสนองสำหรับอุปกรณ์เคลื่อนที่ ในความเป็นจริง นักพัฒนาจำนวนมากหลีกเลี่ยงตำแหน่ง:สัมบูรณ์ เนื่องจากความท้าทายที่มาพร้อมกับการออกแบบที่ตอบสนอง ดังนั้น จึงเป็นสิ่งสำคัญที่จะใช้หน่วยความยาวสัมพัทธ์ (เช่น vw หรือ %) แทนหน่วยความยาวสัมบูรณ์ (เช่น px) เมื่อจำเป็น

การใช้จุดที่ตั้งกับตำแหน่งแอบโซลูท

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

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

จากตำแหน่งมุมขวาบน ออฟเซ็ตแนวตั้งจะเพิ่มพื้นที่จากด้านบน และออฟเซ็ตแนวนอนจะเพิ่มพื้นที่ทางด้านขวา

จากตำแหน่งมุมขวาล่าง ออฟเซ็ตแนวตั้งจะเพิ่มพื้นที่จากด้านล่าง และออฟเซ็ตแนวนอนจะเพิ่มพื้นที่ทางด้านขวา

จากตำแหน่งมุมล่างซ้าย ออฟเซ็ตแนวตั้งจะเพิ่มพื้นที่จากด้านล่าง และออฟเซ็ตแนวนอนจะเพิ่มพื้นที่จากด้านซ้าย

ทำการปรับเปลี่ยนองค์ประกอบแอบโซลูทที่อยู่ตรงกลาง

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

นี่คือลักษณะของ CSS ในแบ็กเอนด์

position: absolute!important;
top: 50%;
bottom: auto;
left: 0px;
right: auto;
transform: translateY(-50%);

ด้านบน:50% มีไว้เพื่อจัดตำแหน่งส่วนบนขององค์ประกอบให้พอดี 50% จากด้านบนของคอนเทนเนอร์ transform:translateY(-50%) มีไว้เพื่อนำองค์ประกอบขึ้นสูงเพียงครึ่งเดียวของตัวมันเอง ซึ่งจะทำให้คุณมีองค์ประกอบที่จัดวางได้อย่างลงตัวไม่ว่าจะสูงแค่ไหนก็ตาม

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

การใช้ตัวเลือกการแปลการแปลงเพื่อวางตำแหน่งองค์ประกอบแอบโซลูทหลายรายการสำหรับตำแหน่งกึ่งกลาง

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

ตัวอย่างเช่น สมมติว่าคุณวางตำแหน่งโมดูลให้อยู่กึ่งกลางทั้งแนวตั้งและแนวนอนด้วยคอลัมน์ใน Divi มันจะมีลักษณะเช่นนี้

ถ้าฉันให้องค์ประกอบการแปลงเป็นดังนี้จะไม่มีอะไรเปลี่ยนแปลง:

• แปลงแปล (Y): -50%
• แปลงแปล (X): -50%

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

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

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

ตัวอย่างการใช้งาน: ปุ่มกำหนดตำแหน่งสำหรับ Blurbs ที่มีความสูงเท่ากันอย่างแน่นอน

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

นี่คือวิธีการทำ

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

จากนั้นเพิ่มโมดูลการนำเสนอลงในคอลัมน์

ถัดไป เพิ่มโมดูลปุ่มด้านล่างโมดูลประกาศ

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

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

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

ใช้การเลือกหลายรายการ เลือกโมดูลปุ่มแต่ละโมดูล และอัปเดตการตั้งค่าองค์ประกอบต่อไปนี้สำหรับแต่ละปุ่ม:

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

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

• ช่องว่างภายใน: 50px ด้านล่าง

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

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

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

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

ไชโย!