رفتن به مطلب
amer7417

ریسپانسیو نشدن وبسایت در حالت موبایل

پست های پیشنهاد شده

سلام دوستان
متاسفانه صفحات یک قالب رو با ویژوال کامپوزر طراحی کردم
همه چی اوکی بود اما به مشکلی که خوردم ریسپانسیو نبودن صفحات در حالت موبایلی و تبلت بود
آیا راهی وجود داره که بشه همون مدل دسکتاپ در موبایل و تبلت نمایش داده بشه
ممنون میشم راهنماایی کنید
 

به اشتراک گذاری این ارسال


لینک به ارسال
در 5 ساعت قبل، amer7417 گفته است :

سلام دوستان
متاسفانه صفحات یک قالب رو با ویژوال کامپوزر طراحی کردم
همه چی اوکی بود اما به مشکلی که خوردم ریسپانسیو نبودن صفحات در حالت موبایلی و تبلت بود
آیا راهی وجود داره که بشه همون مدل دسکتاپ در موبایل و تبلت نمایش داده بشه
ممنون میشم راهنماایی کنید

سلام، بله کد متای Viewport رو از هدر قالبتون حذف کنید.

البته شخصا توصیه نمی‌کنم، الان ریسپانسیو نبودن یه پوئن منفی برای سایت به‌حساب میاد.

به اشتراک گذاری این ارسال


لینک به ارسال

ممنون از راهنماییتون 
اما متاسفانه برای ریسپانسیو کردن سایت که با ویژال کامپوزر ساخته شده خیلی سخت هست و عملا یک جورایی نمیتونم آیا راه حل برای ریسپانسیو کردن صفحات ویژال کامپوزر هست که بشه به صورت 100% ریسپانسیو کرد.

به اشتراک گذاری این ارسال


لینک به ارسال
در 20 ساعت قبل، amer7417 گفته است :

ممنون از راهنماییتون 
اما متاسفانه برای ریسپانسیو کردن سایت که با ویژال کامپوزر ساخته شده خیلی سخت هست و عملا یک جورایی نمیتونم آیا راه حل برای ریسپانسیو کردن صفحات ویژال کامپوزر هست که بشه به صورت 100% ریسپانسیو کرد.

متاسفانه من زیاد با ویژوال کامپوزر کار نکردم و دقیقا اطلاع ندارم، اما تا جایی که توی وبسایت دوستام دیدم المان‌هایی که با ویژوال کامپوزر می‌ساختن ریسپانسیو بود، یه کم توی المان‌هاش بگردید شاید یه گزینه‌ای چیزی باشه برای ریسپانسیو کردنش.

به اشتراک گذاری این ارسال


لینک به ارسال
در در 2/19/2019 at 14:36، amer7417 گفته است :

سلام دوستان
متاسفانه صفحات یک قالب رو با ویژوال کامپوزر طراحی کردم
همه چی اوکی بود اما به مشکلی که خوردم ریسپانسیو نبودن صفحات در حالت موبایلی و تبلت بود
آیا راهی وجود داره که بشه همون مدل دسکتاپ در موبایل و تبلت نمایش داده بشه
ممنون میشم راهنماایی کنید
 

خیلی ساده میتونید از امکانات خود ویژوال کامپوزر برای این کار استفاده کنید 

برای ستون ها ویرایش بزنید بخش ریسپانسیو داره vc2.thumb.png.bfcfc354175ac4febd5d67ac32971cac.pngvc20.png.54cc46a27b3f3394f846cceff71aab7a.png

  اگر هم موفق نشدید به نتیجه دلخواه برسید میتونید به ردیف ها کلاس و آیدی بدید

vc.png.919833bb7ab4ff49c5241d0428bab8f4.png

و بعد css مناسبش رو بنویسید

 

اگر تصاویر رو مفهوم نیست یه جستجو توی اینترنت بزنید آموزش استفاده از ویژوال کامپوزر  هم انگلیسی هم فارسی منابع خوبی پیدا میکنید

ویرایش شده توسط soma

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط mah_h_tab
      سلام. 
      من در سایتم وقتی که با گوشی وارد میشم، اندازه ی مطالب سایت، طرف چپ فضای خالی هست. و همه ی صفحات هم این مشکل رو دارن حتی صفحات پیش فرض ووکامرس. چطوری باید این مشکل رو حل کنم؟
      آدرس سایت هم هست:
      chocoraz.ir
    • توسط hamedgh1373
      سلام اساتید محترم من برای قالبی که طراحی کردم میخواستم منو موبایل ایجاد کنم ولی روی فهرست سایت کلیک که می کنم منو نمایش داده نمیشه ممنون میشم راهنمایی کنید.
      اینام کدهایی که وارد کردم هستن.
       
      کد اچ تی ام ال:
      <a id="menuicon" class="menuicon" href="javascript:void(0);" onclick:"menuclick()">فهرست سایت</a> <div id="mobilemenu" class="mobilemenu"><?php wp_nav_menu( array( 'theme_location' => 'top-menu' ) ); ?></div>  
      کد css:
      @media screen and (min-width:1220px){     .menuicon{         display: none;     } } .mobilemenu{     background: #333;     width: 50%;     position: fixed;     top: 0;     right: -100%;     color: #fff;     height: 100%;     z-index: 200; } .mobilemenu li a{     color: #fff;     line-height: 40px;     padding: 0 20px;     border-bottom: 1px solid #444;     display: block; } .mobilemenu.isopen{     right: 0; }  
       
      کد جاوا اسکریپت:
      function menuclick(){   var x = document.getElementById( "mobilemenu" );   if ( x.className === "mobilemenu" ){     x.className += " isopen";   } else {     x.className = "mobilemenu";   } }  
    • توسط mahdisarlak
      سلام دوستان من میخوام صفحه ایران مال سایتم رو ایندکس کنم ، اما میگه که این صفحه Mobile-friendly نیست  ، ادرس این صفحه از سایتم https://pastor22.com/wp-content/uploads/cache/2018/12/photo_2018-12-06_08-51-37-1/?MA
      چطور میتونم ارور رو رفع کنم؟

    • توسط naderi
      سلام دوستان .. وقتتون بخیر باشه
      من میخوام یه تب بندی محصولات بزنم که توی هر تب محصولات یه دسته به شکل اسلایدر(carousel ) نمایش داده بشه ، یه تب هم برای نمایش "همه" داشته باشم ..
      افزونه ای هست که معرفی کنید بتونم اینکارو باهاش انجام بدم؟
      خود ویجت تب ویژوال کامپوزر رو تست کردم ولی با اون افزونه ای که محصولات رو به شکل اسلایدر نشون میده سازگاری نداره و درست نمایش نمیده
      ممنون میشم کمک کنید
    • توسط jistili1
      سلام دوستان.من اومدم به قول خودم سایتم رو با استفاده از دستور های media query در css ریسپانسیو کردم.سایتم اینه:namavaz.ir.اومدم برای سایز های مختلف device سایت رو تعریف کردم.ولی الان وقتی سایت رو باز میکنید اصلا کاری به مدیاکوئری ها نداره.همون صفحه ای که روی لپتاپم میاره رو روی موبایل میاد زوم بک میکنه.اگه سایز مرورگر رو توی لپتاپ تغییر بدم مدیاکوئری ها کار میکنن ولی روی موبایل مشکل داره.ممنون میشم راهنمائیم کنید.
×
×
  • اضافه کردن...