วิธีสร้างแบบฟอร์มเข้าสู่ระบบใน WordPress โดยไม่ต้องใช้ปลั๊กอิน

เผยแพร่แล้ว: 2022-04-06

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

วิธีการสร้างหน้าเข้าสู่ระบบใน WordPress โดยไม่ต้องใช้ปลั๊กอินหรือกำหนดค่าหน้าเข้าสู่ระบบ WordPress เริ่มต้น ในบทช่วยสอนนี้ เราจะพูดถึงสองตัวเลือก: การสร้างเทมเพลตหน้าแบบกำหนดเองและการเขียนรหัสย่อหน้าเข้าสู่ระบบ บทช่วยสอนนี้จะแสดงวิธีสร้างหน้าเข้าสู่ระบบที่ให้คุณเข้าถึงแดชบอร์ด WordPress หลังจากที่คุณเข้าสู่ระบบแล้ว นักพัฒนาธีมสามารถแสดงแบบฟอร์ม WordPress ได้ทุกที่ด้วยฟังก์ชั่น WordPress WP_login_form() บนเว็บไซต์ WordPress ของพวกเขา เมื่อผู้ใช้เข้าสู่ระบบ เราจะแสดงข้อความต้อนรับบนหน้านั้นแทนแบบฟอร์มการเข้าสู่ระบบ สามารถใช้อาร์เรย์ $args เพื่อระบุวิธีการแสดงแบบฟอร์ม หากคุณเพิ่มรหัสย่อ [njengah-login-form] ลงในไฟล์ functions.php คุณควรสร้างหน้าเข้าสู่ระบบ

แบบฟอร์มการเข้าสู่ระบบควรปรากฏขึ้นตามที่แสดงในภาพด้านล่าง รูปแบบการเข้าสู่ระบบใน WordPress มีสไตล์ เพื่อให้แบบฟอร์มการเข้าสู่ระบบน่าดึงดูดยิ่งขึ้น ฉันได้รวมการออกแบบธีมที่ฉันใช้ในสไตล์ต่อไปนี้

ฉันจะสร้างแบบฟอร์มเข้าสู่ระบบใน WordPress ได้อย่างไร

เครดิต: wpusermanager.com

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

แบบฟอร์มเข้าสู่ระบบ WP เป็นวิธีง่ายๆ ในการสร้างแบบฟอร์มการเข้าสู่ระบบสำหรับไซต์ WordPress ใดๆ คุณสามารถใช้รหัสย่อเพื่อรวมไว้ในโพสต์ เพจ หรือแถบด้านข้าง ไม่ใช่ตัวเลือกเริ่มต้นที่คุณต้องเลือก แต่คุณสามารถเปลี่ยนปัจจัยเพิ่มเติมได้ reCAPTCHA v3 ของ Google ปกป้องแบบฟอร์มเข้าสู่ระบบ WP ของคุณจากสแปม โดยไปที่การตั้งค่า คุณสามารถกำหนดค่าคุณลักษณะนี้ แบบฟอร์มสามารถปรับแต่งได้ด้วยโครงสร้างคลาสโดยไม่ต้องเพิ่ม CSS และสร้างมาร์กอัปที่สะอาดโดยไม่ต้องเพิ่มคลาส

แบบฟอร์มเข้าสู่ระบบ WordPress

เครดิต: formidableforms.com

แบบฟอร์มเข้าสู่ระบบ WordPress เป็นแบบฟอร์มที่ผู้ใช้สามารถกรอกเพื่อเข้าสู่ระบบบัญชี WordPress ของตน แบบฟอร์มนี้สามารถพบได้ในหน้าเข้าสู่ระบบ WordPress

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

ฉันจะสร้างหน้าเข้าสู่ระบบ WordPress โดยไม่มีปลั๊กอินได้อย่างไร

การสร้างหน้าเข้าสู่ระบบ WordPress ด้วยเทมเพลตที่กำหนดเอง: เมื่อสร้างหน้าเข้าสู่ระบบ WordPress โดยไม่ต้องใช้ปลั๊กอิน คุณสามารถใช้ WP_login_form() เพื่อเผยแพร่แบบฟอร์มปลั๊กอินบนหน้าโดยใช้เทมเพลตที่กำหนดเอง

ปลั๊กอินสำหรับหน้าเข้าสู่ระบบใน WordPress

เครดิต: Colorlib

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

ในปัจจุบัน มีส่วนขยายพรีเมียมอยู่เจ็ดรายการ และจะมีอีกมากในอนาคต (ยินดีรับข้อเสนอแนะ ข้อเสนอแนะใดๆ จะได้รับการชื่นชม และจะมีการให้ทดลองใช้งานฟรี) คุณจะไม่สามารถใช้ฟอรัม WordPress เพื่อซื้อส่วนขยายจากเว็บไซต์ Frosty Media ที่ไม่ได้โฮสต์บน WordPress.org ผู้ที่สนใจจะแสดงบัญชี Flickr ของตนควรไปที่กลุ่ม Flickr เราจะเพิ่มการอัปโหลดของคุณไปยังพูลของเราโดยอัตโนมัติ ในการติดตั้งปลั๊กอิน ให้ทำตามคำแนะนำด้านล่าง ก่อนใช้โปรแกรม ผู้ใช้จะต้องมีรหัสใบอนุญาตที่ถูกต้อง ใน Frosty คุณจะพบส่วนขยายการเข้าสู่ระบบแบบกำหนดเองทั้งหมดที่คุณต้องการ

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

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

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

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

