Tentang Rajadigital

Kami membuat desain logo, ilustrasi, desain website, aplikasi berbasis web, tutorial komputer dan lainnya

Daftar Menu

  • Tentang
  • Layanan
  • Artikel
  • Tutorial
  • Gratisan
  • Klien
  • Portfolio
RajaDigital

Mengganti Logo di Halaman Login Admin dari Functions

29 Dec 2014 Tutorial 0 Komentar

custom-login-wordpressDalam tutorial sebelumnya tentang Mengganti Logo di Halaman Login Admin WordPress 3.5.1 telah dijelaskan tentang cara mengganti tampilan logo pada halaman login admin. Namun dikarenakan versi yang terus berkembang dari CMS WordPress ini terkadang akan hilang ketika kita melakukan update ke versi WordPress yang lebih tinggi dan cara tersebut terkadang juga mengalami kegagalan seperti yang beberapa pembaca informasikan ke kami. Ada sebuah cara ampuh untuk mengganti tampilan logo standar yang menampilkan logo WordPress dengan logo kreasi Anda sendiri dan dijamin akan membuat tampilan login admin blog atau web yang dibuat dengan WordPress menjadi terlihat “berbeda”.

Beberapa hal yang Anda perlukan sebelum melakukan langkah ini adalah sebagai berikut :

  1. Lihat di dalam file penyusun theme WordPress anda dan cari sebuah file dengan nama functions.php (file ini biasanya terletak menjadi satu dengan theme yang anda gunakan dan terletak di dalam root/wp-content/theme/folder theme anda)
    file-funtions-dalam-theme-wp
  2. Simpan logo pengganti di dalam folder images yang ada di dalam folder theme Anda (biasanya di dalam folder theme anda terdapat sebuah folder dengan nama “images”)
    file-logo-dalam-theme-wp
  3. Usahakan gambar logo pengganti memiliki ukuran proporsional sesuai dengan ukuran logo WordPress yang akan diganti (saya menggunakan gambar dengan nama “logo.png” dan memiliki ukuran lebar 180 pixel dan tinggi 43 pixel)

Setelah semua persiapan siap kini kita mulai saja langkah-langkah mengubah logo WordPress di halaman administrator web Anda

  1. Pertama-tama bukalah file “function.php” dengan editor html seperti Adobe DreamWeaver atau Notepad. Disini saya akan menggunakan notepad dengan cara klik kanan – Open with – Notepad.
  2. Berikutnya masukkan kode berikut di dalamnya :

    function my_login_logo() { ?>
    < style type="text/css">
    body.login div#login h1 a {
    background-image: url(/images/logo.png);
    padding-bottom: 30px;
    }
    < /style>
    < ?php }
    add_action( 'login_enqueue_scripts', 'my_login_logo' );
    function my_login_logo_url() {
    return home_url();
    }
    add_filter( 'login_headerurl', 'my_login_logo_url' );
    function my_login_logo_url_title() {
    return 'Rajadigital';
    }
    add_filter( 'login_headertitle', 'my_login_logo_url_title' );
    ? >

    kode-dalam-funtions

Cukup. Selesai… Kini saatnya memasukkan file gambar “logo.png” ke dalam folder images di folder theme Anda, dan file “functions.php” ke dalam folder theme di server.

  1. Anda dapat menggunakan program FTP seperti Filezilla untuk masuk kedalam web anda. Anda dapat juga menggunakan menu File Manager dalam Cpanel web anda untuk masuk ke halaman control panel web anda
  2. Setelah anda terhubung ke dalam web anda, kemudian replace file functions.php ke dalam directory “/public_html/wp-content/ThemeAnda”
  3. Masukkan juga file “logo.png” ke dalam folder images di dalam server anda
  4. Refresh web Anda!

Untuk hasil yang lebih baik Anda dapat mengubah seluruh tampilan web dengan menggunakan CSS seperti terlihat pada tampilan berikut ini.
login-custom-dengan-css
Demikian langkah yang dapat Anda lakukan untuk meng-“custom”-isasi tampilan halaman login admin WordPress anda. Saran dan kritik dipersilahkan untuk ilmu pengetahuan yang lebih baik.

Selamat mencoba

Post Views: 4,416

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Tags:

Admin, Functions, Halaman Login, Mengganti Logo, wordpress —



Kategori

  • Artikel
  • Gratisan
  • On Sale
  • Portfolio
  • Tutorial

Yang baru..

  • Ready Made Muscle Car/Mechanic/Detailer/Garage Logo Template Set
  • Axe Throwing Logo Template Set
  • Beard Man Vector Logo
  • Mengatasi Error hacked by HYTHAN7
  • Mountain Bike Logo Design
  • Spectre Logo Design
  • Ukulele Logo Design
  • Membuat Layout Web dengan CSS dan HTML5 di Adobe Dreamweaver CS 6
  • Timelapse Drawing dengan Adobe Animate CC
  • Setup HTML5 di Adobe Dreamweaver CS 6 untuk Desainer Web Pemula

Yang Mengomentari

  • Lilik Rahma on Download file SWF dari Chrome dan Firefox
  • rrrrr on Membuat Facebook Fanpage dan Like Box di Website
  • wahyu on Membuat Facebook Fanpage dan Like Box di Website
  • heru novianto on Membuat Facebook Fanpage dan Like Box di Website
  • WAWAN on Download file SWF dari Chrome dan Firefox


RajaDigital Hubungi Rajadigital

  • Mobile : +62 8127 3631 780
  • WhatsApp : +62 8127 3631 780
  • Email : budi.skom@gmail.com
  • desaintcorp
  • @desainweb

Kantor
BaturajaNiagara Hill Blok D No.3
Karang Sari, Baturaja
South Sumatera, Indonesia

MagelangJl. Sunan Ampel 1 No. 31
Magelang
Jawa Tengah, Indonesia

TangerangJl. MH. Thamrin No. 46
Kebon Nanas, Cikokol
Tangerang, Indonesia

Tim Rajadigital dapat juga ditemui di kota-kota besar di Indonesia termasuk Jakarta, Yogyakarta, dan Bandung. Hubungi kami sekarang untuk memulai!
Copyright © Rajadigital 2005. All Rights Reserved.