ปุ่มนี้มีประสิทธิภาพมากกว่าข้อความมากเมื่อเทียบกับอัตราการคลิกผ่าน ใน Elementorคุณมีวิดเจ็ตปุ่มเพื่อเพิ่มองค์ประกอบปุ่มในหน้า คุณสามารถใช้วิดเจ็ตปุ่มเพื่อสร้างปุ่มที่ดำเนินการได้ เช่น ปุ่ม whatsappที่ ปุ่มสไกป์, ปุ่มอีเมล ฯลฯ โดยไม่ต้องติดตั้ง WordPress ปลั๊กอิน เพิ่มเติม. สำหรับลักษณะที่ปรากฏ คุณสามารถกำหนดเลย์เอาต์ใดก็ได้ตามต้องการ ตัวอย่างเช่น คุณสามารถเพิ่มปุ่มสองปุ่มเคียงข้างกันในคอลัมน์เดียวกัน บทความนี้จะแสดงวิธีการบรรลุเป้าหมายนี้

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

วิธีเพิ่มปุ่มสองปุ่มเคียงข้างกันในคอลัมน์เดียวกันใน Elementor

ขั้นแรก ระบุคอลัมน์ที่คุณต้องการวางปุ่มและเพิ่มปุ่มแรกของคุณ

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

เพิ่มปุ่มที่สองและทำซ้ำขั้นตอนข้างต้นและ voila คุณมีปุ่มที่สองถัดจากปุ่มแรกของคุณ

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

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

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

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

แม้ว่าวิธีแรกจะไม่แย่ แต่ก็ไม่แนะนำเพราะการเพิ่มวิดเจ็ตใหม่ (ส่วนด้านในในกรณีนี้) จะเพิ่มความต้องการ HTML ของหน้าเว็บ ซึ่งจะส่งผลต่อความเร็วของหน้าเว็บ

รับ Elementor Pro ทันที!

สรุป

ดังนั้น ! เพียงเท่านี้สำหรับบทความนี้ซึ่งจะแสดงวิธีเพิ่มปุ่มสองปุ่มเคียงข้างกันในคอลัมน์เดียวกัน Elementor. หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...