Cara Menyesuaikan Dasbor Admin WordPress Anda

Cara Menyesuaikan Dasbor Admin WordPress Anda

Mobil khusus. Mereka akan membawa Anda dari titik A ke B sama seperti mobil lainnya. Mereka terbuat dari bahan yang sama dan membakar galon gas sama seperti kendaraan bermotor lainnya. Namun kami (atau setidaknya penggemar mobil di antara kami) memiliki cinta yang mendalam untuk mobil yang dibuat khusus. Mengapa?


  • Mereka terlihat jauh lebih baik daripada rekan-rekan mereka langsung dari jalur perakitan
  • Mereka dioptimalkan untuk kinerja yang lebih baik

WordPress adalah salah satu kendaraan terhebat yang dapat Anda gunakan untuk mencapai impian online Anda. Muncul dengan dashboard yang hebat, dan di luar kotak, WordPress akan membantu Anda dan / atau klien Anda untuk membangun situs web hebat dalam waktu singkat.

Tetapi dashboard admin WordPress terlalu “mainstream” dalam rasa dan tampilan. Maksud saya, meski cantik, itu tidak persis mencerminkan gaya pribadi. Itu agak generik dan mungkin tidak akan mengesankan klien yang telah menggunakan platform sebelumnya. Heck, itu tidak akan mengesankan klien yang menghargai gaya pribadi atau kemiripan merek.

Di sisi lain, dasbor WordPress khusus bersifat pribadi dan akan memberikan klien Anda faktor perasaan nyaman tambahan yang membuat mereka mendambakan lebih banyak. Anda dapat membangun merek Anda atau menyetel dasbor WordPress untuk kebutuhan klien Anda, meninggalkan Anda dengan produk hebat yang datang dalam kemasan luar biasa – kemasan kustom Anda sendiri. Dalam pos hari ini, kami akan:

  • Hilangkan widget dan menu yang tidak perlu untuk membuat dasbor khusus yang lebih bersih dan ringan
  • Kustomisasi tautan footer dasbor
  • Singkirkan elemen generik seperti logo WordPress
  • Sentuh opsi layar
  • Sentuh beberapa plugin yang dapat Anda gunakan untuk menyesuaikan dasbor Anda

Pada akhir posting ini, Anda harus dapat membuat dashboard admin WordPress yang indah dan pribadi yang beresonansi dengan klien Anda atau memperkuat kehadiran merek online Anda. Nikmati sampai akhir dan buat kami kagum dengan pemikiran Anda di bagian komentar di bawah ini!

Tunggu! Sebelum Kita Mulai, Buat Tema Anak

Anda bisa mengedit file tema inti Anda, atau menggunakan Editor di bawah Tampilan di dasbor tema Anda, tetapi itu berarti tidak pernah memperbarui tema WordPress Anda lagi. Sebelum membuat perubahan pada file tema Anda harus buat tema anak. Dengan cara ini saat Anda memperbarui tema inti, semua perubahan Anda akan tetap berlaku. Berikut adalah beberapa langkah cepat untuk menyiapkan Anda hanya untuk tutorial ini, tetapi kami juga memiliki panduan pembuatan tema anak lengkap atau Anda dapat merujuk Kodeks WordPress untuk bantuan lebih lanjut.

  1. Buat folder tema anak Anda: Masuk ke instalasi WordPress Anda dan cari wp-content / themes / namamu namamu map. Dalam folder ini tambahkan folder baru dan beri nama “child-theme” atau “yourthemename-child” (Anda mendapatkan ide).
  2. Buat file CSS tema anak Anda: Sekarang Anda memiliki folder tema anak baru, Anda dapat menambahkan file baru untuk mengubah atau mengganti gaya dan fungsi tema Anda saat ini. Pertama buat file style.css baru dalam folder tema anak Anda, lalu edit file baru untuk menambahkan beberapa info tajuk dasar (supaya Anda atau pengembang berikutnya tahu apa yang sedang terjadi):
    / *---------------------------------------------------
    Nama Tema: Nama Folder Tema Anak Anda Di Sini
    Deskripsi: Tema anak untuk Nama Tema Orang Tua Di Sini
    Penulis: Nama Anda Di Sini
    Templat: Nama Tema Orang Tua Di Sini
    ----------------------------------------------------* /

    Setelah tajuk, Anda dapat menambahkan semua CSS Anda yang mengagumkan untuk mengubah tampilan tema induk Anda menggunakan tema anak Anda.

  3. Buat file PHP tema anak Anda: Di dalam folder tema anak Anda yang baru buat file functions.php. Selanjutnya edit file fungsi baru untuk menambahkan kode yang akan memuat gaya asli “induk” tema Anda:

    Pastikan untuk menambahkan tweak function.php Anda setelah tag PHP terbuka terakhir.

