Wordpress

Cara Membuat Halaman Login WordPress Kustom dengan Plugin Login Kustom Caldera .

Halaman
login WordPress kustom bukanlah konsep baru, tetapi plugin telah datang dan pergi, membuka jalan bagi beberapa opsi halaman login kustom yang dirancang lebih bagus.  Karena itu, saya ingin menunjukkan kepada Anda cara membuat halaman login WordPress kustom Anda sendiri dengan bantuan plugin Login Kustom Caldera.

Ini adalah plugin premium, tetapi dalam perbandingan saya, Anda menerima beberapa alat yang sangat intuitif untuk mengunggah foto resolusi tinggi dengan cepat dan mengubah hampir setiap opsi warna pada halaman login – yang seringkali tidak dapat dicapai dengan plugin halaman login gratis. Untuk memulai, buka situs web plugin Caldrea Custom Login di sini dan unduh alatnya.  Teruslah membaca untuk mempelajari cara menerapkan halaman login khusus.

Cara Membuat Halaman Login WordPress Kustom

Langkah 1: Instal dan Aktifkan Plugin Login Kustom Caldera

Di dasbor WordPress Anda, buka Plugin > Add New dan arahkan ke tombol Upload Plugin.  Halaman berikutnya ini menyediakan area bagi Anda untuk mengklik tombol Pilih File, yang membuka halaman untuk menemukan file plugin di komputer Anda.  Cari file, di mana pun Anda meletakkannya di komputer, dan pilih untuk dibawa ke dasbor Anda.

Ini adalah file zip, jadi Anda tidak perlu membuka zip atau mengeluarkan file apa pun di dalam zip untuk mengunggahnya.  Klik tombol Instal Sekarang untuk melanjutkan.

Halaman baru muncul di mana Anda dapat mengklik tautan Aktifkan plugin untuk membuat plugin mulai bekerja di situs web Anda.

Langkah 2: Menemukan Pengaturan untuk Memulai Desain Anda

Langkah selanjutnya adalah menemukan di mana Anda akan mengubah pengaturan dan memodifikasi seperti apa tampilan formulir login khusus Anda.  Gulir ke atas tombol Penampilan di sisi kiri dasbor WordPress Anda.  Pilih opsi Login Kustom untuk melanjutkan.  Selama Anda membeli plugin dari situs web Caldera Custom Login, Anda tidak perlu mendaftarkan produk di dashboard WordPress Anda.

Langkah 3: Menyesuaikan Pengaturan Panel Utama Halaman Masuk

Tab pertama yang harus dilihat adalah berjudul Panel, di mana Anda dapat memulai dengan mengubah Judul Halaman dan Logo.  Untuk tutorial ini saya mengelola halaman login untuk portofolio pribadi saya, tetapi saya dapat melihat pengembang menggunakannya untuk semua klien mereka.  Jadi, Anda akan mengubah Judul Halaman menjadi nama perusahaan.  Klik tautan Unggah di sebelah bidang Logo dan pilih logo khusus yang ingin Anda tampilkan.  Ini berfungsi baik untuk pencitraan merek dan bahkan untuk melacak klien Anda sendiri saat masuk ke backend mereka.  Jangan ragu untuk memilih gambar mini atau gambar ukuran penuh untuk logo.

login_panel_options

Gulir ke bawah untuk memodifikasi Logo Background Color, Logo Padding dan Logo/Text Link.  Warna latar belakang hanya mengelilingi logo, padding mengubah seberapa jauh logo itu meluas dan Logo/Tautan Teks memungkinkan Anda menempelkan tautan jika Anda ingin orang diarahkan ke suatu tempat saat mengklik logo.  Ini mungkin menuju frontend situs atau ke halaman dukungan Anda jika Anda menjalankan perusahaan desain situs web.

first_login_customization_run

Saat kami menggulir sedikit ke bawah pada halaman Panel, Anda akan melihat beberapa opsi untuk memasukkan lebih banyak foto pada formulir login.  Gambar Latar Belakang Panel mengambil semua area di belakang bidang nama pengguna dan kata sandi Anda dan mengisinya dengan foto.  Bermain-main dengan foto yang berbeda, tetapi saya menemukan bahwa semakin sedikit detail gambar, semakin baik, karena tertutup oleh teks dan bidang, jadi gambar orang tidak akan ditampilkan dengan baik.

