نمایش محتوای متفاوت با دسکتاپ در نسخه موبایل سایت
سلام بچه ها
ما با CSS می تونیم یه المان رو در 1 1 یا در نسخه های مختلف حذف کنیم و یک المان دیگه رو بجاش 1 بدیم درسته ؟
الان من یک المان برای نسخه 1م دارم با ظاهری متناسب با نسخه دسکتاپ و برای همون بخش المانی داریم متناسب با نسخه موبایل با تنظیمات اون المان می تونم برای موبایل اولی رو غیر فعال کنم و دومی رو برای دسکتاپ، تا اینجا همچی اوکی هست
مشکل اصلی این هستش که هر دو المان در هر دو نسخه در سورس 1 در حال نمایش هستشن و باعث نابودی سئو سایت میشه. چون المان ها دارن 15 20 تا آگهی رو لود می کنن و خب این برنامه تو اکثر صفحات سایت هستش.
کسی راهکاری داره که وقتی من میخوام المانی رو تو موبایل نمایش ندم در سورس هم حذف بشه و کامل نمایش داده نشه ؟
ممنون میشم اگر کسی تجربه داره راهنمایی کنه.
سلام
برای هر بخش class یکتا تعریف کنید و بعد برای نسخه تبلت و موبایل دستورات 1 بنویسید.
مثلا اگر کلاس تعریف شده برای نسخه دسکتاپ 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 رو برای هر بخش جداگانه تعریف کنید.
سلام آقای سیدزاده عزیز ممنونم از پاسخگوییتون، مشکل اینجاست که در سورس سایت لود میشن، و گوگل به جفتش دسترسی داره در نسخه موبایل.
من میخوام کلا توی سورس در موبایل فقط موبایل لود بشه و همینطور در دسکتاپ فقط دسکتاپ لود بشه.
