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 / Ganti Logo Dan Link Form Login WordPress
Posted on Desember 27, 2019Oktober 3, 2020 by wpJakarta.Com

Ganti Logo Dan Link Form Login WordPress

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 – Ganti Logo Dan Link Form Login WordPress. Dengan WordPress perkara membangun sebuah website memang jadi lebih mudah. Setelah urus urusan sewa hosting, install WordPress, tulis blog, dan langsung Live. Tapi pada beberapa bagian dari WordPress, ada tampilan-tampilan yang bikin bosen alias kurang enak dilihat.

Salah satunya adalah halaman form login (wp-login.php). Dengan tampilan background yang kurang enak dilihat, plus ada logo W bulat dengan link yang mengarah ke situs wordpress.org. Rada aneh juga karena form login tersebut sudah jadi bagian dari website kita dan seharusnya menampilkan logo dan link yang mencerminkan properti website kita.

Tapi tenang, jika kita mau merubahnya, itu perkara yang sangat mudah. Siapa bilang pake WordPress itu mentok alias nggk bisa kustom. Justru WordPress sangat menyenangkan karena bisa di kustom tanpa batas.

Baca Juga :

  • Merubah Alamat URL Login WordPress Tanpa Plugin
  • Ganti Username Admin WordPress Tanpa Plugin

Ganti Logo Dan Link Form Login WordPress

Jika anda ingin meng ganti  logo dan link yang ada pada form login website wordpress anda, silahkan ikuti trik sederhana berikut :

  • Siapkan logo dalam bentuk png atau jpg yang ingin anda tempel diatas form login.
  • Upload logo tersebut ke file media website anda.
  • Ambil atau copy link file logo yang sudah di upload, misalnya : “https://nama-domain.com/wp-content/uploads/2019/12/logo_login.jpg”

Pertama tambahkan kode fungsi berikut pada file function.php :

/* -------------------- Kustom Halaman Login WordPress ------------------- */
 if ( !function_exists( 'wpj_custom_login_style' ) ) {
   function wpjakarta_custom_login_style() {
     //echo 'CSS CODE…';
   }
 }

 add_action('login_head', 'wpj_custom_login_style');

Lalu pada masih pada file function.php yang sama, masukan kode berikut :

/* ----------------------------- Ganti Logo ------------------------------ */
 function wpj_login_logo() { ?>
  <style type="text/css">
   #login h1 a, .login h1 a {
    background-image: url(https://example.com/path/to/suatu_logo.png);
    height:80px;
    width:320px;
    background-size: 320px 80px;
    background-repeat: no-repeat;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);border-radius: 5px;}
  </style>
 <?php 
 }
 
 add_action('login_head', 'wpj_login_logo');

Selanjutnya adalah merubah link dibalik logo tersebut, tambahkan dibawah kode yang sudah anda buat diatas :

/* ----------------------------- Ganti URL ------------------------------ */
 function wpj_login_url() {
   return home_url();
 }

 add_filter('login_headerurl', 'wpj_login_url');
 
 function wpj_login_title() {
   return get_option('blogname');
 }

 add_filter('login_headertitle', 'wpj_login_title');

Note :

  • Ganti wpjakarta.com dengan aktual nama website anda.
  • Anda bisa mengatur tinggi (height) dan lebar (width) logo sesuai dengan form login yang ada di bawahnya.
  • Sekarang logo anda sudah menggantikan logo huruf “W”, jika logo tersebut jika di klik akan menuju homepage website anda.
Category: Blog
Tags: Ganti Logo Link Login WordPress, Tips Trik WordPress, Wp Jakarta, Wpjakarta

Navigasi pos

Previous post: Tema Website WordPress Lokal, Olzhop
Next post: Apa Itu 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.