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

เผยแพร่แล้ว: 2020-12-11

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

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

สร้างแบบฟอร์มการเข้าสู่ระบบแบบกำหนดเองของคุณตอนนี้

ทำไมต้องสร้างหน้าเข้าสู่ระบบที่กำหนดเองใน WordPress?

เว็บไซต์ WordPress ทั้งหมดมีหน้าเข้าสู่ระบบเดียวกัน เป็นแบบฟอร์มการเข้าสู่ระบบอย่างง่ายที่มีโลโก้ WordPress อยู่ด้านบน

หน้าเข้าสู่ระบบเริ่มต้นของ WordPress

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

WPForms เป็นปลั๊กอิน WordPress Form Builder ที่ดีที่สุด รับฟรี!

หากคุณสร้างหน้าเข้าสู่ระบบใหม่สำหรับเว็บไซต์ของคุณ คุณสามารถใช้เพื่อ:

  • โปรโมชั่น
  • การแจ้งเตือน
  • และอื่น ๆ.

ที่ WPForms เราใช้พื้นที่พิเศษในหน้าเข้าสู่ระบบที่กำหนดเองเพื่อให้ผู้ใช้ทราบเกี่ยวกับคุณลักษณะใหม่ที่น่าตื่นเต้น

หน้าเข้าสู่ระบบที่กำหนดเอง WPForms

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

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

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

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

  1. ติดตั้งปลั๊กอิน WPForms
  2. สร้างแบบฟอร์มเข้าสู่ระบบ WordPress ที่กำหนดเองของคุณ
  3. เพิ่มลิงค์ลืมรหัสผ่านไปยังแบบฟอร์มการเข้าสู่ระบบที่กำหนดเองของคุณ
  4. ปรับแต่งการตั้งค่าแบบฟอร์มเข้าสู่ระบบแบบกำหนดเองของคุณ
  5. เผยแพร่หน้าเข้าสู่ระบบที่กำหนดเองของคุณ

ตกลง มาเริ่มกันเลยโดยการติดตั้งปลั๊กอินหน้าเข้าสู่ระบบแบบกำหนดเอง

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน WPForms

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

ในการสร้างแบบฟอร์มการเข้าสู่ระบบ คุณจะต้องใช้ WPForms Pro หรือสูงกว่า

เมื่อคุณติดตั้ง WPForms แล้ว ให้ไปที่ WPForms » Addons

เมนูเสริม WPForms

เลื่อนลงมาจนกว่าคุณจะพบส่วนเสริมการ ลงทะเบียนผู้ใช้ คลิกที่ปุ่มเพื่อติดตั้ง

ส่วนเสริมการลงทะเบียนผู้ใช้

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

เราพร้อมแล้ว! มาสร้างแบบฟอร์มการเข้าสู่ระบบแบบกำหนดเองใหม่ของเรากันเถอะ

ขั้นตอนที่ 2: สร้างแบบฟอร์มเข้าสู่ระบบ WordPress แบบกำหนดเอง

ตอนนี้เราได้ติดตั้ง WPForms แล้ว มาสร้างแบบฟอร์มการเข้าสู่ระบบใหม่สำหรับ WordPress กัน

คลิก WPForms » เพิ่มใหม่ เพื่อเริ่มต้น

เพิ่มแบบฟอร์มการเข้าสู่ระบบแบบกำหนดเองใหม่

ในหน้าจอตั้งค่า ให้ตั้งชื่อแบบฟอร์มของคุณที่ด้านบน

ตั้งชื่อแบบฟอร์มเข้าสู่ระบบที่กำหนดเองของคุณ

ตอนนี้เลื่อนลงและเลือกเทมเพลต ฟอร์มเข้าสู่ระบบของผู้ใช้

เลือกเทมเพลตฟอร์มการเข้าสู่ระบบแบบกำหนดเอง

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

เทมเพลตฟอร์มการเข้าสู่ระบบแบบกำหนดเอง

ตอนนี้ มาเพิ่มลิงก์เพื่อให้ผู้ใช้สามารถกู้คืนรหัสผ่านได้อย่างง่ายดาย

ขั้นตอนที่ 3: เพิ่มลิงก์ลืมรหัสผ่านไปยังแบบฟอร์มการเข้าสู่ระบบที่กำหนดเองของคุณ

แบบฟอร์มการเข้าสู่ระบบดูดีเหมือนเดิม แต่เราจะต้องเพิ่มลิงก์ลืมรหัสผ่าน มิฉะนั้น ผู้เข้าชมที่ลืมรายละเอียดการเข้าสู่ระบบจะติดอยู่ที่หน้าเข้าสู่ระบบ

ในการดำเนินการนี้ เราจะกำหนดฟิลด์ รหัสผ่าน เอง

เราจะเพิ่มลิงก์ในคำอธิบายที่นี่เพื่อให้แสดงอยู่ใต้ฟิลด์ เราสามารถใช้สมาร์ทแท็ก {url_lost_password} สำหรับลิงก์ได้

คลิกที่ฟิลด์รหัสผ่านเพื่อเริ่มต้น ในคำอธิบาย ให้วางสิ่งนี้ใน:

Forgotten your password? <a href={url_lost_password} >Click here</a> to reset it.

ลิงค์ลืมรหัสผ่านที่กำหนดเอง

แค่นั้นแหละ! สมาร์ทแท็ก {url_lost_password} จะถูกแทนที่ด้วยลิงก์ที่ลืมรหัสผ่านเมื่อเราเผยแพร่แบบฟอร์ม

WPForms จะดูแลการเชื่อมต่อฐานข้อมูล ดังนั้นเราจึงไม่จำเป็นต้องมีปลั๊กอินสำหรับเข้าสู่ระบบแยกต่างหากเพื่อจัดการกับมัน

ไปข้างหน้าและคลิก บันทึก เพื่อบันทึกแบบฟอร์มการเข้าสู่ระบบของคุณ

ขั้นตอนที่ 4: ปรับแต่งการตั้งค่าแบบฟอร์มการเข้าสู่ระบบแบบกำหนดเองของคุณ

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

เริ่มต้นด้วยการคลิก การตั้งค่า ทางด้านซ้ายมือของตัวสร้างแบบฟอร์ม

การตั้งค่าแบบฟอร์มการเข้าสู่ระบบที่กำหนดเอง

การตั้งค่าจะเปิดขึ้นในแท็บ ทั่วไป

เลื่อนลงไปที่ ข้อความปุ่มส่ง และเปลี่ยนเป็น ข้อความ เข้าสู่ระบบ

ปรับแต่งปุ่มเข้าสู่ระบบ

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

ด้านล่างนี้ คุณจะสังเกตเห็นการตั้งค่าเพิ่มเติมบางอย่าง คุณจะต้องตรวจสอบว่าได้เลือกช่องทำเครื่องหมาย 3 ช่องนี้แล้ว:

  • เปิดใช้งานการป้องกันสแปม – จะใช้โทเค็นรูปแบบอัจฉริยะเพื่อป้องกันการเข้าสู่ระบบจากบอท
  • ปิดใช้งานการจัดเก็บข้อมูลรายการใน WordPress – เราไม่จำเป็นต้องจัดเก็บการส่งแบบฟอร์มเหล่านี้ในฐานข้อมูล WordPress
  • ซ่อนแบบฟอร์มหากผู้ใช้เข้าสู่ระบบแล้ว – หากผู้ใช้ลงชื่อเข้าใช้แล้ว การแสดงแบบฟอร์มการเข้าสู่ระบบอีกครั้งจะสับสน การตั้งค่านี้ช่วยให้เราซ่อนได้อย่างง่ายดาย

คุณสามารถปรับแต่งการตั้งค่าอื่นๆ ได้หากต้องการ

ปรับแต่งการตั้งค่าแบบฟอร์มการเข้าสู่ระบบ

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

สุดท้าย ให้คลิก การยืนยัน

การตั้งค่าการยืนยันสำหรับแบบฟอร์มการเข้าสู่ระบบแบบกำหนดเอง

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

ในตัวอย่างนี้ เราจะเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าแรก

แบบฟอร์มการเข้าสู่ระบบที่กำหนดเองเปลี่ยนเส้นทาง

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

ขั้นตอนที่ 5: สร้างหน้าเข้าสู่ระบบแบบกำหนดเองของคุณ

ตอนนี้เราพร้อมที่จะเผยแพร่แบบฟอร์มการเข้าสู่ระบบใหม่ของคุณแล้ว

คุณสามารถฝังแบบฟอร์มการเข้าสู่ระบบที่กำหนดเองไว้ที่ใดก็ได้บนไซต์ของคุณ รวมถึง:

  • หน้า
  • กระทู้
  • ในแถบด้านข้าง
  • ในส่วนท้าย

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

ในการเริ่มต้น ให้คลิกปุ่ม ฝัง ที่ด้านบนของตัวสร้างแบบฟอร์ม

ฝังแบบฟอร์มการเข้าสู่ระบบของคุณในหน้าเข้าสู่ระบบที่กำหนดเอง

คลิก สร้างหน้าใหม่

สร้างหน้าเข้าสู่ระบบที่กำหนดเองใหม่

และตอนนี้ให้ชื่อเพจของคุณ เมื่อเสร็จแล้ว ให้ คลิก ไป กันเลย

สร้างหน้าเข้าสู่ระบบที่กำหนดเอง

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

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

เผยแพร่หน้าเข้าสู่ระบบ WordPress ที่กำหนดเอง

แค่นั้นแหละ! หน้าเข้าสู่ระบบ WordPress ที่กำหนดเองของคุณใช้งานได้จริงและพร้อมใช้งาน

ข้อควรจำ: คุณจะต้องออกจากระบบ WordPress เพื่อดูแบบฟอร์มที่เสร็จแล้ว! หากคุณเข้าสู่ระบบ คุณจะไม่เห็นหน้าจอเข้าสู่ระบบ

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

สร้างแบบฟอร์มการเข้าสู่ระบบแบบกำหนดเองของคุณตอนนี้

ขั้นตอนถัดไป: ปรับแต่งแบบฟอร์มการลงทะเบียนของคุณ

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

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

พร้อมที่จะสร้างแบบฟอร์มของคุณแล้วหรือยัง? เริ่มต้นวันนี้ด้วยปลั๊กอินสร้างแบบฟอร์ม WordPress ที่ง่ายที่สุด WPForms Pro รวมส่วนเสริมการลงทะเบียนผู้ใช้และเสนอการรับประกันคืนเงิน 14 วัน

หากบทความนี้ช่วยคุณได้ โปรดติดตามเราบน Facebook และ Twitter เพื่อดูบทแนะนำและคำแนะนำเกี่ยวกับ WordPress ฟรีเพิ่มเติม