راکت
حل شده

چطور میتونم بنا به کلاس تگ body در قالب وردپرس شرط گذاری کنم

1 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

1
فخرالدین لنگی
فخرالدین لنگی
@fakhraddin

تخصص: برنامه نویس وب، آندروید و سیستم های کامپیوتری

بهترین پاسخ

@peymanrazmjooei
با سلام دوست گرامی
شما می تونید برای راه حل مشکلتون از کدهای CSS استفاده کنید
فرض کنید یک تگ با کلاس logo-box دارید که توش دوتا آدرس لوگو وجود داره به شکل زیر

<div class="logo-box">
    <img class="light" src="..." />
    <img class="dark" src="..." />
</div>

که توی حالت تم روشن لوگو با کلاس light رو نشون بده و توی تم تاریک لوگو با کلاس dark
برای این امر توی فایل style.css تمتون این کدا رو اضافه کنید

body.light .logo-box .light{
    display: block;
}
body:not(.light) .logo-box .light{
    display: none;
}
body.light .logo-box .dark{
    display: none;
}
body:not(.light) .logo-box .dark{
    display: block;
}

این ساده ترین روش ممکن برای تغییر لوگو زمانیه که تم قالب دو حالت روشن و تاریک داره البته می شه با کدهای css یک انیمیشن نرمی رو برای این تغییر حالت بدید
یک روش دیگه ایی هم که شما می تونید با استفاده از js اینکار رو انجام بدید

شاید پاسخ شما همین‌جا باشد

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

ورود یا ثبت‌نام