طراحی قالب وردپرس با آرتاباز

بیش از 0 پروژه طراحی وب سایت و 0٪ رضایت مشتریان فقط کافیست نمونه کارها را مشاهده کنید.

فیلم آموزشی طراحی ریسپانسیو

فیلم آموزشی طراحی ریسپانسیو . در این فیلم آموزشی ما به طراحی منو ریسپانسیو در وب سایت میپردازیم.
همانطور که میدانید وب سایت ها با روش های مختلفی تبدیل به طرح ریسپانسیو می شوند از جمله کار با فریم ورک هایی از جمله بوت استرپ یا پلاگین های جی کوئری و یا مدیاکوئری.
ما در این فیلم آموزشی به طراحی منو با مدیاکوئری CSS3 پرداختیم.
اما یکی از پارامترهای مهم در طراحی ریسپانسیو ، بحث متاتگ Viewport هست
خب حالا متا تگ viewport و استفاده آن در طراحی نسخه موبایل وب سایت به چه صورت هست…!؟
برای به کار گرفتن طراحی ریسپانسیو کُدها و روش های متفاوت و زیادی وجود دارند که می توانید از آنها بهره بگیرید. اما برای اینکه کمی ساده تر فکر کنیم ما با سه متا تگ زیر که وجودشان در قالب های واکنش گرا اجباری است شروع می کنیم.

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />

زمانی که صفحه شما در یک تلفن هوشمند بارگزاری می شود متا تگ View Port باعث میشود که صفحه شما در نسبت ابعاد 1×1 نمایش داده شود. این متا تگ باعث می شود که مرورگر تلفن هوشمند به صورت پیش فرض صفحه شما را در حالت Full-View باز نکند و کاربر امکان بزرگنمایی (زوم) هم داشته باشد.

دانلود فیلم آموزشی

با تشکر
موفق باشید مثل همیشه

اگر این مطلب را مفید ارزیابی کردید لطفا به اشتراک بگذارید .

۳۲ دیدگاه

  1. مهدی

    ممنون ! عالی بود !

  2. شروین

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

    • کیوان

      سلام
      لطفاً از آموزشهای ریسپانسیو بیشتر تو سایتتون بذارید

  3. علی

    ممنون ، عالی بود

  4. علی

    با سلام میخواستم بدونم آیا تبادل لینک و بنر انجام میدهید یا نه؟؟؟؟؟؟؟

  5. محمد

    سلام علی جان آموزش ها رو توی نت پیکسل میزارید یا اینجا ؟

  6. ms

    با سلام

    آیا ادامه این فیلم آموزشی را هم در دسترس قرار می دهید؟

  7. محمد

    ممنون که چواب دادین . . .

    • علی مظلوم

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

  8. مکباف

    عرض سلام…خیلی ممنون بابت اموزش های مفید و بروزتون

  9. mss

    با سلام

    آیا قسمت های بعدی این فیلم آموزشی را هم در دسترس قرار می دهید؟ “تو فیلم اشاره به قسمت های بعدی آموزشی داره”

    • علی مظلوم

      سلام دوست من
      قطعا بله

      • پیمان

        جناب مظلوم ضمن تشکر از آموزش بسیار خوبتون میخوام بگم بی صبرانه منتظر جلسه بعدی هستم…

        • علی مظلوم

          ممنون دوست گرامی
          موفق باشید مثل همیشه…;):)

  10. گروه توسعه

    واقعاً ممنون خیلی دنبال همچین آموزشی می گشتم

  11. احسان

    واقعآ فوق العاده بود …

  12. saeed

    سلام
    بسیار عالی
    منتظر اموزش طراحی برای کل سایت هستیم.
    واقعا کارتون تو بیان مطالب عالی بود.

  13. fateme

    مختصر و کاملا مفید.ممنون

  14. nimaakbari

    با عرض سلام و خسته نباشید
    منتظر ادامه این آموزش هستیم

  15. majid

    ممنون عالی بود خیلی ممنون دستتون درد نکنه .. فقط این آموزش طراحی یک قالب کاملا ریسپانسیو رو کی میزارید؟

  16. ArYanPour

    ممنون بابت مطلبتون : )

  17. saeed

    دمت گرم.عالی بودومفیدکوتاه.امیدوارم بازم ادامه بدید

  18. امین فراست

    سلام
    ضمن تشکر ازتون بابت آموزش ها می خواستم بگم که شش ماه منتظر آموزش بعدیتون هستیما!!
    ممنون

  19. محمد حسن

    سلام آقای مظلوم ، ممنون از آموزش های خوبتون . عالی هست
    فقط دوسؤال از خدمت شما دارم:
    1- اینکه وب سایت نت پیکسل فعالیت خود را ادامه می دهد یا نه؟
    2- من در سایت نت پیکسل آموزش ساخت قالب وردپرس را خریدم ولی فیلم ها از روی هارد پاک شد و حتی ایمیلی که لینک ها در آن بود نیز حذف شد ، آیا امکان خرید پستی مجموعه وجود دارد یا نه؟

    • علی مظلوم

      با سلام و خسته نباشید
      بله دوست من نت پیکسل به پایان فعالیت خود رسید.
      در مورد مجموعه نیز میتوانید از وب سایت وی لرن نسبت به خرید یک مجموعه پیشرفته تر اقدام نمایید.
      با تشکر
      موفق باشید.

      • محمد حسن

        آقای مظلوم ممنون ، فقط اینکه در وب سایت وی لرن دوره طراحی قالب وردپرس وجود ندارد؟
        آقای مظلوم من الآن خیلی به مجموعه طراحی قالب شما احتیاج دارم …

        • علی مظلوم

          با سلام و خسته نباشید خدمت شما
          به امید خدا هفته آینده در وب سایت Welearn.ir قرار می گیرد.
          با نهایت تشکر و سپاس
          موفق باشید…;):)

  20. راهسازی

    سلام . مطلب خوب و قابل استفاده ای بود . مرسی

  21. فرش دستباف

    سلام خیلی ممنون عالی و مفید بود . لطفا باز هم مطالب جدید و مفید رو در این سایت درج کنید.

  22. kianoosh

    لینک مشکل دارد

    • علی مظلوم

      لینک تصحیح شد
      با تشکر و سپاس
      موفق باشید

  23. دوست

    بسیار عالی، ممنون و متشکر

ارسال نظر

» دیدگاه تان را فارسی بنویسید ، دیدگاه های انگلیسی و فینگلیش تایید نمی شوند .