نحوه سفارشی کردن رنگ پس زمینه ویرایشگر بلاک وردپرس

آیا می خواهید رنگ پس زمینه ویرایشگر بلوک وردپرس را برای مدیران تغییر دهید؟

گاهی اوقات هنگام کار بر روی یک پروژه مشتری سفارشی، ممکن است بخواهید رنگ پس‌زمینه ویرایشگر وردپرس گوتنبرگ را برای مطابقت با رنگ برند آن تغییر دهید.

در این مقاله به شما نشان خواهیم داد که چگونه به راحتی رنگ پس زمینه ویرایشگر بلوک وردپرس را برای قسمت مدیریت شخصی سازی کنید.

چرا رنگ پس زمینه ویرایشگر بلاک وردپرس را تغییر دهیم؟

ممکن است به دلایلی بخواهید رنگ پس‌زمینه ویرایشگر بلوک وردپرس را تغییر دهید.

به عنوان مثال، اکثر تم های مدرن وردپرس از رنگ پس زمینه برای ویرایشگر بلاک مانند وب سایت زنده استفاده می کنند، از جمله Astra، OceanWP، GeneratePress و موارد دیگر.

با این حال، اگر پوسته وردپرس شما از رنگ های یکسانی استفاده نمی کند، ظاهر پست شما در ویرایشگر کاملاً متفاوت از آنچه کاربران شما در وب سایت زنده می بینند به نظر می رسد.

یکی دیگر از دلایل تغییر رنگ پس زمینه می تواند ترجیح شخصی باشد.

به عنوان مثال، به طور پیش فرض ویرایشگر بلوک از یک پس زمینه سفید ساده استفاده می کند. برای برخی از کاربران ممکن است نگاه کردن به صفحه سفید برای ساعت های طولانی کمی استرس زا باشد. خستگی چشم می تواند برای بسیاری از افراد یک مشکل واقعی باشد و پس زمینه سفید پیش فرض برای چشم ها آسان نیست.

همانطور که گفته شد، بیایید ببینیم چگونه می توانید رنگ پس زمینه ویرایشگر وردپرس را به راحتی تغییر دهید.

نحوه تغییر رنگ پس زمینه ویرایشگر وردپرس

شما به راحتی می توانید رنگ پس زمینه ویرایشگر وردپرس را با افزودن کد سفارشی به فایل functions.php تم خود تغییر دهید.

با این حال، به خاطر داشته باشید که حتی کوچکترین خطا در کد می تواند وب سایت شما را شکسته و آن را غیر قابل دسترس کند. به همین دلیل توصیه می کنیم از افزونه WPCode استفاده کنید. این بهترین افزونه قطعه کد وردپرس در بازار است و ساده ترین و امن ترین راه برای افزودن کد سفارشی به وب سایت وردپرس شما است.

ابتدا باید افزونه رایگان WPCode را نصب و فعال کنید. برای دستورالعمل های بیشتر، لطفا راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

در هنگام فعال سازی باید مراجعه کنید قطعه کد » + افزودن تکه ها صفحه نوار کناری مدیریت

از اینجا باید روی دکمه “Use Snippet” در زیر گزینه “Add your custom code (new snippet)” کلیک کنید.

این شما را به صفحه Create Custom Snippet می‌برد، جایی که می‌توانید با وارد کردن یک نام برای قطعه کد خود شروع کنید. این فقط برای شماست و می تواند هر چیزی باشد که به شما در شناسایی کد کمک کند.

در مرحله بعد، باید «PHP Snippet» را به عنوان «Code Type» از منوی کشویی سمت راست انتخاب کنید.

در مرحله بعد، باید کد زیر را کپی کرده و در کادر “View Code” قرار دهید.

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

در مرحله بعد، باید کد زیر را در قطعه PHP که به تازگی چسبانده اید، جستجو کنید.

background-color: #bee0ec;

در مرحله بعد، باید کد هگز رنگ مورد نظر خود را به گزینه رنگ پس زمینه اضافه کنید. اگر نمی‌خواهید از کد هگز استفاده کنید، می‌توانید به جای آن از برخی از نام‌های رنگ اصلی مانند «سفید» یا «آبی» استفاده کنید.

در مرحله بعد باید به قسمت Insert رفته و گزینه Auto Insert را انتخاب کنید.

در مرحله بعد، باید “مکان” قطعه کد را به عنوان “Admin Only” از منوی کشویی انتخاب کنید.

سپس باید به بالای صفحه برگردید و سوئیچ “غیر فعال” را روی “فعال” تغییر دهید.

در نهایت فراموش نکنید که برای ذخیره تغییرات روی دکمه «ذخیره قطعه» کلیک کنید.

اکنون از ویرایشگر بلوک از نوار کناری مدیریت بازدید کنید.

پس از افزودن قطعه کد CSS، ویرایشگر بلاک سایت ما به این شکل بود.

امیدواریم این مقاله به شما کمک کرده باشد که یاد بگیرید چگونه رنگ پس زمینه ویرایشگر وردپرس را به راحتی تغییر دهید. همچنین ممکن است بخواهید راهنمای نهایی ما برای 85+ میانبرهای وردپرس صرفه جویی در زمان را ببینید یا بهترین گزینه های ما را برای بهترین افزونه های صفحه ساز وردپرس بررسی کنید.

اگر از این مقاله لذت بردید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک