Uji kemampuan Anda di semua layanan Hosting kami dan dapatkan diskon 15%!

Gunakan kode saat checkout:

Skills
23.06.2025

Cara Mudah Mengganti Logo Login di WordPress

Mengubah logo login WordPress default menjadi logo kustom adalah cara yang bagus untuk mempersonalisasi situs web Anda, terutama jika Anda ingin mencerminkan identitas merek Anda pada halaman login. Secara default, WordPress menampilkan logonya sendiri pada halaman login, tetapi dengan beberapa langkah sederhana, Anda dapat dengan mudah menggantinya dengan logo Anda sendiri.

Berikut ini cara mudah mengubah logo login di WordPress:


Metode 1: Menggunakan Plugin (Cara Mudah)

Cara paling sederhana dan paling ramah pengguna untuk mengubah logo login WordPress adalah dengan menggunakan plugin. Plugin menawarkan solusi yang mudah dan bebas kode untuk pemula.

Langkah 1: Instal dan Aktifkan Plugin

  1. Masuk ke dasbor WordPress Anda.
  2. Navigasikan ke Plugins > Add New.
  3. Pada bilah pencarian, ketik “LoginPress” atau “Custom Login Page Customizer” (dua plugin populer untuk tugas ini).
  4. Klik Instal Sekarang, lalu Aktifkan plugin.

Langkah 2: Sesuaikan Logo Login

  1. Setelah mengaktifkan plugin, buka LoginPress > Pengubah atau navigasikan ke Penampilan > Pengubah Login.
  2. Di dalam kustomer, Anda akan melihat opsi untuk mengubah Logo Login.
  3. Klik pada bagian Logo Login, dan unggah logo kustom Anda dengan mengklik tombol Pilih Gambar.
  4. Sesuaikan ukuran logo, bantalan, atau perataan jika diperlukan.
  5. Setelah Anda puas dengan perubahannya, klik Publikasikan untuk menerapkan logo login baru ke situs Anda.

Selesai! Logo kustom Anda sekarang akan muncul di halaman login WordPress Anda.


Metode 2: Mengubah Logo Login Secara Manual Menggunakan Kode (Pengguna Tingkat Lanjut)

Jika Anda memilih untuk tidak menggunakan plugin, Anda dapat mengubah logo login secara manual dengan menambahkan kode kustom ke file functions.php tema Anda.

Langkah 1: Akses file functions.php

  1. Dari dasbor WordPress Anda, buka Appearance > Theme File Editor.
  2. Pada bagian File Tema, cari file functions.php dan klik untuk membukanya.
  3. Penting: Sebaiknya Anda membuat tema turunan atau mencadangkan situs Anda sebelum mengedit file tema.

Langkah 2: Menambahkan Kode Kustom

Untuk mengganti logo default WordPress dengan logo Anda sendiri, tambahkan kode berikut ini ke file functions.php tema Anda:

// Fungsi untuk mengganti logo login WordPress function custom_login_logo() { ?>

Metode 3: Gunakan Plugin CSS Kustom

Jika Anda tidak ingin mengedit file functions.php tema Anda tetapi masih lebih memilih pendekatan kode kustom, Anda dapat menggunakan plugin CSS Kustom untuk mendapatkan efek yang sama.

Langkah 1: Instal Plugin CSS Khusus

  1. Buka Plugin > Tambah Baru.
  2. Cari Simple Custom CSS atau plugin serupa lainnya yang memungkinkan Anda untuk menambahkan CSS kustom.
  3. Instal dan aktifkan plugin tersebut.

Langkah 2: Tambahkan CSS Khusus untuk Logo Login

  1. Setelah aktivasi, buka Penampilan > CSS Khusus.
  2. Tambahkan kode CSS berikut ini:
#login h1 a { background-image: url(‘https://yourdomain.com/path-to-your-logo.png’); background-size: contain; width: 100%; height: 80px; /* Sesuaikan tinggi berdasarkan ukuran logo Anda */ }
  1. Ganti https://yourdomain.com/path-to-your-logo.png dengan URL langsung gambar logo kustom Anda.
  2. Klik Simpan atau Publikasikan untuk menerapkan perubahan.

Logo kustom Anda sekarang akan muncul di halaman login.


Praktik Terbaik untuk Logo Login Khusus

  • Ukuran Logo yang Optimal: Gunakan ukuran logo yang pas di halaman login, biasanya sekitar 250 x 80 piksel. Anda bisa menyesuaikan tinggi dan lebarnya dalam pengaturan kode atau plugin sesuai kebutuhan.
  • Latar Belakang Transparan: Jika logo Anda memiliki warna latar belakang, pertimbangkan untuk menggunakan PNG transparan untuk memadukannya dengan latar belakang halaman.
  • Desain Responsif: Pastikan logo login Anda terlihat bagus di perangkat desktop dan seluler dengan menggunakan CSS responsif atau plugin yang mendukung penyesuaian seluler.

Kesimpulan

Mengubah logo login WordPress adalah cara yang mudah dan efektif untuk mempersonalisasi tampilan situs web Anda dan meningkatkan identitas merek Anda. Entah Anda memilih metode plugin untuk kesederhanaan atau metode pengkodean manual untuk kontrol yang lebih besar, Anda dapat dengan cepat mengganti logo WordPress default dengan logo kustom yang mencerminkan gaya atau merek bisnis Anda.

Uji kemampuan Anda di semua layanan Hosting kami dan dapatkan diskon 15%!

Gunakan kode saat checkout:

Skills