Tentu saja Anda dapat menambahkan lebih banyak ke tema anak Anda untuk membuat perubahan pada template untuk header, footer, atau yang lainnya. Tetapi untuk keperluan tutorial ini, Anda sudah siap! Jadi di sini kita mulai …

Menghilangkan Widget Dashboard WordPress yang Tidak Perlu

Setelah Anda masuk ke dashboard WordPress Anda, Anda akan melihat beberapa bagian (widget) seperti Sekilas, Statistik Situs, Draf Cepat, dan Berita WordPress diantara yang lain. Sebagian besar widget dasbor ini ditambahkan oleh WordPress, tetapi jumlah widget yang ditampilkan dapat naik atau turun tergantung pada tema dan / atau plugin Anda. Beberapa tema dan plugin menambahkan widget mereka sendiri ke dasbor.

Meskipun beberapa widget ini bermanfaat, apakah klien Anda perlu melihatnya masing-masing? Apakah Anda perlu melihat masing-masing widget ini setiap kali Anda masuk? Mungkin Anda harus memasang widget karena Anda tidak punya cara untuk menyingkirkannya. Hari ini adalah hari keberuntunganmu. Anda dapat dengan mudah menghapus widget dasbor sebanyak yang Anda inginkan menggunakan beberapa baris kode:

// Hapus widget dasbor
function remove_dashboard_meta () {
if (! current_user_can ('manage_options')) {
remove_meta_box ('dashboard_incoming_links', 'dashboard', 'normal');
remove_meta_box ('dashboard_plugins', 'dashboard', 'normal');
remove_meta_box ('dashboard_primary', 'dashboard', 'normal');
remove_meta_box ('dashboard_secondary', 'dashboard', 'normal');
remove_meta_box ('dashboard_quick_press', 'dashboard', 'side');
remove_meta_box ('dashboard_recent_drafts', 'dashboard', 'side');
remove_meta_box ('dashboard_recent_comments', 'dashboard', 'normal');
remove_meta_box ('dashboard_right_now', 'dashboard', 'normal');
remove_meta_box ('dashboard_activity', 'dashboard', 'normal');
}
}
add_action ('admin_init', 'remove_dashboard_meta'); 

Menyalin kode di atas dalam file functions.php tema anak Anda (ditemukan di wp-content / themes / namamu namamu / child-theme / functions.php) dan menyimpan perubahan akan menghilangkan semua widget dasbor dengan pengecualian yang ditambahkan oleh tema atau plugin Anda. Dari kode di atas, semua pengguna dengan kurang dari kemampuan admin tidak akan melihat widget berkat bagian kode ini:

if (! current_user_can ('manage_options')))

… yang memeriksa apakah pengguna memiliki (‘manage_options’) kemampuan hanya tersedia untuk administrator. Mungkin Anda tidak ingin membuang semua widget di dasbor Anda. Anda dapat menggunakan kode berikut sebagai gantinya:

// Buat fungsi untuk digunakan dalam kait tindakan
function wpexplorer_remove_dashboard_widget () {
remove_meta_box ('dashboard_quick_press', 'dashboard', 'side');
}
add_action ('wp_dashboard_setup', 'wpexplorer_remove_dashboard_widget');

