Cara Menyesuaikan Halaman yang Dilindungi Kata Sandi di WordPress

Diterbitkan: 2022-10-12

Apakah Anda ingin membuat halaman khusus yang dilindungi kata sandi di situs web Anda?

Anda dapat menyembunyikan konten dan membatasi akses ke halaman tertentu menggunakan perlindungan kata sandi WordPress. Namun, tata letak login dan entri sandi default sederhana dan tidak menarik.

Pada artikel ini, kami akan menunjukkan cara menyesuaikan halaman yang dilindungi kata sandi di WordPress.

Cara Menyesuaikan halaman yang dilindungi kata sandi di WordPress

Mengapa Menyesuaikan Halaman yang Dilindungi Kata Sandi di WordPress?

Jika Anda ingin membuat halaman atau posting di blog WordPress Anda yang hanya dapat dilihat oleh klien atau anggota tertentu, Anda dapat menggunakan fitur proteksi kata sandi untuk mengunci konten.

Demikian pula, jika Anda membuat situs web WordPress baru dan tidak ingin semua orang melihatnya, maka menggunakan halaman yang dilindungi kata sandi masuk akal.

Namun, desain halaman yang dilindungi kata sandi default sangat mendasar dan tidak menarik. Berikut preview tampilannya:

Halaman dasar yang dilindungi kata sandi

Menyesuaikan halaman yang dilindungi kata sandi memungkinkan Anda mengubah desain dan tata letaknya sesuai keinginan. Ini membantu membuat halaman Anda lebih menarik, dan Anda dapat mencocokkannya dengan merek Anda untuk tampilan yang lebih profesional dan pengalaman pengguna yang lebih baik.

Karena itu, kami akan menunjukkan kepada Anda cara mengaktifkan perlindungan kata sandi di WordPress dan berbagai cara untuk menyesuaikan halaman tertentu, seluruh situs Anda, dan bagian yang berbeda.

Anda dapat mengeklik tautan di bawah untuk melompat ke bagian pilihan Anda:

  • Cara Melindungi Halaman dengan Kata Sandi di WordPress
  • Sesuaikan Desain Dilindungi Kata Sandi Default Menggunakan Pahlawan CSS
  • Kustomisasi Halaman Terlindungi Kata Sandi Tertentu Menggunakan SeedProd
  • Buat Halaman yang Dilindungi Kata Sandi Khusus untuk Seluruh Situs Web
  • Buat Bagian yang Dilindungi Kata Sandi di WordPress (Bagus untuk Kursus & Konten Premium)

Cara Melindungi Halaman dengan Kata Sandi di WordPress

Sebelum kami menunjukkan kepada Anda cara menyesuaikan halaman WordPress, Anda harus tahu bahwa WordPress dilengkapi dengan pengaturan bawaan untuk melindungi halaman dan posting Anda dengan kata sandi.

Yang harus Anda lakukan adalah mengedit halaman atau menambahkan yang baru. Setelah Anda berada di editor konten WordPress, lanjutkan dan klik opsi 'Publik' di bawah 'Status & visibilitas' di panel pengaturan di sebelah kanan Anda.

Ubah pengaturan visibilitas di editor konten

Selanjutnya, Anda akan melihat opsi Visibilitas Postingan yang berbeda.

Cukup pilih opsi 'Dilindungi Kata Sandi' dan masukkan kata sandi untuk halaman Anda.

Pilih opsi yang dilindungi kata sandi

Sekarang, lanjutkan dan klik 'Perbarui' atau 'Terbitkan', dan halaman langsung akan dilindungi oleh kata sandi.

Anda sekarang dapat mengunjungi situs web Anda dan melihat halaman beraksi.

Pratinjau halaman yang dilindungi kata sandi menggunakan editor konten

Sekarang, mari kita lihat bagaimana Anda dapat menyesuaikan halaman default yang dilindungi kata sandi.

Sesuaikan Desain Dilindungi Kata Sandi Default Menggunakan Pahlawan CSS

Saat Anda mengaktifkan perlindungan kata sandi dari editor konten WordPress Anda, halaman menggunakan tema situs Anda untuk penataan gaya.

Untuk menyesuaikan halaman, Anda cukup menggunakan alat seperti CSS Hero. Ini memungkinkan Anda mengedit desain dan tata letak halaman Anda tanpa mengedit kode.

Pertama, Anda harus menginstal dan mengaktifkan plugin CSS Hero. Untuk detail lebih lanjut, silakan lihat panduan kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, opsi pahlawan CSS akan ditambahkan ke bilah admin WordPress di bagian atas. Silakan dan klik opsi 'Sesuaikan dengan Pahlawan CSS'.

Sesuaikan dengan pahlawan CSS

