คุณต้องการปรับแต่งแบบฟอร์มติดต่อ 7 ด้วยปลั๊กอิน Essential Addons ของ Elementor หรือไม่
แบบฟอร์มการติดต่อ 7 เป็นหนึ่งใน ปลั๊กอิน WordPress ของผู้สร้างแบบฟอร์มยอดนิยม เป็นบริการฟรีและคุณสามารถใช้เพื่อสร้าง แบบฟอร์มติดต่อ บนเว็บไซต์ WordPress ของคุณ
คุณสามารถสร้างแบบฟอร์มได้หลายประเภท เช่น แบบฟอร์มการจองหรือแบบฟอร์มอัปโหลดไฟล์ มีฟิลด์ 14 ประเภทที่คุณสามารถใช้ในขณะที่สร้างฟอร์ม
ดูเพิ่มเติม: วิธีใช้วิดเจ็ต / เทมเพลต Elementor เป็น Gutenberg Blocks
ปัญหาทั่วไปประการหนึ่งของปลั๊กอินแบบฟอร์มการติดต่อ 7 คือกระบวนการปรับแต่งเอง แบบฟอร์มการติดต่อ 7 ใช้รูปแบบเริ่มต้นของคุณ ธีม WordPress สินทรัพย์. คุณสามารถใช้สไตล์อื่นได้ แต่ต้องใช้ทักษะ CSS หากคุณไม่มีทักษะ CSS คุณสามารถใช้โมดูลนี้ได้ ส่วนเสริมที่จำเป็น เพื่อจัดรูปแบบของคุณ
Essential Addons เป็นส่วนเสริมของ Elementor ที่ปรับปรุงกระบวนการปรับแต่งแบบฟอร์มการติดต่อ 7 ของคุณด้วย Elementor Elementor และ Essential Addons เป็นปลั๊กอินฟรีเมียม คุณสามารถใช้ทั้งสองเวอร์ชันฟรีเพื่อจัดรูปแบบแบบฟอร์มติดต่อ 7 ของคุณ
วิธีจัดรูปแบบแบบฟอร์มการติดต่อ 7 แบบฟอร์มด้วย Essential Addons
ก่อนที่คุณจะเริ่มจัดรูปแบบแบบฟอร์ม ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งแล้ว Elementor et ส่วนเสริมที่จำเป็น. เมื่อติดตั้งและเปิดใช้งานแล้ว ให้สร้างหน้าใหม่ (หน้า – > เพิ่ม) และแก้ไขด้วย Elementor
ก่อนเริ่มกระบวนการปรับแต่ง ให้ตั้งค่าเค้าโครงหน้าโดยคลิกไอคอนรูปเฟืองที่มุมซ้ายล่าง ตั้งค่าเค้าโครงจากเมนูแบบเลื่อนลง
เพิ่มส่วนใหม่โดยคลิกไอคอนเครื่องหมายบวกในช่องแก้ไขแล้วลากวิดเจ็ต แบบฟอร์มติดต่อ EA 7 จากแผงด้านซ้ายในตัวแก้ไข
ไปที่แผงด้านซ้ายและเลือกรูปแบบที่คุณต้องการปรับแต่ง
หลังจากเลือกแบบฟอร์มแล้ว ให้ไปที่แท็บ สไตล์. อย่างที่คุณเห็น คุณสามารถตั้งค่าตัวเลือกสไตล์ได้หลายแบบ นี่คือตัวเลือกสไตล์ทั่วไปที่คุณสามารถตั้งค่าได้
- ความกว้างของแบบฟอร์ม การจัดตำแหน่ง และพื้นหลัง
ภายใต้บล็อก ฟอร์มคอนเทนเนอร์ให้คลิกตัวเลือกสีในส่วน ประเภทพื้นหลัง และกำหนดสีที่ต้องการสำหรับพื้นหลังของแบบฟอร์ม คุณสามารถใช้สีทึบหรือสีไล่ระดับสีเป็นพื้นหลัง
อ่าน: Elementor: วิธีการนำเข้าหรือส่งออกเทมเพลต
หากต้องการตั้งค่าการจัดแนวแบบฟอร์ม เพียงเลือกตัวเลือกการจัดแนวที่คุณต้องการในส่วน การจัดตำแหน่งแบบฟอร์ม.
ในการตั้งค่าความกว้างของแบบฟอร์ม ให้ตั้งค่าความกว้างสูงสุดของแบบฟอร์มในฟิลด์ แบบฟอร์มความกว้างสูงสุด.
- ฟิลด์พื้นหลัง ความกว้างของเส้นขอบ และรัศมี
ในการกำหนดพื้นหลังของฟิลด์ ความกว้าง และรัศมีของเส้นขอบ คุณสามารถเปิดส่วนได้ อินพุต & Textarea. คลิกตัวเลือกสีฟิลด์ สีพื้นหลัง เพื่อตั้งค่าพื้นหลัง
คุณยังสามารถตั้งค่าสีพื้นหลังของฟิลด์ในโหมดแก้ไขจุดบกพร่องได้โดยคลิกที่แท็บ FOCUS.
หากต้องการกำหนดความกว้างของช่อง คุณสามารถตั้งค่าในช่องได้ ความกว้างของอินพุต. ในส่วนนี้ คุณยังสามารถกำหนดความกว้างของฟิลด์กล่องข้อความได้ด้วย ความกว้างของพื้นที่ข้อความ.
หากต้องการกำหนดรัศมีเส้นขอบ ให้แก้ไขฟิลด์ รัศมีชายแดน และตั้งค่าเส้นขอบที่คุณต้องการ คุณยังสามารถตั้งค่าตัวพิมพ์ (ตระกูลฟอนต์ ขนาดฟอนต์ สไตล์ฟอนต์) โดยคลิกที่ไอคอนดินสอในฟิลด์ วิชาการพิมพ์.
- ป้ายกำกับ
Essential Addons ยังช่วยให้คุณปรับแต่งสไตล์ของป้ายชื่อแบบฟอร์มของคุณ คุณสามารถตั้งค่าสีข้อความและรูปแบบตัวอักษรได้ ในการทำเช่นนี้ให้เปิดตัวเลือก ป้ายกำกับ. กำหนดสีข้อความโดยคลิกที่ตัวเลือกสีในฟิลด์ สีข้อความ.
หากต้องการตั้งค่าตัวพิมพ์ ให้คลิกไอคอนดินสอบนฟิลด์ วิชาการพิมพ์.
- ปุ่มส่ง
หากต้องการปรับแต่งสไตล์ของปุ่มส่ง ให้เปิดบล็อก ส่งปุ่ม. จากที่นี่ คุณสามารถตั้งค่าการจัดตำแหน่งปุ่ม ความกว้าง สีพื้นหลัง สีข้อความ รัศมีของเส้นขอบ ตลอดจนการพิมพ์
- ข้อความผิดพลาด
หากต้องการปรับแต่งสไตล์ของข้อความแสดงข้อผิดพลาด คุณสามารถเปิดบล็อกได้ ข้อผิดพลาด. คุณสามารถตั้งค่าสีข้อความแสดงข้อผิดพลาด การพิมพ์ สีพื้นหลังข้อผิดพลาดในการตรวจสอบ สีข้อความแสดงข้อผิดพลาดในการตรวจสอบ ฯลฯ...
คุณสามารถตั้งค่าตัวเลือกสไตล์อื่นๆ ได้หลายตัวเลือก คุณสามารถเล่นกับแผงด้านซ้ายได้จนกว่าคุณจะพอใจกับสไตล์ของแบบฟอร์มของคุณ
คุณสามารถเพิ่มองค์ประกอบอื่นๆ ลงในเพจของคุณโดยใช้วิดเจ็ตที่มีให้โดย Elementor และ Essential Addons เมื่อคุณทำเสร็จแล้ว ให้คลิกปุ่ม Publier ที่ด้านล่างของแผงด้านซ้ายเพื่อเผยแพร่เพจของคุณ
การรวมแบบฟอร์มเข้ากับหน้าปกติ
หลังจากคลิกปุ่ม Publierหน้าติดต่อของคุณได้รับการเผยแพร่โดยทั่วไปแล้ว หน้านี้ขับเคลื่อนโดย Elementor หากคุณต้องการเพิ่มของคุณ แบบฟอร์มติดต่อ 7 ไปที่หน้าปกติ (หน้าที่สร้างด้วย Gutenberg ซึ่งเป็นตัวแก้ไข WordPress เริ่มต้น) คุณสามารถติดตั้งปลั๊กอินได้ Elementor Blocks สำหรับ Gutenberg. ปลั๊กอินนี้จะแปลงเทมเพลต Elementor เป็นบล็อก Gutenberg
ในการลงทะเบียน .ของคุณ แบบฟอร์มติดต่อ 7 เป็นเทมเพลต Elementor ให้คลิกปุ่มลูกศรถัดจากปุ่ม เผยแพร่ / อัปเดต ที่แผงด้านซ้ายแล้วเลือก บันทึกเป็นแม่แบบ.
ตั้งชื่อเทมเพลตของคุณแล้วคลิกปุ่ม ผู้ลงทะเบียน.
สร้างหน้าใหม่ (หน้า – > เพิ่ม) และตั้งชื่อเช่น "ติดต่อเรา" "ติดต่อ" หรือชื่ออื่น ๆ ที่คุณต้องการ
เพิ่มบล็อกใหม่แล้วเลือก ห้องสมุด Elementor และเลือกเทมเพลตแบบฟอร์มการติดต่อที่คุณเพิ่งสร้างขึ้น
และตอนนี้คุณเพิ่งปรับแต่งแบบฟอร์มติดต่อ 7 ของคุณ
รับ Elementor Pro ทันที!!!
สรุป
ที่นี่ ! สำหรับบทความนี้จะแสดงวิธีปรับแต่งแบบฟอร์มการติดต่อ 7 ด้วย Essential Addons หากคุณมีข้อสงสัยเกี่ยวกับวิธีการเดินทาง โปรดแจ้งให้พวกเขาทราบใน ความเห็น.
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...