Salin kode di atas ke file functions.php Anda dan simpan perubahan untuk menyingkirkan Draf Cepat widget. Untuk menghapus widget lain, cukup ganti ‘Dashboard_quick_press’, ‘dashboard’, ‘samping’ dengan siput yang sesuai untuk setiap widget. Siput widget standar lainnya termasuk:

  • dashboard_incoming_links
  • dashboard_plugins
  • dashboard_primary
  • dashboard_secondary
  • dashboard_quick_press
  • dashboard_recent_drafts
  • dashboard_recent_comments
  • dashboard_right_now
  • dashboard_activity

Tetapi Anda mungkin memiliki widget tambahan yang ditambahkan oleh tema orang tua Anda, plugin lain yang telah Anda instal atau bahkan hosting Anda (WP Engine menambahkan satu yang disebut wpe_dify_news_feed). Untuk menemukan siput untuk widget tambahan ini gunakan inspektur browser (kami menyukai yang ada di Chrome – itu bagian dari alat pengembang web default mereka sehingga yang harus Anda lakukan adalah mengklik kanan pada elemen dan memilih “periksa”) lalu salin ID div untuk widget yang ingin Anda hapus.

Menambahkan Widget Dashboard WordPress

Sekarang Anda dapat menghilangkan widget dasbor sesuka Anda, mari kita coba tambahkan widget khusus kami sendiri. Anda dapat menampilkan apa pun yang Anda inginkan dengan widget Anda, jadi tidak ada yang menghalangi Anda untuk membuat dasbor kustom impian Anda. Bagian terbaiknya adalah super duper mudah menambahkan widget ke dashboard WordPress Anda. Cukup tambahkan kode berikut ke wp-content / themes / namamu namamu / child-theme / functions.php mengajukan:

/ **
* Tambahkan widget ke dasbor.
*
* Fungsi ini terhubung ke tindakan 'wp_dashboard_setup' di bawah ini.
* /
function wpexplorer_add_dashboard_widgets () {
wp_add_dashboard_widget (
'wpexplorer_dashboard_widget', // Widget slug.
'Widget Dasbor Kustom Saya', // Judul.
'wpexplorer_dashboard_widget_function' // Fungsi tampilan.
);
}
add_action ('wp_dashboard_setup', 'wpexplorer_add_dashboard_widgets');

/ **
* Buat fungsi untuk menampilkan konten Widget Dasbor Anda.
* /
function wpexplorer_dashboard_widget_function () {
echo "Halo, saya Widget Dasbor yang bagus. Sunting saya!";
}

Simpan perubahan. Tentu saja, Anda dapat mengedit plugin sesuai dengan kebutuhan Anda. Letakkan HTML, PHP, atau apa pun yang Anda miliki:

echo "Halo, saya Widget dasbor yang bagus. Sunting saya!";

Widget kustom baru Anda akan muncul di bagian bawah mutlak – di bawah semua widget – yang mungkin berada di luar viewport jika Anda memiliki banyak widget. Namun, Anda dapat menarik dan melepas widget di atas (atau di mana pun juga).

Halaman Dashboard Kustom WordPress

Katakanlah Anda tertarik untuk membuat dasbor yang sama sekali berbeda. Salah satu yang hadir dengan HTML, PHP, dan bahkan gaya kustom Anda sendiri. Jika Anda ingin lebih dari sekadar menambahkan / menghapus widget dasbor, silakan checkout Cara Membuat Halaman Dasbor Kustom WordPress oleh Remi Corson.

Dia telah membangun plugin yang hebat yang akan membantu Anda mempercepat membuat halaman dasbor khusus Anda sendiri (custom-dashboard.php). Anda harus memoles keterampilan pengembangan PHP Anda untuk garpu plugin untuk memenuhi kebutuhan spesifik Anda. Secara keseluruhan, saya mencoba Dasbor Kustom Manis dan itu luar biasa. Dasbor khusus Anda bisa jadi instalasi jauhnya :). Ingin menyesuaikan pesan selamat datang Anda, checkout posting kami di Menyesuaikan Pesan Selamat Datang Dasbor WordPress Anda.

