آموزش طراحی ریسپانسیو یا واکنشگرا با ویژوال کامپوسر

آموزش طراحی ریسپانسیو یا واکنشگرا با ویژوال کامپوسر

( شنبه ، 23 تیر سال 1403 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

ویدئو آموزشی

آموزگار :

مهدی جبین پور

در این آموزش طراحی ریسپانسیو یا واکنشگرا با ویژوال کامپوسر را مشاهده خواهید کرد.
( ادامه مطلب … )

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

آنچه توانسته ایم لطف خدا بوده است ، ابزار وردپرس بعنوان یکی از مراجع بزرگ طراحی وب و وردپرس در حال فعالیت می باشد 🙂

ابزار وردپرس بُزرگ ترین مرجع وردپرس ایران!

آنچه توانسته ایم لطف خدا بوده است ، ابزار وردپرس بعنوان یکی از مراجع بزرگ طراحی وب و وردپرس در حال فعالیت می باشد 🙂

خرید محصول ویدئو بالا

جهت خرید کلیک کنید.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

برای نوشتن دیدگاه باید وارد بشوید.

64 دیدگاه. Leave new

  • رضا گل قاسمی سرخابی
    آوریل 5, 2024 3:44 ب.ظ

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

    • محمد قاسمی
      آوریل 7, 2024 9:15 ق.ظ

      سلام وقت شما بخیر،

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

      با تشکر.

  • رضا گل قاسمی سرخابی
    مارس 28, 2024 7:36 ب.ظ

    سلام خسته نباشید
    متاسفانه من نمیتونم تنظیمات ریسپانسیو ستون رو تو قالب پیدا کنم اصلا گذینه ریسپانسیو ندار ه قالب رو هم از شما خریداری کردم
    ممنون

  • فرهاد اشتری
    آگوست 12, 2023 1:29 ب.ظ

    با سلام و وقت بخیر
    وقتی من تنظیمات ستون رو در المان های ویژوال کامپوزر باز می کنم تب تنظیمات ریسپانسیو وجود نداره. چطور میشه اون رو اضافه کرد؟

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

  • متین شیرعلی خان
    می 21, 2022 2:55 ب.ظ

    سلام و احترام ، خسته نباشید
    بنده دچار مشکلی شدم در تنظیمات ریسپانسیو ، بنده در صفحه مورد نظرم بک گراند قرار دادم و در موبایل به درستی نمایش داده نمیشه ، قصد دارم بک گراندو در موبایل حذف کنم ، یک دوپلیکت کردم از تمامی موارد و در ریسپانسیو آن قرار دادم تنها در موبایل نمایش داده شود و در اجزای قبلی هم یک موبایل را فعال کردم تا به مشکل نخورد ، اما پس از بروزرسانی قسمت کوچکی از مواردی که در دسکتاپ باید نمایش داده شود در موبایل دیده می شود و هرکار میکنم حذف نمی شود ، امکناش هست راهنماییی کنید؟

    • علی حیدری
      می 21, 2022 5:15 ب.ظ

      سلام و عرض ادب ،
      حتماً این مورد به شما راهنمایی می شود. اما لازمه آن این است که این موضوع را در تیکت مطرح نمایید تا طراحی شما بررسی شود.
      در بخش دیدگاه به این صورت امکان بررسی و راهنمایی برای این مورد متاسفانه وجود ندارد.
      از حضور شما ممنونیم.
      با تشکر.

  • سلام آیا میشود ترتیب نمایش اجزای سایت رو در حالت موبایل در ویژوال کامپوزر تعیین کرد؟
    مثلا کدوم مورد اول باشه کدوم دوم و به همین ترتیب تا پایین…

    • علی حیدری
      می 14, 2022 12:20 ب.ظ

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

  • آرین شفیعی
    مارس 18, 2022 6:13 ب.ظ

    سلام برا ریسپانسیو کردن شدیدا مشکل دارم!آموزش در این باره ندارید ؟مثلا یه طرحی مثل عکس های اول صفحه اصلی سایت خودتون ؛در یه سایز هایی مثل ۴۸۰پیکسل خوبه اما وقتی بشه ۴۷۹ همش می‌ریزه به هم یا وقتی ۹۰۰خوبه تا میشه ۸۹۹کل صفحه نسبت هاش خراب میشه !

  • آرین شفیعی
    مارس 17, 2022 6:16 ب.ظ

    سلام .ریسپانسیو لپ تاب با کامپیوتر فرق داره؟من با لپ تاب ریسپانسیو رو چک میکنم اما کامپیوتر رو چجوری چک کنم تا ببینم ریسپانسیو هست یا نه

    • سلام بر شما
      ریپسانسیو را معمولاً برای دستگاه های غیر از سیستم می گویند.
      طبق آموزش شما ریسپانسیو را برای موبایل انجام می دهد.
      البته که اگر بصورت عادی هم طراحی را انجام دهید، ریسپانسیو انجام می شود.
      با تشکر.

  • حمید احمدی
    فوریه 12, 2022 1:05 ب.ظ

    سلام خسته نباشید ممنون از سایت خوبتون
    من هرچی دنبال تنظیمات ریسپانسیو ستون در قالب ایمپرزا میگردم نیس دلیلش چیه ؟ قالبه تازه تهیه کردم از سایتتون

  • عرفان صحرایی
    دسامبر 9, 2021 7:29 ب.ظ

    سلام. چطور می تونیم توی ویژوال کامپوزر در حالت موبایل دو یا سه تا ستون کنار هم داشته باشیم و زیر همدیگه نیفتن ستونها

  • فاطمه زیارتی
    سپتامبر 20, 2021 10:33 ب.ظ

    سلام خسته نباشید. سپاس از توضیحات بی نظیر استاد جبین پور. من یه مشکلی که در ریسپانسیو دارم اینه که تنظیمات صفحه رو که درست می کنم در هر صفحه موبایلی یه جور نشون میده و یک حالت عرض ثابت برای موبایل درنظر نمیگیره. مثلا برای گوشی های شیائومی که صفحه شون بزرگتره جای المان ها عوض میشه نسبت به بقیه گوشی ها. این تنظیمات اینطوری که کلا از یک عرضی کمتر همه رو در یک حالت نشون بده را از کجا باید کنترل کنم؟ قالب سایتم هم زفایر. ممنون میشم راهنمایی کنین

    • کارشناس پشتیبانی شماره چهار
      سپتامبر 21, 2021 10:06 ق.ظ

      سلام و درود خانم زیارتی عزیز
      خواهش می کنم. برای مشخص کردن عرض موبایل می توانید از قسمت زفایر > تنظیمات پوسته > طرح بندی سایت > عرض صفحه نمایش موبایل، عرض مورد نظر را وارد نمایید تا تنظیماتی که برای نسخه موبایل وارد می کنید در ابعاد مورد نظر شما اعمال گردد. در صورتی که با تعیین عرض مشکلتان برطرف نشد می توانید از ناحیه کاربری یک تیکت ارسال کنید تا کارشناسان بخش فنی بررسی داشته باشند.
      با سپاس از حضور شما

  • مرضیه نوراللهی
    آگوست 8, 2021 1:09 ب.ظ

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

  • زهرا تفرشی
    ژوئن 23, 2021 12:16 ب.ظ

    سلام ممنون از آموزش خوبتون
    من یک سوال دارم.
    این تنظیم ستون در ریسپانسیو که گفتید برای کل ردیف هست.
    مثلا من داخل ردیفم یک المان شبکه بندی دارم که نمونه کارهامو فراخوانی میکنه و در دسکتاب 4 ستونه و میخواهم در موبایلی هم دو ستونه نشان بدهد. این دیگه با تنظیم ریسپانسیو ستون اصلی درست نمیشه. در این حالت چه باید کرد؟

  • محمدتقی صفائیان رادپ
    ژوئن 12, 2021 10:51 ق.ظ

    عالی

  • مهدیار سلیمی
    فوریه 3, 2021 11:10 ب.ظ

    سلام ببخشید من توی قالب ایمپرزا یی که از شما تهیه کردم قسمت ریسپانسیو نداره باید چی کار کنم؟؟؟

  • سلام ویژوال کامپوزر من اصلا این امکانات رو نداره چیکار باید بکنم؟!

  • سلام وقت شما بخیر من تصویر اصلی سایتم در گوشی بزرگتر از حدمعموله.
    فیلم رو دیدم ولی نتونستم این تغییر رو اعمال کنم وسایز تصویر در نسخه موبایل رو درست کنم میشه لطفا راهنماییم کنید؟

    • کارشناس پشتیبانی شماره دو
      ژوئن 28, 2020 11:45 ق.ظ

      با سلام ، ممنون از حضور شما ،
      مربوط به تنظیمات قالب شما است ، و مربوط به سایز تصویر شما است ، البته همین که سایز تصویر را کم کنید کافی است .
      دقت کنید در بخش هدر موبایل تصویر با سایز کمتر باشد.
      با تشکر.

  • شیما صفری
    ژوئن 4, 2020 6:09 ب.ظ

    سلام و وقت بخیر و ممنون از سایت خوبتون
    اینجا راهی هست که اندازه هارو تغییر بدیم؟ مثلا اندازه بگیم که چه سایزی باشه نسخه موبایلو نشون بده، و یا از سایز x تا سایز y نسخه دسکتاپو نشون بده؟ تو سایت من یکی از ادمین ها این مشکلو داره در لپ تاپش نسخه موبایلو نشون میده در حالیکه با چننتا لپ تاپ دیگه تست کردیم تو لپ تاپ نسخه خودشه و موبایلم نسخه مخصوص خودش… ممنون میشم جواب بدید

  • alireza maddah
    می 17, 2020 7:16 ق.ظ

    با تشکر از اموزش خوب و مفیدتون ، خواهشا در اینده آموزش گزینه های باکس تنظیمات ریسپانسیو ( مانند مفاهیمی همچون آفست یا به ارث بردن و اندازه های گوناگون ) لطفا تهیه بفرمایید
    با سپاس فراوان

  • با سلام
    برای ایجاد دو ستون در یک لاین در حالت ریپسانسیو موبایل (به یک ماتریس توجه کنید) ، در ویژوال کامپوزر روشی پیشنهاد نمیکنید؟؟
    با تشکر از پاسخ شما

    • کارشناس پشتیبانی شماره دو
      می 3, 2020 2:47 ب.ظ

      با سلام و احترام ،
      آموزش را مشاهده کرده و دقیقاً مانند آموزش و با خلاقیت خود طراحی را انجام دهید ، پیشنهاد دیگری نداریم.
      با تشکر.

  • سلام. وقتتون بخیر. ممنون از ویدیوی آموزشی بسیار مفیدی که قرار دادین.
    واقعا عالی بود. خیلی ساده اصول کار رو گفتید. واقعا مشکلم حل شد…

  • با سلام
    لطفا بگید چطوری میشه دو ستون یا بیشتر رو توی حالت موبایل نشون بدم
    هرکاری میکنیم بازم همش یک ستونه هستش و سایت خسته کننده و غیر جذاب در میاد

  • با سلام و ادب و تشکر از آموزش‌های کاملا کاربردی و مفید شما
    یک مشکلی هنگام ریسپانسیو کردن صفحه دارم و آن اینه که نمی‌تونم با ویژوال کامپوزر در حالت موبایل دو ستون کنار هم ایجاد کنم.
    لطفا روش دو ستونه کردن در حالت موبایل رو هم آموزش بدید.
    با سپاس فراوان

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

  • آموزش از دقیقه 9 شروع میشه! کل آموزش 15 دقیقه است، 9 دقیقه اش مقدمه است! زیاد نیست بنظرتون؟

  • سپاس گزارم آموزشتون عالی بود

  • با سلام و احترام
    در یک کلام می توان گفت که ابزار وردپرس واقعا بی نظیره.
    بخاطر آموزش های باکیفیت و ناب شما بسیار سپاسگزارم.
    سوالی درباره افزونه ویژوال کامپوسر داشتم و ممنون می شوم راهنمایی نمایید.
    چگونه می توانیم به کمک این افزونه قدرتمند، یک “قالب صفحه اختصاصی” طراحی کنیم؟ یعنی صفحه ای را از صفر طراحی کنیم و سپس قالب آن صفحه را به عنوان الگو بارها در سایت استفاده کنیم؟
    با سپاس فراوان
    شاد و سربلند باشید

  • سلام وقتتون بخیرخب برای ریسپانسیو کردن المان هارو مجدد تکرار میکنیم این تو سئو اختلال ایجاد نمیکنه؟ چون بالاخره کپی میشه دگ ممنون میشم راهنمایی کنید

  • جناب جبین پور خواستم از بابت ریسپانسیو کردن مجددا از شما تشکر کنم شما مشکل منو حل کردین سایتتون بی نظیر ممنون 

  • واقعا ممنون آموزشاتتون بی نظیر دستتون درد نکنه

  • خیلی خوب بود استاد ، واقعا ممنونیم

  • با سلام و تشکر از زحمات مفید و کاربردی مجموعه ابزار وردپرس,در هنگام مشاهده آنلاین فقط صدای ویدئو آموزشی پخش می شود و مجبوریم برای مشاهده آن را دانلود نماییم.ما از آخرین ورژن ویندوز 10 استفاده می کنیم و در دو مرورگر “کروم” و “مایکروسافت ایج” هم امتحان کردیم آنلاین تصویر پخش نمی شود.در ضمن نرم افزار آدوب فلاش پلیر هم نصب شده داریم.لطفا در صورت امکان بررسی یا راهنمایی نمایید که مشکل از ویندوز و مرورگر ما می باشد یا از سایت ابزار وردپرس.با تشکر

فهرست