چطور می تونم یه سری کد CSS به سایت وردپرسی‌ اعمال کنم که فقط در تبلت و موبایل نمایش داده بشه؟

[babak78 0]

چطور می تونم یه سری کد CSS به سایت وردپرسی‌ اعمال کنم که فقط در تبلت و موبایل نمایش داده بشه؟

[zarinhost 33]

در 1 دقیقه قبل، babak78 گفته است :

چطور می تونم یه سری کد CSS به سایت وردپرسی‌ اعمال کنم که فقط در تبلت و موبایل نمایش داده بشه؟

سلام @babak78 عزیز

برای اعمال کد CSS که فقط در دستگاه‌های تبلت و موبایل نمایش داده بشه، می‌تونید از "media query" استفاده کنید. این روش به شما اجازه می‌ده استایل‌ها رو بر اساس اندازه صفحه دستگاه کاربر محدود کنید. کافیه قطعه کد زیر رو به CSS سایت خودتون اضافه کنید:

 

/* استایل برای تبلت */
@media (max-width: 1024px) {
    /* کدهای CSS شما برای تبلت اینجا قرار می گیره */
}

/* استایل برای موبایل */
@media (max-width: 768px) {
    /* کدهای CSS شما برای موبایل اینجا قرار می گیره */
}

بخش اول با (max-width: 1024px) استایل‌ها رو به صفحاتی با عرض 1024 پیکسل یا کمتر (تبلت‌ها) محدود می‌کنه.
بخش دوم با (max-width: 768px) استایل‌ها رو به موبایل‌ها که عرض صفحه‌شون 768 پیکسل یا کمتر هست، محدود می‌کنه.
برای اضافه کردن این کدها در وردپرس، می‌تونید از بخش نمایش > سفارشی‌سازی > CSS اضافی این کدها رو قرار بدید یا اون‌ها رو مستقیماً به فایل استایل قالب (style.css) اضافه کنید.

این کار به شما کمک می‌کنه طراحی سایتتون رو برای نمایش بهتر در دستگاه‌های موبایل و تبلت بهینه کنید.