wpJakarta

Tutorial WordPress WooCommerce

  • Tips-trik
    • WordPress
    • WooCommerce
    • Non WordPress
  • Tutorial
    • HTML
    • CSS
    • Javascript
    • PHP
  • Guide
    • WP Hooks
    • Storefront
    • Pagespeed
    • SEO
  • Review
    • WP Themes
    • WP Plugins
  • Extras
    • Blog
    • Productivity
    • Utility
    • Commodity
    • Creativity
    • Hobby
    • Deals
  • Tips-trik
    • WordPress
    • WooCommerce
    • Non WordPress
  • Tutorial
    • HTML
    • CSS
    • Javascript
    • PHP
  • Guide
    • WP Hooks
    • Storefront
    • Pagespeed
    • SEO
  • Review
    • WP Themes
    • WP Plugins
  • Extras
    • Blog
    • Productivity
    • Utility
    • Commodity
    • Creativity
    • Hobby
    • Deals
Beranda / Blog / Kustom Halaman Login WordPress (Redirect dan Footer Link)
Posted on Januari 2, 2020Oktober 3, 2020 by wpJakarta.Com

Kustom Halaman Login WordPress (Redirect dan Footer Link)

Like & Share our articles :

Artikel kami mungkin minim gambar, tapi kami selalu berupaya memberikan ulasan yang jelas. Share ? Bantu kami untuk menshare artikel ini melalui media sosial. Bagi kami itu lebih berarti dari sekedar donasi yang kami terima. Komentar? Berikan komentar yang relevan, komentar spam tidak akan pernah di publikasikan. Promosi blog atau bisnis ? Akses guest posting editor melalui wpJakarta Write For All. / Our articles may lack images, but we always try to provide clear reviews. Share ? Help us to share this artikel throughout social media. it more than anything you can give. Comment? kindly always to provide relevant comment, spammy comment will never be published. Guest posting ? Access guest posts editor via wpJakarta Write For All.


FacebookTwitterLinkedInPinterestWhatsAppPagespeed

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”)

Kustom Halaman Login WordPress

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.

Category: Blog
Tags: Kustom Halaman Login WordPress, Tips Trik WordPress, Wp Jakarta, Wpjakarta

Navigasi pos

Previous post: Ganti Warna Background, Form, Tombol Halaman Login WordPress
Next post: Pengaturan Setting Permalink WordPress
Cari artikel
Topik
Latest tips-tricks
  • Mengembangkan Usaha Online Dengan WordPress
  • Apa Itu WordPress Hooks
  • Fitur Baru WordPress 5.6
  • Error 404 Favicon Ico Dan Cara Mengatasinya
  • Tutorial HTML wpJakarta
  • Mengatasi Masalah Core Web Vitals 2020
  • Kode CSS Membuat Animasi Mengetik WordPress
  • Kode Javascript Membuat Animasi Mengetik WordPress
  • 2 Cara Membuat Animasi Mengetik WordPress (Javascript dan CSS)
  • Cara Menghapus Akun Instagram Secara Permanen dan Sementara

WordPress Programming


  • WP Hooks
  • PHP
  • HTML
  • CSS
  • JS

WordPress Optimization


  • Pagespeed
  • SEO
  • Adsense

a Non Open BO Company!

© 2020 | Thank you for your time.