Menghapus Menu Dashboard WordPress

Kami dapat menambah atau menghilangkan widget dasbor WordPress dan bahkan mengubah tampilan dasbor sepenuhnya (terima kasih kepada Remi), Sekarang mari kita beralih ke bagian selanjutnya: menghilangkan item menu yang tidak diinginkan.

Mengapa? Anda ingin menghapus beberapa menu untuk memberi klien dasbor yang lebih ramping dan mencegah mereka mengakses area “terbatas”. Jika klien tidak mengetahui jalannya di WordPress, mereka mungkin akan merusak situs jika mereka mengunjungi dan mengubah opsi pada halaman seperti Pengaturan atau Plugin. Tambahkan kode berikut ke file functions.php Anda:

function wpexplorer_remove_menus () {
remove_menu_page ('themes.php'); // Penampilan
remove_menu_page ('plugins.php'); // Plugin
remove_menu_page ('users.php'); // Pengguna
remove_menu_page ('tools.php'); // Alat
remove_menu_page ('options-general.php'); // Pengaturan
}
add_action ('admin_menu', 'wpexplorer_remove_menus');

Kode di atas menghilangkan tautan menu ke Pengaturan, Plugin, Penampilan, Pengguna dan Alat untuk semua pengguna. Anda juga dapat menghapus sub menu. Berikut adalah contoh kode yang menghapus sub menu Widget di bawah Penampilan:

function wpexplorer_adjust_the_wp_menu () {
$ page = remove_submenu_page ('themes.php', 'widgets.php');
}
add_action ('admin_menu', 'wpexplorer_adjust_the_wp_menu', 999);

Pada contoh di atas, pengguna akan mengakses semua sub menu di bawah Penampilan kecuali Widget. Anda dapat menghapus menu atau sub menu sebanyak yang Anda inginkan. Ingat saja ini tidak akan menghentikan pengguna mengakses halaman ini secara langsung. Maksud saya, jika pengguna masuk, misalnya yourdomain.com/wp-admin/options-general.php, mereka akan mengakses halaman Pengaturan Anda. Untung sebagian besar pengguna tidak akan repot jika item tidak ada di menu.

Jika Anda tidak dapat atau tidak ingin mengedit file functions.php Anda, Anda selalu dapat menginstal Plugin Editor Menu Admin, yang memberi Anda kontrol penuh atas menu Anda. Ini dikirimkan dengan beberapa fitur keren termasuk pembatasan menu berbasis peran, kemampuan untuk menyembunyikan menu dan membuat item menu kustom di antara fitur keren lainnya.

Menyesuaikan Footer Dashboard WordPress

Untuk saat ini, kami telah membuat penyesuaian “signifikan” untuk dasbor admin WordPress Anda. Hanya berhak untuk mengambil kredit untuk semua pekerjaan brilian yang Anda lakukan. Menyesuaikan catatan kaki (“Terima kasih telah membuat WordPress.”) Selanjutnya dapat membantu memperkuat merek Anda (atau klien). Mari kita ubah catatan kaki Anda menjadi “Dibangun dengan cinta oleh Nama Anda.” Cukup tambahkan cuplikan berikut ke file functions.php Anda dan simpan perubahan:

// Footer Admin Kustom
function wpexplorer_remove_footer_admin () {
gaungDibangun dengan cinta oleh WPExplorer';
}
add_filter ('admin_footer_text', 'wpexplorer_remove_footer_admin');

Ganti ‘Nama Anda” dengan nama, situs web, alamat email, dll, dan domain Anda dengan nama domain Anda yang sebenarnya. Bergerak…

Menyesuaikan Formulir Login

Sejauh ini, Anda memiliki semua yang diperlukan untuk menyesuaikan dasbor admin WordPress Anda. Mari selangkah lebih maju dan sesuaikan halaman login, sehingga pengguna Anda dapat memiliki pengalaman yang benar-benar pribadi dari memulai. Lagi pula, mengapa repot-repot menyesuaikan dashboard WordPress Anda hanya untuk diberikan oleh halaman login?