Ini akan meluncurkan pembuat visual Pahlawan CSS, tempat Anda dapat mengedit dan menyesuaikan halaman Anda.

Untuk memulai, cukup klik pada elemen apa pun di halaman.

Klik elemen untuk mulai mengedit

Selanjutnya, Anda dapat mengubah warna latar belakang, menambahkan gambar latar belakang, menggunakan font yang berbeda, mengedit spasi, dan lainnya dari panel di sebelah kiri Anda.

Misalnya, mari tambahkan warna latar belakang dengan efek gradien dengan membuka tab 'Latar Belakang'. Kami juga akan mengubah warna kotak tempat pengguna harus mengetikkan sandi, serta warna tombol 'Enter'.

Ubah warna latar belakang

Selain itu, Anda dapat menambahkan batas di sekitar judul utama halaman dengan masuk ke tab Batas.

Cukup pilih lebar batas, warna, gaya, dan perubahan lain yang Anda suka.

Edit batas dan simpan perubahan Anda

Setelah Anda melakukan perubahan, jangan lupa untuk mengklik tombol 'Simpan & Terbitkan' di bagian bawah.

Anda sekarang dapat mengunjungi situs web Anda untuk melihat halaman default yang dilindungi kata sandi.

Pratinjau halaman yang dilindungi kata sandi khusus dengan pahlawan CSS

Kelemahan menggunakan CSS Hero adalah Anda tidak mendapatkan fleksibilitas dan opsi penyesuaian lanjutan yang ditawarkan oleh pembuat halaman arahan.

Misalnya, Anda tidak dapat menambahkan elemen seperti formulir kontak, tombol media sosial, formulir optin, penghitung waktu mundur, dan lainnya menggunakan Pahlawan CSS.

Karena itu, mari kita lihat bagaimana Anda dapat menggunakan pembuat halaman arahan untuk menyesuaikan halaman tertentu di WordPress.

Kustomisasi Halaman Terlindungi Kata Sandi Tertentu Menggunakan SeedProd

Cara termudah untuk menyesuaikan halaman tertentu yang dilindungi kata sandi adalah dengan menggunakan SeedProd. Ini adalah situs web dan pembuat halaman WordPress terbaik.

Untuk tutorial ini, kami akan menggunakan versi SeedProd Pro karena menyertakan template premium dan lebih banyak fitur kustomisasi. Anda juga dapat menggunakan versi SeedProd Lite secara gratis dan membuat halaman segera hadir.

Pertama, Anda harus menginstal dan mengaktifkan plugin SeedProd. Jika Anda memerlukan bantuan, silakan lihat panduan kami tentang cara memasang plugin WordPress.

Setelah aktivasi, Anda akan dibawa ke layar selamat datang SeedProd di dasbor WordPress Anda. Selanjutnya, Anda harus memasukkan kunci lisensi dan klik tombol 'Verifikasi Kunci'. Anda dapat menemukan kunci lisensi di area akun SeedProd Anda.

Masukkan kunci lisensi SeedProd

Setelah itu, buka SeedProd » Landing Pages dari dasbor WordPress Anda dan tambahkan halaman arahan khusus yang dilindungi kata sandi.

Nanti di artikel ini, kami akan menunjukkan cara memilih halaman mana yang dilindungi kata sandi. Anda dapat melindungi sandi seluruh situs Anda atau hanya halaman tertentu.

Untuk tutorial ini, kami akan membuat halaman segera hadir untuk peluncuran situs web dengan perlindungan kata sandi. Namun, Anda dapat menyesuaikan desain Anda dengan mudah jika Anda hanya menggunakannya untuk melindungi halaman tertentu dengan kata sandi.

Untuk memulai, cukup klik tombol 'Siapkan Halaman Segera Hadir'.

Buat halaman baru segera hadir

Pada layar berikutnya, SeedProd akan menampilkan template halaman yang berbeda, sehingga Anda dapat menyesuaikannya dengan cepat.

Silakan dan arahkan kursor ke template apa pun yang ingin Anda gunakan dan klik tombol tanda centang oranye.

Pilih template

Setelah memilih template, SeedProd akan membuka jendela popup berjudul 'Enter your new page details.'

Anda hanya perlu memilih nama halaman dan slug URL, lalu cukup klik tombol 'Simpan dan Mulai Mengedit Halaman'.

Masukkan nama templat halaman

Ini akan meluncurkan pembuat halaman drag-and-drop SeedProd.

Di sini Anda dapat menyesuaikan halaman arahan yang dilindungi kata sandi dan menambahkan berbagai elemen seperti teks, gambar, tombol, dan banyak lagi. SeedProd menawarkan blok lanjutan seperti formulir optin, formulir kontak, penghitung waktu mundur, bilah kemajuan, opsi berbagi sosial, dan banyak lagi.

