Merubah ukuran logo WordPress merupakan langkah penting dalam mengoptimalkan tampilan visual situs web Anda. Dalam artikel ini, kita akan membahas tentang bagaimana mengubah ukuran logo WordPress dengan mudah dan efisien. Dalam hal ini, fokus utama kita adalah pada logo WordPress yang digunakan di tema atau template yang sedang Anda gunakan.
Logo situs web Kamu adalah bagian penting dari merek Kamu. Tergantung pada tema WordPress Kamu, terkadang tidak jelas bagaimana cara membuat logo menjadi lebih besar atau lebih kecil.
Pada artikel lain sebelumnya pernah dibahas cara mudah mengubah tampilan login wordpress sehingga bisa membantu meningkatkan brand.
Pada artikel ini, kami akan menunjukkan cara mudah mengubah ukuran logo WordPress di tema apa pun.
Dalam artikel ini akan dibahas
Mengapa Mengubah Ukuran Logo di WordPress?
Ketika Kamu mengunggah logo Kamu ke WordPress, ukurannya mungkin tidak selalu tepat.
Logo yang terlalu kecil tidak akan terlihat menonjol, sementara logo yang terlalu besar dapat mengalihkan perhatian pengunjung dari konten Kamu yang lain.
Jika Kamu telah berinvestasi dalam desain logo kustom, maka Kamu ingin memastikan logo Kamu memiliki ukuran yang tepat di header situs web Kamu.
Mari kita lihat bagaimana Kamu bisa dengan mudah mengubah ukuran logo di WordPress. Metode yang Kamu pilih akan bergantung pada tema WordPress Kamu, dan seberapa nyaman Kamu mengedit kode CSS. Cukup gunakan tautan cepat di bawah ini untuk melompat ke metode yang Kamu inginkan.
Metode 1. Mengubah Ukuran Logo dengan Kustomisasi WordPress (Disarankan)
Cara paling sederhana dan mudah untuk mengubah ukuran logo di WordPress adalah dengan menggunakan Customizer Theme. Namun, metode ini hanya berfungsi jika tema WordPress Kamu mendukungnya.
Catatan: Logo Kamu hanya akan sebesar gambar yang Kamu unggah, jadi pastikan Kamu mengunggah gambar yang lebih besar jika Kamu ingin membuat logo lebih besar.
Meskipun kami tidak membahas tema spesifik Kamu, masih ada baiknya melihat apakah Kamu dapat mengubah ukuran logo menggunakan kustomer WordPress.
Cukup buka Appearance » Customize dan cari pengaturan apa pun yang diberi label Header, Identitas Situs, Logo, atau yang serupa.
Jika tema Kamu tidak memiliki editor logo bawaan, maka Kamu harus menggunakan metode 2 atau 3 dari tutorial ini.
Pada contoh kali ini kita memilih menu Identiy.
Lalu dilanjutkan dengan memilih menu Logo untuk upload logo yang diinginkan. Pastikan ukuran logo yang kamu upload seperti yang kamu inginkan.
Metode 2. Mengubah Ukuran Logo WordPress dengan Mengedit CSS
Jika tema WordPress Kamu tidak memiliki dukungan bawaan untuk mengubah ukuran logo, maka opsi lainnya adalah menambahkan CSS kustom.
Untuk memulai, buka berkamu situs web Kamu dan klik kanan di mana saja pada halaman tersebut. Kemudian, pilih opsi ‘Inspect‘.
Ini akan membuka menu Inspect yang menampilkan semua kode untuk halaman berkamu.
Setelah itu, klik ikon ‘Pilih elemen’, yang terlihat seperti penunjuk mouse.
Selanjutnya, cukup arahkan mouse ke logo situs web Kamu hingga kelas CSS muncul.
Tampilannya akan mirip dengan gambar di bawah ini.
Kamu akan menggunakan kelas CSS ini untuk menyesuaikan ukuran logo WordPress Kamu, jadi catatlah class ini dalam editor teks seperti Notepad.
Di dasbor WordPress, buka Penampilan ” Sesuaikan. Kemudian, klik opsi ‘Additional CSS‘.
Kamu sekarang dapat menambahkan kode CSS kustom ke editor kode kecil.
Cukup tambahkan kelas CSS yang Kamu temukan sebelumnya, lalu tentukan dimensi logo baru yang ingin Kamu gunakan.
Berikut adalah contoh tampilan kode yang akan dibuat:
Pastikan Kamu mengubah img.custom-logo CSS class dan nilai max-height.
Setelah melakukan perubahan, cukup klik tombol ‘Publish‘ untuk membuatnya aktif.
Kesimpulan
Dalam artikel ini, kami telah membahas tentang pentingnya mengubah ukuran logo WordPress. Dengan menyesuaikan ukuran logo, Anda dapat memastikan tampilan visual yang optimal dan meningkatkan pengalaman pengguna. Kami juga menyoroti manfaat mengubah ukuran logo, termasuk peningkatan konsistensi tampilan pada berbagai perangkat dan peningkatan kecepatan muat situs web. Jadi, pastikan untuk memeriksa pengaturan logo di tema WordPress Anda dan menyesuaikannya agar sesuai dengan kebutuhan desain dan fungsionalitas situs web Anda.