آموزش اضافه کردن افکت تغییر رنگ پس زمینه وردپرس

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

افکت تغییر رنگ پس زمینه چیست؟

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

آموزش اضافه کردن افکت تغییر رنگ پس زمینه در وردپرس

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

بیشتر بخوانید: آموزش تغییر رنگ پنل مدیریت وردپرس + اضافه کردن رنگ های جدید

1- تغییر رنگ پس زمینه وردپرس با سفارشی ساز قالب

بسته به قالب خود، ممکن است بتوانید رنگ پس‌زمینه را با استفاده از سفارشی‌ساز قالب‌ وردپرس تغییر دهید. این امکان را به شما می دهد تا ظاهر سایت خود را در زمان واقعی و بدون نیاز به ویرایش کد ویرایش کنید. برای دسترسی به این بخش، وارد پنل خود شده و سپس از بخش “نمایش” روی گزینه “پوسته ها” کلیک کنید. بعد از آن وارد صفحه قالب های سایت خود می شوید که باید روی قالبی که در حال استفاده کردن هستید و فعال است، کلیک کنید.

سپس کافیست تب “رنگ بندی” را پیدا کرده و روی آن کلیک کنید.

بعد از آن می توانید به سادگی رنگ بندی قسمت های مختلف سایت خود را تغییر دهید.

بیشتر بخوانید: آموزش تغییر رنگ پیشفرض پیشخوان و غیرفعال سازی تغییر آن در وردپرس

2- تغییر رنگ پس زمینه وردپرس با اضافه کردن CSS سفارشی

رنگ پس‌زمینه پیش‌فرض وب‌سایت شما توسط نوعی کد به نام CSS تعیین می‌شود. شما می توانید با تغییر دادن این کد CSS سفارشی، هر رنگی را در بکگراند سایت خود اعمال کنید. اما ابتدا باید رنگ انتخابی خود را به یک کد هگز شش رقمی تبدیل کنید. از این انتخابگر رنگ رایگان برای ایجاد یک کد هگزا سفارشی برای رنگ قبل از حرکت به جلو استفاده نمائید.

برای اینکار، در ابتدا وارد پنل وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “سفارشی سازی ” کلیک کنید. سپس روی تب ” css اضافی” کلیک نمائید.

حال باید کد زیر را به آن اضافه کنید:

        .site {

            background-color: #XXXXXX;

        }

شما باید به جای “XXXXXX” کد رنگ مورد نظر خود را وارد کنید. در نهایت روی ذخیره تغییرات کلیک کنید.

افزونه های امنیتی و سرعتی: خرید افزونه وردفنس | خرید افزونه آیتم سکوریتی پرو | خرید افزونه  ssl | خرید افزونه راکت

معرفی بهترین افزونه تغییر رنگ پس زمینه در وردپرس

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

1- افزونه تغییر رنگ پس زمینه در وردپرس Background Color Changer:

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

2- افزونه تغییر رنگ پس زمینه در وردپرس WP Admin Formatter:

این افزونه امکان سفارشی‌سازی گسترده را در قسمت مدیریت وردپرس فراهم می‌کند از جمله تنظیم رنگ پس‌زمینه صفحه ورود، رنگ پس‌زمینه فیلد فرم و رنگ پس‌زمینه ناوبری در میان سایر موارد و…

3- افزونه تغییر رنگ پس زمینه در وردپرس Fabulous Background Colors:

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

4- افزونه تغییر رنگ پس زمینه در وردپرس Admin Color Schemes:

این افزونه طرح‌های رنگی جدید مدیریت را برای انتخاب ارائه و راهی سریع برای تغییر ظاهر بصری داشبورد وردپرس ارائه می‌دهد.

5- افزونه تغییر رنگ پس زمینه در وردپرس Advanced WordPress Backgrounds (AWB)

این افزونه امکانات پیشرفته‌ای برای پس‌زمینه ارائه می‌دهد، شامل رنگ‌های متحرک، گرادینت، تصاویر و ویدیوهای پس‌زمینه. با المنتور و سایر صفحه‌سازها هم سازگار است و امکان ایجاد افکت‌های پارالاکس و انیمیشن را دارد.

6- افزونه تغییر رنگ پس زمینه در وردپرس Colorlib Customizer

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

7- افزونه تغییر رنگ پس زمینه در وردپرس Simple Custom CSS and JS

اگر می‌خواهید تغییر رنگ پس‌زمینه با افکت‌های CSS سفارشی داشته باشید، این افزونه امکان اضافه کردن CSS و JS دلخواه را به سایت وردپرسی شما می‌دهد تا بتوانید رنگ پس‌زمینه، گرادینت‌ها و انیمیشن‌ها را به صورت دقیق کنترل کنید.

8- افزونه تغییر رنگ پس زمینه در وردپرس Customizer Backgrounds

این افزونه به شما اجازه می‌دهد پس‌زمینه بخش‌های مختلف سایت را مستقیماً از سفارشی‌ساز وردپرس تغییر دهید و برای رنگ‌ها، گرادینت‌ها و پس‌زمینه‌های تصویری گزینه‌های متنوع ارائه می‌کند.

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

سوالات متداول

قالب بی تم| قالب فلت سام | قالب استادیار | قالب دیوی | قالب آوادا |قالب اسنشیالز | قالب انفولد | قالب وودمارت

جمع بندی: اضافه کردن افکت تغییر رنگ پس زمینه در وردپرس

اگر مدیر سایت وردپرسی هستید، احتمالاً برایتان پیش آمده که بخواهید رنگ بندی پس زمینه وب سایت خود را تغییر دهید. خوشبختانه وردپرس به شما این امکان را می دهد تا با استفاده از روش های مختلف اینکار را بدون نیاز به مهارت کدنویسی انجام دهید. امیدوارم این آموزش مورد رضایت شما عزیزان قرار گرفته باشد.