รหัสแบบฟอร์มเข้าสู่ระบบ WordPress Frontend

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

Google เข้าสู่ระบบ WordPress โดยไม่ต้องใช้ปลั๊กอิน

มีสองสามวิธีในการเข้าสู่ระบบ WordPress โดยไม่ต้องใช้ปลั๊กอิน วิธีหนึ่งคือการใช้แอป Google Authenticator เมื่อคุณติดตั้งแอปในโทรศัพท์แล้ว คุณสามารถไปที่หน้าบัญชี Google และเปิดใช้งานการตรวจสอบสิทธิ์แบบสองปัจจัย หลังจากนั้น คุณจะต้องป้อนรหัสจากแอปทุกครั้งที่เข้าสู่ระบบ
อีกวิธีในการเข้าสู่ระบบ WordPress โดยไม่ต้องใช้ปลั๊กอินคือการใช้บริการภายนอกเช่น Authy Authy เป็นบริการตรวจสอบสิทธิ์แบบสองปัจจัยที่สามารถใช้กับ WordPress ได้ คุณสามารถดูคำแนะนำเกี่ยวกับวิธีตั้งค่าได้จากเว็บไซต์ Authy
สุดท้าย คุณยังสามารถใช้โทเค็นของฮาร์ดแวร์ เช่น YubiKey ได้อีกด้วย YubiKey เป็นอุปกรณ์ USB ที่คุณสามารถใช้เพื่อเข้าสู่ระบบ WordPress คุณสามารถดูคำแนะนำเกี่ยวกับวิธีการตั้งค่าได้จากเว็บไซต์ YubiKey

คุณไม่จำเป็นต้องกังวลเกี่ยวกับความปลอดภัยหรือปัญหาอื่นๆ หากคุณใช้ปลั๊กอินสำหรับฟังก์ชันประเภทนี้ โปรแกรมเมอร์ตามฤดูกาลส่วนใหญ่ไม่คุ้นเคยกับไลบรารี OAuth แต่ถ้าคุณทำตามบทช่วยสอนง่ายๆ นี้ คุณจะคุ้นเคย ฉันใช้ Google OAuth2 เพื่อสร้างระบบเข้าสู่ระบบ WordPress และดึงข้อมูลช่อง YouTube จากเว็บ ฟังก์ชันนี้สามารถใช้เป็นกลไกการเข้าสู่ระบบเท่านั้น และสามารถลบชื่อผู้ใช้และรหัสผ่านในตัวออกได้ ฉันจะปิดการใช้งาน wordpress ที่สร้างขึ้นในกลไกการตรวจสอบได้อย่างไร

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

หากคุณต้องการสร้างหน้าเข้าสู่ระบบและลงทะเบียนแบบกำหนดเองใน WordPress คุณจะต้องสร้างเทมเพลตหน้าใหม่ จากนั้นใช้ฟังก์ชัน wp_login_form() เพื่อส่งออกแบบฟอร์มการเข้าสู่ระบบ จากนั้นคุณสามารถใช้ฟังก์ชัน wp_register_form() เพื่อส่งออกแบบฟอร์มการลงทะเบียน

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

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

สร้างรหัสย่อหน้าเข้าสู่ระบบ

สมมติว่าคุณต้องการบทช่วยสอนเกี่ยวกับวิธีสร้างรหัสย่อหน้าเข้าสู่ระบบ:
รหัสย่อหน้าเข้าสู่ระบบคือรหัสที่ช่วยให้คุณสามารถสร้างหน้าเข้าสู่ระบบที่กำหนดเองสำหรับเว็บไซต์ WordPress ของคุณ สิ่งนี้มีประโยชน์หากคุณต้องการสร้างหน้าเข้าสู่ระบบที่ตรงกับรูปลักษณ์ของเว็บไซต์ของคุณ หรือหากคุณต้องการเพิ่มคุณสมบัติเพิ่มเติมในหน้าเข้าสู่ระบบของคุณ
ในการสร้างรหัสย่อหน้าเข้าสู่ระบบ คุณจะต้องเพิ่มรหัสต่อไปนี้ในไฟล์ functions.php ของคุณ:
ฟังก์ชั่น my_login_page_shortcode () {
ถ้า ( is_user_logged_in() ) {
ทั่วโลก $current_user;
get_currentuserinfo();
echo 'ยินดีต้อนรับ' $current_user->user_login . '!';
} อื่น {
echo 'กรุณาเข้าสู่ระบบเพื่อดูเนื้อหานี้';
}
}
add_shortcode( 'login_page', 'my_login_page_shortcode' );
รหัสนี้จะสร้างรหัสย่อหน้าเข้าสู่ระบบที่คุณสามารถใช้ได้บนหน้าหรือโพสต์บนไซต์ WordPress ของคุณ เมื่อใช้งาน รหัสย่อนี้จะแสดงข้อความถึงผู้ใช้ที่เข้าสู่ระบบ และแบบฟอร์มการเข้าสู่ระบบสำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบ

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