Untuk menambahkan elemen, Anda cukup menarik blok apa pun dari menu di sebelah kiri Anda dan meletakkannya di template di sebelah kanan. Kemudian Anda dapat menyesuaikan elemen hanya dengan mengkliknya dan menyesuaikan opsi yang muncul.

Tambahkan blok ke template Anda

Ini juga bagaimana SeedProd memungkinkan Anda menambahkan formulir kata sandi di bagian depan halaman Anda untuk melindungi konten Anda.

Pertama, Anda dapat menambahkan blok 'HTML Kustom' di pembuat SeedProd. Cukup seret dan lepas blok HTML Khusus ke template.

Tambahkan blok HTML khusus

Selanjutnya, Anda dapat mengklik pada blok Custom HTML.

Dari sini, masukkan kode pendek [seed_bypass_form] di bidang 'Kode Kustom'. Itu dia! Jangan lupa klik tombol 'Simpan' jika sudah selesai.

Masukkan kode pendek

SeedProd juga terintegrasi dengan layanan pemasaran email yang berbeda. Anda dapat menambahkan formulir kontak ke halaman arahan Anda dan menghubungkan alat pemasaran email untuk membangun daftar email Anda dan tetap berhubungan dengan pengguna.

Cukup buka tab 'Hubungkan' di pembuat halaman arahan dan pilih layanan pemasaran email Anda.

Hubungkan layanan pemasaran email

Menyiapkan Perlindungan Kata Sandi Untuk Halaman Tertentu di SeedProd

Setelah membuat halaman kustom segera hadir yang menggunakan kode pendek [seed_bypass_form] , langkah selanjutnya adalah mengatur proteksi kata sandi pada halaman tertentu menggunakan SeedProd.

Untuk memulai, Anda harus pergi ke tab 'Pengaturan Halaman' di pembuat SeedProd dan kemudian klik pengaturan 'Kontrol Akses'.

Setelah itu, Anda dapat memasukkan kata sandi di bidang 'Bypass URL' yang dapat digunakan orang untuk mengakses konten Anda yang dibatasi.

Pengaturan kontrol akses

Perhatikan bahwa teks yang Anda tulis di bidang 'Bypass URL' akan bertindak sebagai kata sandi dan juga tautan yang dapat digunakan klien dan anggota tim untuk memutar balik perlindungan kata sandi dan mengakses halaman.

SeedProd memungkinkan Anda mengecualikan URL tertentu dari situs Anda seperti admin, login, dasbor, dan akun. Ini memastikan bahwa pemilik situs tidak terkunci dari situs mereka.

Sekarang, Anda harus memilih URL mana yang akan dilindungi kata sandi.

Cukup gulir ke bawah ke bagian 'Sertakan/Kecualikan URL' di bawah setelan 'Kontrol Akses'. Setelah itu, pilih opsi 'Sertakan URL' lalu masukkan halaman tertentu yang ingin Anda batasi.

Sertakan halaman untuk melindungi kata sandi

Setelah selesai, cukup klik tombol 'Simpan' di bagian atas.

Selanjutnya, Anda dapat pergi ke pengaturan 'Umum' di bawah tab 'Pengaturan Halaman' dan ubah Status Halaman dari 'Draf' menjadi 'Terbitkan'.

Publikasikan halaman arahan Anda

Setelah itu, Anda dapat menutup pembuat halaman arahan dan menuju ke SeedProd »Halaman Arahan dari panel admin WordPress Anda.

Dari sini, klik sakelar di bawah 'Mode Segera Hadir' untuk mengaktifkan halaman khusus Anda yang dilindungi kata sandi.

Aktifkan halaman segera hadir

Itu saja! Anda telah berhasil membuat halaman arahan khusus yang dilindungi kata sandi yang hanya akan muncul di halaman tertentu di WordPress.

Cukup kunjungi halaman tersebut di situs web Anda untuk melihat halaman yang dilindungi kata sandi yang disesuaikan beraksi.

Pratinjau halaman khusus yang dilindungi kata sandi

Buat Halaman yang Dilindungi Kata Sandi Khusus untuk Seluruh Situs Web

Menggunakan SeedProd, Anda juga dapat menampilkan halaman yang dilindungi kata sandi di setiap halaman situs web Anda. Dengan cara ini, pengguna harus memasukkan kata sandi untuk mendapatkan akses ke konten Anda.

Pertama, Anda bisa pergi ke SeedProd » Landing Pages dari dashboard WordPress Anda. Kemudian, klik tombol 'Edit Halaman' di panel 'Mode Segera Hadir'.

Edit halaman segera hadir

