Apakah Anda ingin mengubah warna latar belakang editor blok WordPress untuk admin?
Terkadang saat mengerjakan proyek klien khusus, Anda mungkin ingin mengubah warna latar editor Gutenberg di WordPress agar sesuai dengan warna merek mereka.
Pada artikel ini, kami akan menunjukkan cara menyesuaikan warna latar belakang editor blok WordPress untuk area admin dengan mudah.
Catatan: Panduan ini mencakup mengubah warna editor di admin WordPress. Jika Anda ingin mengubah warna latar belakang di front-end WordPress, silakan lihat tutorial kami di cara mengubah warna latar belakang di WordPress.
Mengapa Mengubah Warna Latar Belakang Editor Blok di WordPress?
Anda mungkin ingin mengubah warna latar belakang WordPress editor blok Untuk sejumlah alasan.
Misalnya, kebanyakan tema WordPress modern gunakan warna latar belakang yang sama untuk editor blok seperti situs web langsung termasuk Astra, OceanWP, HasilkanTekandan banyak lagi.
Namun, jika tema WordPress Anda tidak menggunakan warna yang sama, maka tampilan posting Anda di dalam editor akan terlihat sangat berbeda dari apa yang akan dilihat pengguna Anda di situs web langsung.
Alasan lain untuk mengubah warna latar belakang mungkin karena preferensi pribadi.
Misalnya, secara default, editor blok menggunakan latar belakang putih polos. Beberapa pengguna mungkin merasa agak stres melihat layar putih selama berjam-jam. Ketegangan mata bisa menjadi masalah nyata bagi banyak orang, dan latar belakang putih default tidak nyaman di mata.
Karena itu, mari kita lihat bagaimana Anda dapat dengan mudah mengubah warna latar belakang editor WordPress.
Cara Mengubah Warna Background Editor WordPress
Anda dapat dengan mudah mengubah warna latar editor WordPress dengan menambahkan kode khusus ke tema Anda function.php mengajukan.
Namun, perlu diingat bahwa kesalahan kode terkecil pun dapat merusak situs web Anda dan membuatnya tidak dapat diakses. Itu sebabnya kami merekomendasikan menggunakan WPCode plugin. Ini adalah plugin cuplikan kode WordPress terbaik di pasar dan merupakan cara termudah dan teraman untuk menambahkan kode khusus ke situs web WordPress Anda.
Pertama, Anda perlu menginstal dan mengaktifkan plugin WPCode gratis. Untuk instruksi lebih lanjut, silakan lihat panduan langkah demi langkah kami di cara install plugin wordpress.
Setelah aktivasi, Anda perlu mengunjungi Cuplikan Kode » + Tambahkan Cuplikan halaman dari sidebar admin.
Dari sini, Anda harus mengklik tombol ‘Use Snippet’ di bawah opsi ‘Add Your Custom Code (New Snippet)’.
Ini akan membawa Anda ke halaman ‘Buat Cuplikan Kustom’ tempat Anda dapat memulai dengan mengetikkan nama untuk cuplikan kode Anda. Ini hanya untuk Anda dan bisa berupa apa saja yang akan membantu Anda mengidentifikasi kode.
Selanjutnya, Anda harus memilih ‘PHP Snippet’ sebagai ‘Code Type’ dari menu dropdown di sebelah kanan.
Setelah itu, Anda perlu menyalin dan menempelkan kode berikut ke dalam kotak ‘Pratinjau Kode’.
add_action( ‘admin_footer’, function() { ?>
Selanjutnya, Anda perlu mencari kode berikut di cuplikan PHP yang baru saja Anda tempel.
background-color: #bee0ec;
Kemudian, Anda harus menambahkan kode hex warna pilihan Anda di sebelah pilihan warna latar belakang. Jika Anda tidak ingin menggunakan kode hex, Anda dapat menggunakan beberapa nama warna dasar seperti ‘putih’ atau ‘biru’.
Setelah itu, Anda perlu menggulir ke bawah ke bagian ‘Penyisipan’ dan memilih opsi ‘Sisipkan Otomatis’.
Selanjutnya, Anda perlu memilih ‘Lokasi’ cuplikan kode sebagai ‘Hanya Admin’ dari menu tarik-turun.
Setelah itu, Anda perlu menggulir kembali ke bagian atas halaman dan mengalihkan tombol ‘Nonaktif’ ke ‘Aktif’.
Terakhir, jangan lupa klik tombol ‘Simpan Cuplikan’ untuk menyimpan perubahan Anda.
Sekarang, kunjungi editor blok dari sidebar admin.
Beginilah tampilan editor blok di situs kami setelah menambahkan CSS cuplikan kode.
Kami harap artikel ini membantu Anda mempelajari cara mengubah warna latar editor WordPress dengan mudah. Anda mungkin juga ingin melihat panduan utama kami 85+ pintasan WordPress hemat waktuatau lihat pilihan teratas kami untuk plugin pembuat halaman WordPress terbaik.
Jika Anda menyukai artikel ini, silakan berlangganan ke kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter Dan Facebook.
.
