การสร้างหน้า WordPress Login แบบกำหนดเอง

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

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

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

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

การติดตั้งปลั๊กอิน Theme My Login

ที่หลังบ้าน WordPress ไปที่ Plugins -> Add New Plugin

ที่หน้า Add Plugins ให้ใส่คำว่า Theme My Login ที่ช่อง Keyword

Install และ Activate ให้เรียบร้อย

หลังจากเปิดใช้งานปลั๊กอินแล้ว เมื่อเข้าหน้า Login ก็จะเห็นว่ามีการเปลี่ยนแปลง ไม่ได้ใช้หน้าที่มากับ WordPress แล้ว

อธิบายเมนูของ Theme My Login

ที่หลังบ้านส่วนปรับแต่งของปลั๊กอิน เข้าได้ที่ Theme My Login จะมีอยู่ 2 เมนู

Theme My Login -> General

เป็นหน้าที่ใช้ตั้งค่าทั่วไป, ค่าเกี่ยวกับการสมัครสมาชิก และ Slugs ที่จะแสดง URL Slug ของหน้าที่ปลั๊กอิน Theme My Login ใช้ ไม่ได้มีเฉพาะหน้าเข้าสู่ระบบ แต่ยังมีหน้า Dashboard, Log Out, Register, Lost Password และ Reset Password โดยเราสามารถสร้างหน้าเข้าสู่ระบบขึ้นมาเอง​ โดยใช้ Shortcodes ของ Theme My Login แล้วนำ page slug มาใส่แทนที่ slug ของหน้า Log In ที่ Theme My Login กำหนดมา

Theme My Login -> Extensions

แสดงส่วนเสริมทั้งหมดที่ใช้ร่วมกับปลั๊กอิน Theme My Login ได้

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

เลือกที่ Pages -> Add New Page เพื่อสร้างหน้าใหม่

จะสร้างโดยใช้ WordPress Editor ให้ตั้งชื่อ Page และเพิ่ม Block Shortcode และใส่ Shortcode ของ Theme My Login ซึ่งจะใช้ shortcode นี้ -> [theme-my-login]

จากนั้นคลิกที่ปุ่ม Public แล้ว copy url ของ page ไว้

ที่ช่อง Log in นำ url ของ page ที่ก๊อปปี้ไว้ ไปวางแทนที่ แล้วคลิกปุ่ม Save Changes

เมื่อเข้าไปดูที่หน้า Login ก็จะเห็นว่าหน้าเข้าสู่ระบบที่เราสร้างขึ้นถูกใช้แทนที่หน้า Login ของ Theme My Login แล้ว

ลองปรับแต่งเพิ่มเติมใส่สีพื้นหลัง

ปลั๊กอิน Theme My Login นั้น เปิดโอกาสให้นักพัฒนาปรับแต่งในระดับ Coding ได้ โดยเข้าไปดูรายละเอียดต่างๆ รวมถึง Shortcode ได้ที่หน้า Documentation ของ Theme My Login ที่นี่ -> doc.thememylogin

สรุป

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