gambar-gambar

Anda juga dapat mengubah di sekitar batas, pemisah, dan warna teks untuk membantu membedakan antara gambar panel dan gambar latar belakang.  Saya menemukan bahwa itu terlihat baik-baik saja dengan meninggalkan pengaturan default, tetapi saya dapat melihat banyak organisasi bermain-main dengan warna agar terlihat tepat.

Fitur pengunggahan gambar yang terakhir dan paling seru adalah untuk latar belakang.  Saya telah bekerja dengan beberapa alat kustomisasi halaman login lainnya, dan beberapa di antaranya mengalami kesulitan karena mereka terlalu meregangkan gambar atau memaksa gambar menjadi efek ubin, tergantung pada ukuran dan resolusi gambar latar belakang Anda.

diubah_latar belakang_gambar

Plugin Caldera Custom Login bekerja dengan baik dengan hampir semua gambar yang saya coba unggah sebagai latar belakang.  Ambil foto yang lebih besar dari komputer Anda dan unggah ke dasbor.  Anda dapat memilih untuk mengubah ukuran gambar pada halaman login Anda.  Untuk logo saya akan tetap menggunakan ukuran thumbnail.  Gambar latar belakang panel paling cocok dengan ukuran sedang, dan gambar latar halaman terlihat bagus dengan pengaturan ukuran besar atau penuh, tergantung pada ukuran gambar aslinya.

Jangan ragu untuk melihat bagaimana pengaturan latar belakang ubin bekerja untuk Anda, tetapi menurut saya ini selalu membuat halaman terlihat berantakan dan mengganggu.  Setelah Anda selesai mengunggah foto dan berpindah di sekitar pengaturan warna Anda, klik tombol Simpan Perubahan untuk melanjutkan.

Sayangnya, plugin tidak menawarkan tombol pratinjau di dalam dasbor sehingga Anda harus keluar dari dasbor WordPress setiap kali Anda membuat perubahan dan ingin melihat tampilannya.  Jadi, keluar dari akun Anda untuk melihat apa yang terjadi di halaman login.  Seperti yang Anda lihat, itu sangat tergantung pada gambar mana yang Anda unggah ke halaman login, karena banyak foto berbenturan.  Namun, tweak perbatasan sederhana atau perubahan foto memungkinkan tata letak yang lebih menyenangkan.

produk akhir

Langkah 4: Memodifikasi Tombol dan Bidang

Klik pada tab Buttons and Fields untuk melihat daftar panjang pengaturan warna.  Ini berkisar dari latar belakang tombol masuk hingga warna batas masukan.

tombol_dan_bidang

Sekali lagi, ini semua tergantung pada jenis merek yang Anda tuju, jadi pilih dan pilih berdasarkan preferensi desain Anda.  Yang harus Anda lakukan adalah mengklik tombol Select Color dan memilih dari skema warna yang disediakan.  Plugin ini juga menyediakan bidang untuk menempelkan kode warna yang telah ditentukan.

pilih_warna

Setelah Anda selesai membuat warna yang sempurna untuk tombol dan bidang Anda, klik tombol Simpan Perubahan dan keluar dari dasbor WordPress Anda untuk melihat perubahan.

Langkah 5: Mengatur Pemberitahuan Anda

Tab Pemberitahuan cukup mirip dengan opsi Tombol dan Bidang, karena itu hanya daftar pengaturan warna untuk Anda klik dan modifikasi.  Pemberitahuan info adalah untuk pemberitahuan umum, sedangkan pemberitahuan kesalahan muncul saat Anda tidak masuk dengan kredensial yang benar.  Sekali lagi, defaultnya sering kali cocok, tetapi jangan ragu untuk menghasilkan warna Anda sendiri.

notices_errors_and_footer

Pengaturan terakhir pada halaman ini memerlukan footer.  Ketik pernyataan di bidang Teks Footer jika diperlukan.  Anda dapat menggunakan ini untuk informasi hak cipta atau bahkan untuk menyertakan detail kontak jika Anda menjalankan perusahaan desain situs web dan ingin klien Anda selalu mengingat cara menghubungi Anda.  Setelah memilih warna teks footer Anda, pilih tombol Simpan Perubahan untuk melanjutkan.

Langkah 6: Mengimpor dan Mengekspor Konten dari Login Kustom Kaldera

