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

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

Adding random background colors in WordPress

روش 1: با استفاده از کد ، رنگ پس زمینه تصادفی را در وردپرس اضافه کنید h4>

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

ابتدا باید این کد را به فایل یا یک افزونه اختصاصی سایت .

تابع wpb_bg () {
$ rand = array ('0'، '1'، '2'، '3'، '4'، '5'، '6'، '7'، '8'، '9'، 'a'، ' b '،' c '،' d '،' e '،' f ')؛
$ color = '#'. $ rand [rand (0،15)]. $ rand [rand (0،15)]. $ rand [rand (0،15)].
$ rand [rand (0،15)]. $ rand [rand (0،15)]. $ rand [rand (0،15)]؛
echo $ رنگ؛
}

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

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

>

آن را با این خط جایگزین کنید:

 style = "background-color: " ">>

تغییرات خود را ذخیره کرده و سپس به وب سایت خود مراجعه کنید تا کد را در عمل مشاهده کنید.

Random background colors

روش 2: با استفاده از رنگهای خارق العاده پس زمینه ، نوارهای رنگی تصادفی را اضافه کنید h4>

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

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

افزونه خارج از جعبه کار می کند و هیچ تنظیماتی برای پیکربندی شما وجود ندارد.

اکنون می توانید از وب سایت خود دیدن کنید ، و راه راه های رنگارنگ را به عنوان رنگ پس زمینه در وب سایت خود مشاهده خواهید کرد. این نوارها بعد از هر 5 ثانیه کمرنگ و تغییر رنگ می دهند.

Random background stripes

روش 3: استفاده از CSS برای افزودن رنگ پس زمینه غیر تصادفی در وردپرس h4>

تقریباً همه مضامین استاندارد وردپرس سازگار از تابع body_class () در برچسب body استفاده می کنند. این برچسب تعدادی کلاس CSS را به برچسب body در طرح زمینه شما اضافه می کند. این پیش فرض ها کلاس های CSS تولید شده توسط وردپرس می توانند برای سبک کردن پست ها ، دسته ها ، برچسب ها و غیره استفاده شوند

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

CSS classes added by WordPress

با افزودن این CSS به قالب وردپرس یا با استفاده از پلاگین سفارشی css .

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

به همین ترتیب کلاس ID برای پست های منفرد در کلاس body را نیز پیدا خواهید کرد. می توانید از آن برای هر پست وردپرس را به صورت متفاوت سبک کنید .

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

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

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

منبع:
https://www.wpbeginner.com/wp-themes/how-to-randomly-change-background-color-in-wordpress/.

دیدگاهتان را بنویسید