Cara Merubah Warna Latar Belakang Editor WordPress

Cara Merubah Warna Latar Belakang Editor WordPress

Terkadang saat mengerjakan proyek klien khusus, Anda mungkin ingin Merubah Warna Latar Belakang Editor WordPress agar sesuai dengan warna merek mereka.

Pada artikel ini, kami akan menunjukkan cara merubah warna latar belakang editor blok WordPress untuk area admin dengan mudah.

Cara Merubah Warna Latar Belakang Editor WordPress

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 tentang cara mengubah warna latar belakang di WordPress.

Mengapa Merubah Warna Latar Belakang Editor WordPress ?

Anda mungkin ingin merubah warna latar belakang editor wordPress karena sejumlah alasan.

Misalnya, sebagian besar tema WordPress modern menggunakan warna latar belakang yang sama untuk editor blok seperti situs web langsung termasuk Astra, OceanWP, GeneratePress, dan lainnya.

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 merubah warna latar belakang editor wordPress 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.

Editor blok bawaan

Karena itu, mari kita lihat bagaimana Anda dapat dengan mudah mengubah warna latar belakang editor WordPress.

Cara Merubah Warna Latar Belakang Editor WordPress

Anda dapat dengan mudah merubah warna latar belakang editor wordPress dengan menambahkan kode khusus ke file functions.php tema Anda.

Baca Juga :  Cara Menambahkan Markup Skema Resep

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 tentang cara memasang 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)’.

Tambahkan cuplikan baru

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.

Pilih opsi Cuplikan PHP sebagai jenis kode untuk mengubah warna latar belakang editor

Setelah itu, Anda perlu menyalin dan menempelkan kode berikut ke dalam kotak ‘Pratinjau Kode’.

add_action( 'admin_footer', function() {
	?>
	<style>
		.editor-styles-wrapper {
			background-color: #bee0ec;
		}
	</style>
	<?php
});

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’.

Tempel cuplikan kode untuk mengubah warna latar belakang editor

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.

Baca Juga :  Memperkenalkan Ekstensi Chrome Baru dengan All in One SEO: Analisis SEO Anda dalam Satu Klik
Pilih metode penyisipan dan lokasi cuplikan kode

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.

Simpan cuplikan kode untuk mengubah warna latar belakang

Sekarang, kunjungi editor blok dari sidebar admin.

Beginilah tampilan editor blok di situs kami setelah menambahkan cuplikan kode CSS.

Pratinjau warna editor

Kami harap artikel ini membantu Anda mempelajari cara merubah warna latar belakang editor wordPress dengan mudah. Anda mungkin juga ingin melihat panduan kami tentang Cara Membuat Tabel di Postingan WordPress

Jika Anda menyukai artikel ini, silakan untuk membagikannya dengan teman-teman Anda dan tinggalkan komentar di bawah, dan saya harap artikel ini bermanfaat bagi Anda.

Jika Anda menyukai artikel ini, silakan ikuti kami di Twitter dan Facebook untuk selalu mendapatkan info artikel Terbaru.

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

1 Komentar