Plugin Caldera Custom Login memiliki tautan tambahan di bagian atas halaman pengaturan untuk mengimpor atau mengekspor konten.  Fitur praktis ini sebenarnya adalah salah satu sorotan utama, karena saya berasumsi banyak desainer situs web ingin membuat halaman login serupa untuk klien mereka.

ekspor_dan_impor

Alih-alih mengubah pengaturan untuk setiap situs, ekspor desain dari situs web pertama Anda dan impor file ke dasbor klien Anda yang lain.  Sayangnya, fitur ekspor tidak menyertakan file gambar apa pun yang kita bicarakan di langkah sebelumnya, tetapi setidaknya Anda dapat mentransfer melalui pilihan warna.

Tinjauan Singkat tentang Plugin Login Kustom Caldera

Saya menikmati halaman login kustom yang dirancang dengan baik, karena memecah monoton logo WordPress lama dan latar belakang polos yang Anda lihat setiap hari.  Selain preferensi pribadi, plugin Caldera Custom Login melayani desainer situs web dengan baik, karena branding adalah bagian besar dalam menghasilkan bisnis dan membuat hidup lebih mudah bagi klien.

Yang baik

Pugin Caldera mudah ditemukan di dasbor WordPress Anda, dan halaman pengaturan hanya menampilkan tiga tab tambahan untuk navigasi cepat.  Bahkan desainer yang paling tidak berpengetahuan di dunia akan menganggap plugin ini agak mendasar.  Semua fitur penyesuaian warna dan gambar disertakan, seperti yang diharapkan, dan foto-fotonya tidak terlalu melebar atau tampak aneh.  Belum lagi, Anda dapat membantu membedakan antara foto dengan bingkai dan skema warna yang lebih gelap atau lebih terang.

Keburukan

Saya belum mengetahui mengapa teks footer saya tidak muncul di halaman login saya.  Ini adalah peluang branding atau pesan yang bagus untuk perusahaan desain, tetapi sepertinya tidak berhasil untuk saya.  Fitur ekspor membuat foto keluar dari persamaan, menambah jumlah pekerjaan yang diperlukan untuk mentransfer desain halaman login, tetapi ini adalah sesuatu yang tidak dapat Anda selesaikan, karena situs yang berbeda memerlukan unggahan foto yang sama sekali baru.

Keragu-raguan terakhir saya adalah kenyataan bahwa Anda harus keluar dari dasbor untuk melihat pratinjau perubahan.  Panel pratinjau dalam dasbor akan berfungsi sebagai tambahan yang bagus, karena menjadi membosankan untuk terus-menerus keluar dan masuk kembali.

Garis bawah

Plugin Login Kustom Caldera melayani tujuannya dengan baik, dan plugin ini menolak untuk menjadi lebih dari itu, dan ini adalah berita bagus.  Mengapa?  Karena ini adalah plugin login yang sederhana, jadi pengguna tidak perlu merasa terbebani oleh selusin halaman pengaturan atau terlalu banyak opsi untuk dimainkan.

Desain halaman login terlihat gaya dan nyaman di halaman.  Perusahaan desain web mendapat manfaat dari plugin dengan menerapkannya di semua situs klien.  Ini membantu klien mereka mengetahui bahwa mereka berada di halaman login yang benar.  Belum lagi, perusahaan desain situs web bahkan dapat menyertakan beberapa merek mereka sendiri untuk tujuan pemasaran.

CalderaWP adalah perusahaan plugin yang kredibel, jadi jika Anda memiliki pertanyaan atau masalah dengan plugin Login Kustom Caldera, Anda dapat mengirimi mereka pesan atau melihat halaman dokumentasi.

Anda juga dapat melihat beberapa penawaran lain dari CalderaWP, termasuk Bentuk Kaldera, plugin Users for Caldera Forms, dan Caldera Clarity (pembuat tata letak visual) untuk FacetWP (kupon diskon 15%).

Jika Anda memiliki pertanyaan tentang cara membuat halaman login WordPress kustom dengan plugin Login Kustom Caldera, kirimkan kepada kami di bagian komentar di bawah.

Demikanlah tulisan tentang Cara Membuat Halaman Login WordPress Kustom dengan Plugin Login Kustom Caldera . Semoga dapat menjadi manfaat bagi kita semua.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Back to top button