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

1 روش: چگونه رنگ های تصادفی را به صورت دستی اضافه کنیم

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

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

تابع bpc_bg () {$ رند = آرایه ( '0'، '1'، '2'، '3'، '4'، '5'، '6'، '7'، '8'، '9، 'A'، 'B'، 'C'، 'د'، 'E'، 'F')؛ $ رنگ = '#'. $ رند [RAND (0,15)]. $ رند [RAND (0,15)]. $ رند [RAND (0,15)]. $ رند [RAND (0,15)] $ رند [RAND (0,15)] $ رند [RAND (0,15)] .. اکو $ رنگ. }

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

بنابراین شما باید فایل header.php از تم خود را ، جایی که برچسب پسر در تصویر زیر قرار دارد ، اصلاح کنید:

>

شما باید آن را با کد زیر جایگزین کنید:

style = "background-color: ">>

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

پس زمینه تصادفی وردپرس

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

روش 2: نحوه تغییر رنگ پس زمینه با یک پلاگین

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

پس زمینه متحرک

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

روش 3: چگونه با بازی با کلاسهای CSS یک رنگ دلخواه اضافه کنیم

درس پیشین مضامین وردپرس استفاده استاندارد از تابع " body_class » از وردپرس در تگ “body”. این تابع کلاس های CSS تولید شده توسط وردپرس یا افزونه ها را به تگ بدنه اضافه می کند وبلاگ شما. هر کلاس بسته به مکانی که در آن قرار دارد متفاوت است. بنابراین کلاس دسته بندی ها با آرشیوها یا نویسندگان متفاوت خواهد بود.

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

پست های کلاس کلاس

از این لحظه به بعد می توانید سبک خاصی را برای این برچسب اعمال کنید.

body.category-photography {background-color: #faebd7؛ }

به همین ترتیب ، می توانید برای یک دسته خاص ، یک کد خاص اعمال کنید

body.postid-65 {background-color: #faebd7؛ }

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