ต้องการทราบวิธีการสร้างหน้าเข้าสู่ระบบด้วย Elementor ?

ใน WordPress คุณสามารถไปได้ บน yourdomain.com/wp-login.php เพื่อไปที่หน้าเข้าสู่ระบบของเว็บไซต์ของคุณ หากคุณมีเว็บไซต์ขนาดใหญ่ที่มีผู้เขียน / ผู้ใช้หลายคน คุณอาจต้องการสร้างหน้าเข้าสู่ระบบแบบกำหนดเองด้วยการออกแบบของคุณเองเพื่อเสริมสร้างเอกลักษณ์ของแบรนด์เว็บไซต์ของคุณ

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

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

วิธีสร้างหน้าเข้าสู่ระบบ WordPress แบบกำหนดเองด้วย Elementor

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

1. วิธีสร้างหน้าเข้าสู่ระบบจากเทมเพลต

ดังที่ได้กล่าวไว้ก่อนหน้านี้ Elementor เสนอเทมเพลตเพื่อให้คุณสร้างหน้าเข้าสู่ระบบส่วนบุคคลได้ในเวลาไม่นาน หากต้องการใช้ ให้เริ่มต้นด้วยการสร้างหน้าใหม่ (หน้า -> เพิ่ม) และ แก้ไขด้วย Elementor.

ในตัวแก้ไข Elementor ให้คลิกที่ไอคอนโฟลเดอร์เพื่อเปิดไลบรารีโมเดล

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

รอสักครู่จนกว่า Elementor จะโหลดโมเดลเสร็จ เมื่อโหลดโมเดลแล้ว คุณสามารถคลิกที่ ประกาศ เพื่อเผยแพร่

ที่นั่น

หากต้องการดูหน้า คุณสามารถคลิกไอคอนสามบรรทัดที่มุมบนของแผงด้านซ้ายและเลือก แสดงหน้า.

และนี่คือผลลัพธ์สุดท้ายหากคุณเลือกรุ่นเดียวกับเรา

วิธีสร้างหน้าเข้าสู่ระบบด้วย Elementor

2. วิธีสร้างหน้าเข้าสู่ระบบแบบกำหนดเองตั้งแต่เริ่มต้น

หากคุณต้องการมีการออกแบบหน้าเข้าสู่ระบบของคุณเอง คุณสามารถสร้างหน้าเข้าสู่ระบบแบบกำหนดเองได้ตั้งแต่ต้น ในการเริ่มต้น ให้สร้างหน้าใหม่และแก้ไขด้วย Elementor

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

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

วิธีสร้างหน้าเข้าสู่ระบบด้วย Elementor

ไปที่แท็บ เนื้อหา บนแผงด้านซ้ายเพื่อตั้งค่าตัวเลือกพื้นฐาน มี 3 ตัวเลือกบล็อกที่คุณสามารถจัดการได้:

1. แบบฟอร์มฟิลด์

คุณสามารถเปิดบล็อกนี้เพื่อเปิด/ปิดแท็กและกำหนดขนาดอินพุตได้

2. ปุ่ม

คุณสามารถเปิดบล็อกนี้เพื่อตั้งค่าข้อความปุ่ม ขนาดปุ่ม และการจัดตำแหน่งปุ่ม

3. ตัวเลือกเพิ่มเติม

คุณสามารถเปิดบล็อกนี้เพื่อเปิด/ปิดองค์ประกอบของหน้าเข้าสู่ระบบของคุณ เช่น ลิงค์ Mรหัสผ่านหาย และตัวเลือก จดจำฉัน. เนื่องจากคุณต้องการสร้างหน้าเข้าสู่ระบบ กระตุ้น ตัวเลือก เปลี่ยนเส้นทางหลังจากเข้าสู่ระบบ และวาง URL แดชบอร์ดของ WordPress (yourdomain.com/wp-admin) ในฟิลด์ที่มีอยู่ คุณยังสามารถเปิดใช้งานตัวเลือก เปลี่ยนเส้นทางหลังจากออกจากระบบ ถ้าคุณต้องการมัน

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

เมื่อ คำนิยาม ตัวเลือกพื้นฐานเสร็จแล้วไปที่ แท็บสไตล์ เพื่อปรับแต่ง ฟอร์ม การเชื่อมต่อ. มีตัวเลือกสไตล์ให้เลือก 5 บล็อก:

1. แบบฟอร์ม

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

2. ฉลาก

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

3. ทุ่งนา

คุณสามารถเปิดบล็อกนี้เพื่อกำหนดสีของช่องข้อความ แบบอักษร (ตระกูลแบบอักษร ขนาดแบบอักษร ลักษณะแบบอักษร ฯลฯ) พื้นหลังของตัวควบคุม สีของเส้นขอบของตัวควบคุม ความกว้างของเส้นขอบ ของสนามและรัศมีของเส้นขอบสนาม

4. ปุ่ม

คุณสามารถเปิดบล็อกนี้เพื่อปรับแต่งปุ่มเข้าสู่ระบบ คุณสามารถตั้งค่าต่างๆ เช่น สีข้อความปุ่ม สีข้อความโฮเวอร์ การพิมพ์ สีพื้นหลังของปุ่ม รัศมีเส้นขอบ และการเติมข้อความของปุ่ม

5. เข้าสู่ระบบข้อความ

คุณสามารถเปิดบล็อกนี้เพื่อปรับแต่งข้อความเมื่อผู้ใช้ของคุณเข้าสู่ระบบแล้ว นี่คือข้อความ:

คุณสามารถกำหนดสีข้อความและรูปแบบตัวอักษรของข้อความได้

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

อ่าน: วิธีการส่งออกและนำเข้าโมเดล Elementor

สิ่งสำคัญอย่างหนึ่งที่ควรทราบ หลังจากสร้างหน้าเข้าสู่ระบบแบบกำหนดเองแล้ว อย่าลบไฟล์ wp-login.php- บนเว็บไซต์ WordPress ของคุณ ไซต์ WordPress ของคุณยังคงต้องการไฟล์นี้เพื่อจัดการกระบวนการเข้าสู่ระบบ

รับ Elementor Pro ทันที!

สรุป

ที่นี่คือ ! บทความนี้จะแสดงวิธีสร้างหน้าเข้าสู่ระบบด้วย Elementor . เท่านั้น. หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

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

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

...