Selanjutnya, Anda dapat menuju ke tab 'Pengaturan Halaman' di bagian atas dan pergi ke pengaturan 'Kontrol Akses'.

Setelah itu, gulir ke bawah ke bagian 'Sertakan/Kecualikan URL' dan pilih opsi 'Tampilkan di Seluruh Situs Web'.

Tampilkan di seluruh opsi situs web

Setelah Anda membuat perubahan, lanjutkan dan klik tombol 'Simpan' di bagian atas.

SeedProd akan menampilkan halaman khusus yang dilindungi kata sandi di seluruh situs web Anda.

Buat Bagian yang Dilindungi Kata Sandi Khusus di WordPress

Anda juga dapat melindungi kata sandi bagian situs web yang berbeda di WordPress dari kumpulan pengguna yang berbeda. Ini berguna jika Anda menjalankan situs web keanggotaan dan ingin mengontrol akses ke konten, plugin, aplikasi, dan file lain yang dapat diunduh.

Cara terbaik untuk membatasi berbagai bagian situs web Anda adalah dengan menggunakan MemberPress. Ini adalah plugin keanggotaan WordPress terbaik yang memungkinkan Anda membuat beberapa tingkat keanggotaan untuk melindungi konten Anda dengan kata sandi.

Anda dapat menggunakan MemberPress untuk mengatur aturan yang berbeda, sehingga pengguna hanya dapat mengakses konten berdasarkan tingkat keanggotaan mereka. Untuk detail lebih lanjut, silakan lihat panduan kami tentang membuat situs keanggotaan WordPress.

Untuk memulai, Anda harus terlebih dahulu menambahkan keanggotaan ke situs web Anda. Cukup buka MemberPress »Keanggotaan dari dasbor WordPress Anda dan klik tombol 'Tambah Baru'.

Tambahkan paket keanggotaan baru

Setelah itu, Anda dapat memasukkan nama untuk tingkat keanggotaan Anda, menambahkan deskripsi, dan menetapkan harga.

Anda juga dapat mengubah jenis penagihan dari satu kali menjadi berulang, serta mengedit keanggotaan menjadi seumur hidup atau kedaluwarsa setelah jangka waktu tertentu.

Tambahkan tingkat keanggotaan

Jangan lupa klik tombol 'Publikasikan' jika sudah selesai.

Selanjutnya, Anda dapat pergi ke MemberPress »Aturan dari dashboard WordPress Anda dan klik tombol 'Tambah Baru'.

Tambahkan aturan keanggotaan baru

Dari sini, Anda dapat mengeklik menu tarik-turun di bawah opsi 'Konten yang Dilindungi'. MemberPress menawarkan banyak opsi untuk melindungi konten Anda, apakah itu satu halaman atau semua halaman WordPress Anda.

Untuk tutorial ini, kami akan melindungi satu halaman dengan kata sandi. Cukup pilih opsi 'Satu Halaman' dari menu tarik-turun dan masukkan judul halaman.

Siapkan aturan untuk perlindungan kata sandi

Selanjutnya, Anda harus mengatur Access Conditions dan mengonfigurasi siapa yang dapat melihat halaman yang dibatasi. MemberPress memungkinkan Anda melindungi konten berdasarkan tingkat keanggotaan, peran pengguna WordPress, kemampuan, dan anggota individu.

Mari kita atur 'Membership' menjadi 'Premium' dari menu dropdown untuk tutorial ini. Dengan cara ini, hanya anggota premium yang dapat mengakses halaman tersebut. Anda dapat menambahkan lebih banyak ketentuan dan mengizinkan lebih dari 1 tingkat keanggotaan untuk melihat halaman.

Setelah selesai, jangan lupa untuk mengklik tombol 'Simpan Aturan'.

Anda kemudian dapat mengunjungi situs web Anda untuk melihat halaman yang dilindungi kata sandi beraksi. Anggota harus masuk ke akun mereka untuk melihat konten halaman.

Lihat halaman yang dilindungi kata sandi keanggotaan

Anda dapat mengatur kata sandi untuk video Anda, atau Anda dapat menawarkan keanggotaan grup untuk tim perusahaan. Selain itu, Anda dapat membuat kata sandi untuk memberi pelanggan akses ke buletin berbayar dan banyak lagi.

Kami juga memiliki panduan tentang cara melindungi formulir Anda dengan kata sandi di WordPress.

Kami harap artikel ini membantu Anda mempelajari cara menyesuaikan halaman yang dilindungi kata sandi di WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara membuat tema WordPress kustom sepenuhnya tanpa menulis kode apa pun, atau perbandingan plugin SEO WordPress terbaik kami.

Jika Anda menyukai artikel ini, silakan berlangganan Saluran YouTube kami untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.