سعید شعبانی

تغییر منوی وردپرس به منو ریسپانسیو در زمان کوچک شدن صفحه

4 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام دوستان

چجوری میشه منوی وردپرس که با فهرست ها ایجاد کردیم را در زمان کوچک شدن صفحه به منویی مثل Off.canvas یا دیگر منو ها که در صفحات کوچک از جمله موبایل و تبلت کارایی داشته باشند تبدیل کرد؟ لطفا اگر ممکن هست واضح توضیح بدید چون خیلی به این مورد نیاز دارم.

مثل این سایت ها:

post-412-0-94877300-1372686964_thumb.jpg post-412-0-33386400-1372686967_thumb.jpg post-412-0-88119600-1372686969_thumb.jpg

post-412-0-30818500-1372686920_thumb.jpg

ویرایش شده در توسط سعید شعبانی
0

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


لینک به پست

سلام

نیاز به کد دارید یا توضیح؟

0

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


لینک به پست

سلام

نیاز به کد دارید یا توضیح؟

کد و اگر هم توضیح بدید بد نیست

0

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


لینک به پست

بهرحال باید فهرست شما واکنش گرا بشه:


http://www.hongkiat.com/blog/responsive-web-nav/
http://www.studionashvegas.com/responsive-design-2/a-responsive-menu-solution-for-wordpress/
http://www.designwebidentity.com/effortlessly-wordpress-responsive-pagelines/

0

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط kamalwp
      سلام
      دوستان من دارم یک قالب وردپرس طراحی میکنم که به منوها قابلیت background image اضافه کردم که مثلا برای هر منو یه بکگراند متفاوت داشته باشه
      حالا میخوام داخل فهرست های وردپرس برای منوها امکانی اضافه کنم که کاربر خودش بتونه از اونجا مثلا با یک دکمه تصویر خودش رو برای هر منو انتخاب کنه ولی متاسفانه نمیدونم چجوری باید ایکارو انجام بدم
       
      دوستان ممنون میشم راهنمایی کنید چون واقعا برای ضروریه
      اگر منبعی هم هست که این رو آموزش بده بازم ممنون میشم معرفی کنید
    • توسط mahdisarlak
      سلام دوستان من میخوام صفحه ایران مال سایتم رو ایندکس کنم ، اما میگه که این صفحه Mobile-friendly نیست  ، ادرس این صفحه از سایتم https://pastor22.com/wp-content/uploads/cache/2018/12/photo_2018-12-06_08-51-37-1/?MA
      چطور میتونم ارور رو رفع کنم؟

    • توسط eh58san
      سلام روزتون بخیر استاتید محترم نیازمند پلاگین یا روشی برای ایجاد چنین منو هایی میباشم: لینک سایت  در صورتی که امکانش هست ممنون میشم راهنمایی فرمایید
       

    • توسط amer7417
      سلام دوستان
      متاسفانه صفحات یک قالب رو با ویژوال کامپوزر طراحی کردم
      همه چی اوکی بود اما به مشکلی که خوردم ریسپانسیو نبودن صفحات در حالت موبایلی و تبلت بود
      آیا راهی وجود داره که بشه همون مدل دسکتاپ در موبایل و تبلت نمایش داده بشه
      ممنون میشم راهنماایی کنید
       
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، یه منو برای حالت موبایل ساختم که بنظرم خودم کدهاش کاملا درسته اما نمیدونم چرا وقتی روی li دوم از ul دوم هم کلیک میکنم. فرقی نمیکنه و تمام منو بسته میشه.
      لطفا ویدئو رو ببینید حتما متوجه منظورم میشید. حجم ویدئو 40 کیلوبایت هست.
      کدهای جی کوئری:
      $("span.mobile-nav-toggle").click(function() { $("nav#mobile-nav > ul").slideToggle(400); }); $("ul.mobile-nav-ul > li:has(ul)").addClass('dropdown'); $("ul.mobile-ul-1 > li:has(ul)").addClass('dropdown'); $("ul.mobile-nav-ul > li.dropdown").click(function() { $(" > ul.mobile-ul-1", this).slideToggle(400); }); $("ul.mobile-ul-1 > li.dropdown").click(function() { $(" > ul.mobile-ul-2", this).slideToggle(400); });  
      nav menu.webm
      با تشکر و سپاس