Kustom Halaman Login WordPress (Redirect dan Footer Link)

wpJakarta – Kustom Halaman Login WordPress (Redirect dan Footer Link). Artikel ini masih rangkaian dari artikel sebelumnya, memodifikasi atau mengkustom halaman login WordPress (/wp-login.php). Artikel sebelumnya, yaitu tips-trik merubah logo dan link. dan merubah background, form dan tombol login, pernah kami tulis pada artikel berikut.

1. Merubah logo “W” WordPress dengan logo sendiri dan link logo tersebut.
2. Merubah background halaman, background form login dan warna tombol login.
3. Redirect setelah login sesuai dengan role dan link footer login form.

Kustom halaman login WordPress (default cheklist “remember me” atau “ingat saya”)

Di dalam form login terdapat checkbox yang fungsinya jika di checklist atau dicentang, maka akan mengingat password yang dimasukan pada login berikutnya. Untuk secara default membuat checkbox tersebut tercentang, tambahkan kode berikut ke dalam file pada file function.php.

Namun mengedit langsung file function.php bukanlah cara yang baik, karena kode yang di tambahkan pasti akan terhapus jika terdapat update tema website. Perubahannya pasti akan kembali ke default tema tersebut

Untuk menyiasatinya bisa dengan membuat site specific plugin khusus untuk menambahkan setiap kode tambahan ke dalam file WordPress. Untuk lebih jelas mengenai apa itu “site specific plugin” ? Kunjungi artikel Tips-Trik Membuat Site Specific Plugin WordPress. yang pernah di tulis di website ini.

 /* ---------- Check list ingat saya ---------- */
 function wpjkt_login_ingat_saya() {
    add_filter( 'login_footer', 'wpjkt_ingat_saya' );
 }
 
 add_action( 'init', 'wpjkt_login_ingat_saya' );
 function wpjkt_ingat_saya() {
    echo "<script>document.getElementById('rememberme').checked = true;</script>";
 }

Kustom halaman login WordPress (merubah pesan kesalahan saat salah username atau password)

Untuk memberikan pesan error jika salah memasukan username dan password, tambahkan kode berikut pada file function.php. Kode ini berguna untuk membiaskan kesalahan login “oknum” yang berniat jahat pada website anda.

 /* -------- Error Login / Salah user atau password -------- */
 function wpjkt_error_login() {
    return "STOP!!! Ada yang salah! Coba lagi?";
 }

 add_filter('login_errors', 'wpjkt_error_login');

Redirect user atau pengguna yang login sesuai dengan rolenya

Menambahkan kode berikut pada file function.php akan membuat redirect sesaat setelah login. Sesuai rolenya maka administrator akan di redirect ke halaman /wp-admin. Sedangkan non administrator akan di redirect ke homepage.

 /* ------------------ Redirect setelah login sesuai role ----------------- */
 function wpjkt_redirect_setelah_login( $redirect_to, $request, $user ) {
    if ( isset( $user->roles ) && is_array( $user->roles ) ) {
       if( in_array('administrator', $user->roles)) {
          return admin_url();
       } 
    else {
         return home_url();
       }
    } 
    else {
        return home_url();
    }
 }

 add_filter('login_redirect', 'wpjkt_redirect_setelah_login', 10, 3);

Custom text atau link di bagian bawah form login)

Yang terakhir adalah membuat text atau link di bagian bawah form login. Text atau link bisa anda sesuaikan sendiri.

 /* --------- Tambah text/link di bagian bawah form --------- */
 function wpjkt_dont_hack_me() { ?>
   <p class="custom-footer-link">
   <p style="text-align: center;">Kunjungi lagi wpJakarta
   <a href="https://wpjakarta.com/wordpress/">Untuk Update Tips Trik WordPress</a></p>
   </p>
 <?php }
 
 add_action('login_footer','wpjkt_dont_hack_me');

Secara keseluruhan memodifikasi dan mengkustom halaman login WordPress kami tulis pada artikel berikut :
Tips Trik Kustom Halaman Login WordPress

WpJakarta

WpJakarta, website dengan penerbitan-penerbitan artikel ringan tentang WordPress (Tutorial, Tips Trik, Plugin Dan Themes WordPress) dan Teknologi Informasi secara umum. Sesekali juga berbicara tentang apapun dan hal yang umum (Blogging, Tekno, Bisnis, Sosial, Budaya, Politik, Urusan Negara hingga urusan Akhirat). Serta informasi & penawaran produk digital dan non digital.