Beranda » WordPress » 10 Langkah untuk Membuat Admin WordPress yang Terlihat Profesional

    10 Langkah untuk Membuat Admin WordPress yang Terlihat Profesional

    Apakah Anda membangun situs WordPress untuk klien, memiliki blog multi-penulis sendiri, atau hanya ingin tampilan yang lebih personal untuk situs Anda, ada banyak kasus di mana Anda mungkin ingin ubah desain panel admin WordPress dan halaman login. Anda dapat menginstal plugin tema admin yang sudah disiapkan sebelumnya, tetapi bagaimana jika Anda menginginkan lebih banyak kebebasan?

    Branding admin WordPress tidak hanya tentang desain, itu bisa menjadi cara cerdas promosi diri demikian juga. Dalam posting ini kita akan melihat bagaimana Anda dapat menyesuaikan dashboard WordPress dan halaman login, menambahkan logo Anda sendiri, menghapus atau mengubah item menu, menghapus tautan yang menunjuk ke WordPress.org, dan menyempurnakan banyak pengaturan admin lainnya dengan bantuan plugin Panel Admin Kustom AG.

    1. Instal Plugin Admin Kustom AG

    Pertama-tama, navigasikan ke menu Plugin> Tambah Baru item menu admin di dashboard WordPress Anda, cari menu Admin Kustom AG plugin, instal dan aktifkan. Plugin menempatkan submenu baru yang disebut Admin Kustom AG di dalam Alat menu, dan sebuah tombol di atas Admin Bar untuk membantu Anda dengan cepat mencapai pengaturan.

    2. Pengaturan Umum

    Pada tab pertama Anda dapat mengkonfigurasi Pengaturan Umum. Salah satu hal hebat tentang plugin ini adalah bahwa jika Anda memindahkan kursor ke label opsi, tooltip kecil muncul di mana Anda dapat membaca lebih lanjut tentang opsi spesifik itu..

    Opsi pertama dalam Pengaturan Umum adalah “Kecualikan admin AGCA dari penyesuaian” dimana kamu bisa dengan cepat nyalakan dan matikan kustomisasi untuk pengguna admin. Ini bisa bermanfaat jika Anda ingin pengguna dengan peran admin melihatnya dasbor WordPress default.

    Dua pengaturan selanjutnya sembunyikan atau ungkapkan “Opsi Layar” dan “Membantu” menu terletak di sudut kanan atas setiap halaman admin (lihat di bawah). Terlalu banyak pilihan dapat membingungkan pengguna yang kurang mengerti teknologi, sehingga bisa menjadi ide bagus untuk menyingkirkan dua opsi ini.

    Pengaturan Umum juga memungkinkan Anda untuk memilih kemampuan WordPress yang memberikan pengguna akses ke pengaturan plugin.

    3. Sembunyikan atau Kustomisasi Bilah Admin

    Itu Pengaturan Admin Bar tab membantu Anda menyembunyikan atau menyesuaikan bilah admin, menu horizontal di atas. Anda dapat menyembunyikannya sepenuhnya dari panel admin, dan hanya tampilkan tombol Keluar yang bergaya di sudut kanan atas.

    Dalam kasus lain, Anda mungkin hanya ingin menyederhanakan bilah admin dengan menghapus beberapa item yang kurang penting. Pengaturan Bilah Admin memiliki banyak opsi yang memungkinkan Anda sembunyikan setiap bagian satu per satu, sesuaikan judul blog, tambahkan logo Anda sendiri alih-alih logo WordPress default, atau sepenuhnya Singkirkan.

    Pada tangkapan layar di bawah ini, saya mengubah arah blog “Ubah Tampilan” untuk menunjukkan bahwa ini adalah tempat di mana mereka dapat beralih antara frontend dan backend.

    Saya juga menghapus logo WordPress sama sekali, tetapi tidak menggantinya dengan logo Hongkiat, karena saya lebih suka menambahkan ini ke menu admin vertikal (Langkah 7). Dari langkah selanjutnya saya akan melanjutkan dengan admin bar yang sudah dihapus sepenuhnya.

    4. Merek Footer

    Dalam Footer Admin tab Anda dapat menghapus footer sepenuhnya dari bagian bawah panel admin, atau mengubah teksnya menjadi apa pun yang Anda inginkan. Ini bisa menjadi ide bagus tempatkan tautan ke beranda bisnis Anda, sehingga klien Anda dapat dengan cepat menghubungi Anda jika mereka membutuhkan dukungan.

    5. Bersihkan Dasbor

    Itu Pengaturan Halaman Dashboard memungkinkan Anda untuk memodifikasi halaman beranda panel admin Anda. Ini adalah layar dengan widget dasbor seperti “Sekilas” dan “Berita WordPress” Anda lihat pada awalnya ketika Anda masuk sebagai admin.

    Di pengaturan pertama Anda bisa ubah teks judulnya dari kata “Dasbor” ke nama merek Anda sendiri, dan Anda juga dapat menambahkan konten khusus di bawahnya.

    Ini pasti dapat membantu pengguna jika Anda letakkan sebuah “Info lebih lanjut” tautan di bawah judul (seperti yang saya lakukan pada tangkapan layar di bawah). Dengan cara ini mereka dapat dengan mudah menjangkau Anda. Cepat “Selamat datang di area admin kami” intro juga bisa bermanfaat.

    Plugin AG Custom Admin juga memungkinkan untuk melakukannya sembunyikan widget dasbor satu per satu. Saya hanya meninggalkan dua, untuk membuat admin bermerek saya kurang berantakan. Jika Anda menyembunyikan widget di sini mereka tidak akan tersedia untuk pengguna dari “Opsi Layar” menu.

    Dasbor WordPress khusus saya terlihat seperti ini sekarang, setiap referensi ke WordPress.org telah hilang, dan terlihat lebih bersih dan lebih mudah..

    6. Tambahkan Logo Anda ke Halaman Login

    Itu Pengaturan Halaman Login memungkinkan Anda untuk sesuaikan halaman login situs Anda, ganti logo WordPress dengan gambar Anda sendiri, dan sembunyikan atau ungkapkan “Kembali ke blog”, “Daftar”, dan “kehilangan Kata sandi” tautan.

    Pada tangkapan layar di bawah ini Anda dapat melihat bahwa hanya mengubah logo dan mengarahkan tautan di belakangnya ke situs Anda sendiri dapat memberikan tampilan yang disesuaikan ke halaman login, dan pasti dapat membantu mempromosikan merek Anda.

    7. Ubah Menu Admin di Kiri

    Menu Admin dapat ditemukan di sisi kiri panel admin. Ia memiliki banyak item, dan bahkan lebih banyak subtitle, banyak di antaranya tidak benar-benar memiliki label paling jelas. Itu bisa membuat kurva belajar menjadi curam untuk orang-orang non-teknologi.

    Itu Pengaturan Menu Admin membantu Anda dengan cepat membersihkan menu admin. Anda dapat menghapus seluruh menu admin jika mau, tetapi mungkin lebih baik menyembunyikan item yang tidak dibutuhkan pengguna Anda.

    Anda tidak hanya dapat membuat item menu teratas tidak terlihat, tetapi juga submenu; cukup klik pada menu tingkat atas, dan daftar dropdown yang berguna akan muncul. Apalagi kamu bisa ganti nama label menjadi sesuatu yang lebih mudah dimengerti untuk orang awam, sama seperti saya melakukannya dengan “Dasbor”, “Media”, dan “Penampilan” label di bawah ini.

    Anda juga bisa ubah desain dasar menu admin jika kamu mau. Anda dapat menyembunyikan ikon, pemisah item menu, panah submenu, dan “Ciutkan menu” tombol, tambahkan di sekitar perbatasan submenu, dan masukkan logo Anda sendiri di atas menu admin.

    Untuk saya sendiri, saya menambahkan logo Hongkiat ke menu admin dengan tautan di belakangnya yang menunjuk ke beranda hongkiat.com, yang jelas merek seluruh panel admin, tetapi tidak dengan cara yang mengganggu.

    Saya mengganti nama 3 item menu (yang baru “Beranda Admin”, “Gambar”, dan “Desain”), menghapus “Plugin” menu sama sekali, dan menambahkan radius 10px ke sudut sembulan submenu.

    Begini tampilannya:

    8. Warnai Admin

    Itu Pewarna Tab memungkinkan Anda untuk meningkatkan admin WordPress Anda dengan mengubah teks dan warna latar belakang elemen utama. Fungsi colorizer adalah waktu-nyata, sehingga saat Anda mengambil warna baru, Anda dapat melihat perubahannya sekaligus tanpa menyimpan pengaturan.

    Di sini saya hanya mengubah warna latar belakang standar menjadi biru muda, jadi sekarang cocok dengan biru royal logo Hongkiat, tetapi Anda dapat mengubah hal-hal lain jika Anda mau. Mungkin ide yang baik untuk bermain-main dengan warna sedikit untuk melihat apa yang terlihat terbaik di mana.

    Anda tidak hanya dapat mengubah warna panel admin, tetapi juga warna latar belakang halaman login.

    9. Tambahkan Kode Kustom Anda

    Jika Anda adalah pengembang front-end yang berpengalaman, Anda bisa tambahkan CSS kustom dan kode JavaScript Anda ke area admin demikian juga. Dengan bantuan alat pengembang browser Anda, Anda dapat dengan mudah mengambil pemilih CSS dari elemen yang ingin Anda modifikasi.

    Pada langkah ini, saya membuat panel pada halaman login sedikit lebih lebar dengan bantuan potongan kode berikut:

     #login width: 480px; lebar maks: 90%; margin: 0 otomatis; 

    Seperti yang Anda lihat, panel masuk menjadi lebih luas tetapi masih responsif berkat lebar maks aturan. Kemungkinan besar perubahan ini akan memberikan pengalaman yang lebih baik bagi sebagian besar pengguna. Anda bahkan dapat menyimpan kode khusus dengan mengekspornya ke .agca file, dan kemudian mengimpornya ke situs WordPress lainnya.

    10. Pasang Tema Admin Pra-Disiapkan

    Tab terakhir disebut Tema Admin memungkinkan Anda untuk menginstal tema admin yang sudah disiapkan sebelumnya di atas pengaturan Anda. Jika Anda melakukannya, Anda akan kehilangan warna khusus yang Anda atur di tab Colorizer, tetapi masih dapat menyimpan pengaturan lainnya.

    Sebagian besar tema admin di sini tidak gratis (di sini ada 10 tema admin WordPress), tetapi membeli satu dapat menjadi cara yang bagus untuk mendukung penulis plugin yang mengagumkan ini.