نمایش محتوای متفاوت با دسکتاپ در نسخه موبایل سایت
سلام بچه ها
ما با CSS می تونیم یه المان رو در نسخه موبایل یا در نسخه های مختلف حذف کنیم و یک المان دیگه رو بجاش نمایش بدیم درسته ؟
الان من یک المان برای نسخه دسکتاپم دارم با ظاهری متناسب با نسخه دسکتاپ و برای همون بخش المانی داریم متناسب با نسخه موبایل با تنظیمات اون المان می تونم برای موبایل اولی رو غیر فعال کنم و دومی رو برای دسکتاپ، تا اینجا همچی اوکی هست
مشکل اصلی این هستش که هر دو المان در هر دو نسخه در سورس سایت در حال نمایش هستشن و باعث نابودی سئو سایت میشه. چون المان ها دارن 15 20 تا آگهی رو لود می کنن و خب این برنامه تو اکثر صفحات سایت هستش.
کسی راهکاری داره که وقتی من میخوام المانی رو تو موبایل نمایش ندم در سورس هم حذف بشه و کامل نمایش داده نشه ؟
ممنون میشم اگر کسی تجربه داره راهنمایی کنه.
سلام
برای هر بخش class یکتا تعریف کنید و بعد برای نسخه تبلت و موبایل دستورات متفاوت بنویسید.
مثلا اگر کلاس تعریف شده برای نسخه دسکتاپ desktop-version
هست. از چنین کدی استفاده کنید:
/* For Mobile */
@media screen and (max-width: 540px) { .desktop-version{ display: none; }
}
/* For Tablets */
@media screen and (min-width: 540px) and (max-width: 780px) { .desktop-version{ display: none; }
}
به همین تربیت می تونید برای هر نسخه استایل های بیشتری تعریف کنید و دستورات CSS رو برای هر بخش جداگانه تعریف کنید.
سلام آقای سیدزاده عزیز ممنونم از پاسخگوییتون، مشکل اینجاست که در سورس سایت لود میشن، و گوگل به جفتش دسترسی داره در نسخه موبایل.
من میخوام کلا توی سورس در موبایل فقط موبایل لود بشه و همینطور در دسکتاپ فقط دسکتاپ لود بشه.