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

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

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

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

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

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

การดำเนินการนี้จะเปิดตัวสร้างภาพ CSS Hero ซึ่งคุณสามารถแก้ไขและปรับแต่งเพจของคุณได้
ในการเริ่มต้น เพียงคลิกที่องค์ประกอบใดๆ บนหน้า

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

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

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

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

หลังจากนั้น ไปที่ SeedProd » Landing Pages จากแดชบอร์ด WordPress ของคุณ และเพิ่มหน้า Landing Page ที่ป้องกันด้วยรหัสผ่านที่กำหนดเองใหม่
ในบทความนี้ เราจะแสดงวิธีการเลือกหน้าที่มีการป้องกันด้วยรหัสผ่าน คุณสามารถใช้รหัสผ่านป้องกันทั้งไซต์หรือเฉพาะบางหน้าได้
สำหรับบทช่วยสอนนี้ เราจะสร้างหน้าเร็วๆ นี้สำหรับการเปิดตัวเว็บไซต์พร้อมการป้องกันด้วยรหัสผ่าน อย่างไรก็ตาม คุณสามารถปรับแต่งการออกแบบของคุณได้อย่างง่ายดาย หากคุณใช้เฉพาะเพื่อปกป้องหน้าเฉพาะด้วยรหัสผ่าน
ในการเริ่มต้น เพียงคลิกปุ่ม 'ตั้งค่าหน้าเร็วๆ นี้'

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

หลังจากเลือกเทมเพลตแล้ว SeedProd จะเปิดหน้าต่างป๊อปอัปที่ชื่อว่า 'ป้อนรายละเอียดหน้าใหม่ของคุณ'
คุณเพียงแค่ต้องเลือกชื่อหน้าและกระสุน URL จากนั้นเพียงคลิกปุ่ม 'บันทึกและเริ่มแก้ไขหน้า'

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


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

ถัดไป คุณสามารถคลิกที่บล็อก HTML ที่กำหนดเอง
จากที่นี่ ให้ป้อน รหัสย่อ [seed_bypass_form] ในช่อง 'รหัสที่กำหนดเอง' แค่นั้นแหละ! อย่าลืมคลิกปุ่ม 'บันทึก' เมื่อเสร็จแล้ว

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

การตั้งค่าการป้องกันด้วยรหัสผ่านสำหรับหน้าเฉพาะใน SeedProd
หลังจากสร้างเพจกำหนดเองเร็วๆ นี้ซึ่งใช้ รหัสย่อ [seed_bypass_form] ขั้นตอนต่อไปคือการตั้งค่าการป้องกันด้วยรหัสผ่านบนหน้าเฉพาะโดยใช้ SeedProd
ในการเริ่มต้น คุณจะต้องไปที่แท็บ 'การตั้งค่าหน้า' ในตัวสร้าง SeedProd จากนั้นคลิกที่การตั้งค่า 'การควบคุมการเข้าถึง'
หลังจากนั้น คุณสามารถป้อนรหัสผ่านในช่อง 'บายพาส URL' ที่ผู้อื่นสามารถใช้เพื่อเข้าถึงเนื้อหาที่ถูกจำกัดของคุณได้

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

เมื่อเสร็จแล้ว เพียงคลิกปุ่ม 'บันทึก' ที่ด้านบน
ถัดไป คุณสามารถไปที่การตั้งค่า 'ทั่วไป' ใต้แท็บ 'การตั้งค่าเพจ' และเปลี่ยนสถานะเพจจาก 'ฉบับร่าง' เป็น 'เผยแพร่'

หลังจากนั้น คุณสามารถปิดตัวสร้างหน้า Landing Page และไปที่ SeedProd » Landing Pages จากแผงผู้ดูแลระบบ WordPress ของคุณ
จากที่นี่ ให้คลิกปุ่มสลับภายใต้ 'โหมดเร็วๆ นี้' เพื่อเปิดใช้งานหน้าที่มีการป้องกันด้วยรหัสผ่านที่กำหนดเองของคุณ

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

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

ถัดไป คุณสามารถไปที่แท็บ 'การตั้งค่าหน้า' ที่ด้านบนและไปที่การตั้งค่า 'การควบคุมการเข้าถึง'
หลังจากนั้น ให้เลื่อนลงไปที่ส่วน 'รวม/ยกเว้น URL' และเลือกตัวเลือก 'แสดงบนเว็บไซต์ทั้งหมด'

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

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

อย่าลืมคลิกปุ่ม 'เผยแพร่' เมื่อเสร็จแล้ว
จากนั้น คุณสามารถไปที่ MemberPress » Rules จากแดชบอร์ด WordPress ของคุณและคลิกปุ่ม 'Add New'

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

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

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