پیمان رزمجویی
2 سال پیش توسط پیمان رزمجویی مطرح شد
1 پاسخ

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

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


ثبت پرسش جدید
فخرالدین لنگی
تخصص : برنامه نویس وب، آندروید و سیست...
@fakhraddin 2 سال پیش آپدیت شد
0

@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 اینکار رو انجام بدید


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

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