Dengan halaman ini, kita perlu menyesuaikan dua elemen: logo WordPress default dan tautan wordpress.org yang menyertainya. Tetapi sebelum saya menunjukkan kode ��, Anda dapat menyesuaikan halaman login Anda dengan mudah menggunakan salah satu dari 15 Plugin Halaman Login Kustom Terbaik ini untuk WordPress. Sekarang, untuk perasaan hangat kabur yang datang dari bermain dengan kode, salin yang berikut ini ke functions.php Anda:

function wpexplorer_login_logo () {?>

Ganti logo.png dengan nama file logo khusus Anda, yang harus Anda unggah terlebih dahulu wp-content / tema / tema / gambar Anda. Simpan logo khusus Anda di bawah 80 x 80 piksel meskipun Anda dapat mengubahnya dengan beberapa CSS khusus. Dengan logo login khusus, sudah saatnya untuk mengubah tautan yang datang dengan logo WordPress asli. Mari kita tautkan logo baru Anda ke situs web Anda. Salin kode ini ke file functions.php Anda dan simpan perubahan:

function wpexplorer_login_logo_url () {
return esc_url (home_url ('/'));
}
add_filter ('login_headerurl', 'wpexplorer_login_logo_url');

function wpexplorer_login_logo_url_title () {
kembalikan 'Nama dan Info Situs Anda';
}
add_filter ('login_headertitle', 'wpexplorer_login_logo_url_title');

Ingat, Anda selalu bisa gaya halaman login Anda seperti yang Anda inginkan menggunakan CSS. Atau, Anda dapat mulai dengan tema yang luar biasa seperti tema Total Multi-purpose & Responsive WordPress yang hadir dengan opsi bawaan untuk halaman masuk kustom dan merek situs.

Sesuaikan Dashboard WordPress: Opsi Layar

Jika Anda tidak ingin menyelami kode atau memasang plugin, Anda dapat memanfaatkan Opsi Layar untuk membuat dasbor WordPress khusus. Cukup masuk ke dasbor WordPress Anda dan di bagian atas layar di sebelah kanan, Anda akan melihat menu tarik-turun Opsi Layar. Klik ini untuk membuka dan centang / hapus centang untuk mengaktifkan / menonaktifkan widget. Anda kemudian dapat menarik dan melepas widget untuk mengaturnya sesuai keinginan.

Satu-satunya kelemahan adalah metode ini menyimpan pengaturan Anda berdasarkan per pengguna, yang berarti itu tidak akan banyak membantu Anda jika Anda memiliki blog multi-penulis. Selain itu, Anda tidak dapat mencegah pengguna mengaktifkan kembali widget sesuka hati.

Bonus: Gunakan Plugin

Kami telah menghabiskan sebagian besar waktu kami untuk membahas opsi kode. Tetapi jika Anda terlalu cepat, plugin dapat membantu.

Opsi 1: Plugin Ultimate Tweaker untuk WordPress

Tweaker Ultimate untuk WordPress

Pertama, sesuatu yang sedikit berbeda: Ultimate Tweaker untuk WordPress, tersedia dari CodeCanyon. Opsi plugin terbaik untuk mengedit admin WordPress Anda (iklan beberapa fitur WordPress lainnya).

Sebagian besar plugin mendukung fungsionalitas untuk satu tujuan tertentu, tetapi bukan Ultimate Tweaker; plugin ini serba bisa, serba guna yang belum pernah saya lihat sebelumnya. Intinya, Ultimate Tweaker mendukung 240+ berbagai peretasan WordPress, trik, dan alat untuk membuat hidup Anda lebih mudah. Ini membuatnya berguna dalam sejumlah cara: meningkatkan efisiensi, menghapus bagian-bagian WordPress yang mengganggu Anda, dan memperluas fungsionalitas inti WordPress di luar apa yang Anda pikir mungkin terjadi.

240 hack itu sangat beragam, dan dapat dipecah menjadi 35 kategori yang berbeda. Untuk memberi Anda gambaran tentang apa yang dapat dilakukan Ultimate Tweaker, berikut ini beberapa "peretasannya":

  • Tambahkan logo di atas menu sidebar
  • Ganti nama dasbor WordPress dan halaman login
  • Nonaktifkan klik kanan atau tombol Print Screen di situs web Anda
  • Tingkatkan keamanan dengan menambahkan reCaptcha 2 ke layar login Anda
  • Atur kualitas JPEG untuk mengurangi ukuran file gambar
  • Aktifkan kode pendek di widget teks
  • Buat jumlah kata minimum untuk posting
  • Nonaktifkan “goyang” kata sandi yang salah pada layar login
  • Tambahkan kode Google Analytics ke situs web Anda
  • 19 pintasan keyboard baru untuk WordPress
  • Buat halaman 404 khusus
  • Nonaktifkan pembaruan WordPress otomatis

Banyak dari peretasan WordPress ini adalah hal-hal yang kita semua beralih ke Google. Sebagian besar dari mereka relatif kecil sendiri, tetapi dengan daftar beberapa ratus, kolektif plugin dapat menawarkan banyak nilai. Komunitas WordPress biasanya sangat vokal tentang apa yang ingin mereka lihat dari inti WordPress, jadi saya sangat berharap para pengembang mendengarkan komunitas dan mengimplementasikan beberapa saran mereka di pembaruan mendatang untuk plugin ini..

Opsi 2: Forest - Revolution WordPress Admin Theme

Tema admin Forest WordPress

Hanya ingin mengubah pencitraan backend situs web Anda? Meskipun biasanya kami menyarankan untuk menggunakan sedikit kode, Anda juga dapat menggunakan plugin. Jika Anda bosan dengan tampilan dasbor default, tema admin Forest WordPress memungkinkan Anda memberikan sedikit facelift. Dan hanya dengan $ 9. Forest tidak akan mengubah cara Anda melakukan tugas yang biasa di WordPress, seperti menambahkan posting / halaman, itu hanya akan membuat WordPress Lihat lebih baik ketika Anda melakukannya! Plugin ini juga memungkinkan Anda memodifikasi halaman login WordPress default.

Tangkapan layar tema admin hutan

Forest memungkinkan Anda menambahkan gambar latar belakang Anda sendiri ke dasbor WordPress - atau Anda dapat menggunakan salah satu dari enam gambar yang disediakan gratis, termasuk yang ada di tangkapan layar di atas. Anda dapat menyesuaikan dasbor menggunakan kreativitas Anda sendiri (menggunakan warna tak terbatas), atau menggunakan salah satu skema warna WordPress default. Anda selanjutnya dapat menyesuaikan dasbor dengan memilih tipografi Anda sendiri dari lebih dari 600 font Google. Plugin mendukung kulit yang terang dan gelap, dan Anda dapat mengonfigurasi level opacity dari setiap elemen. Jika ada beberapa tombol di dasbor yang tidak Anda gunakan, Anda bahkan dapat menyembunyikannya - ini bagus untuk situs web klien di mana terlalu banyak opsi dapat membebani mereka terlalu banyak.

Catatan: Forest tidak akan mengubah tampilan situs web langsung Anda dengan cara apa pun, itu murni untuk back-end.

Sumberdaya tentang Menyesuaikan Dasbor WordPress

Ingin mempelajari lebih lanjut tentang menyesuaikan dasbor WordPress? Berikut adalah beberapa sumber daya tambahan untuk perangkat profesional Anda:

Ke Anda…

Membuat dasbor admin WordPress khusus adalah salah satu cara terbaik untuk memperkuat citra merek dan memberikan pengalaman yang dipersonalisasi kepada klien Anda. Ini sederhana dan tidak akan menghabiskan banyak waktu Anda. Jadi tunggu apa lagi? Dapatkan penyesuaian.

Selain itu, apa yang Anda pelajari di sini hari ini? Pernahkah Anda membuat dasbor admin WordPress khusus? Bagikan dengan komunitas kami yang bersemangat dalam komentar di bawah. Bersulang!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map