آموزش طراحی ریسپانسیو یا واکنشگرا با ویژوال کامپوسر
آموزش طراحی ریسپانسیو یا واکنشگرا با ویژوال کامپوسر
( پنجشنبه ، 6 اردیبهشت سال 1403 )
در این آموزش طراحی ریسپانسیو یا واکنشگرا با ویژوال کامپوسر را مشاهده خواهید کرد.
( ادامه مطلب … )
⏰ فقط چندساعت باقی مانده ֎ تخفیف 50 درصدی همه محصولات ֎
تخفیف نوروزی ( مدت محدودددد )
💠 ابزار وردپرسِ قدرتمند، پرچم دار خدمات وردپرس و طراحی سایت ایران دارای 50 درصد تخفیف نوروزی روی تمام محصولاتش هست.
1️⃣ پیامیتو ( سامانه پیامکی ) کدتخفیف 50% : norooz
2️⃣ نت بازده ( سوشیال و سرعت ) کدتخفیف 50% : norooz
3️⃣ اَپیرو (اپلیکیشن ساز) کدتخفیف 50% : norooz
4️⃣ آرش کمانگیر (ساخت ایران ابزار وردپرس) کدتخفیف 50% : norooz
5️⃣ بیل گیتس ( ویندوز قانونی ) کدتخفیف 50% : norooz
6️⃣ خطر ( آنتی ویروس ) کدتخفیف 50% : norooz
7️⃣ محصولات روستای خاله سرا (10%) : norooz
——————————
در نهایت خرید کامپیوتر در این روزها از ما بدون پیش پرداخت و اقساط خیلی آسان هست. (نقدی هم که دو میلیون تخفیف داره ) که میتونید از آی دی @kian_support سفارش بدید.
——————————
دپارتمان توسعه پرداخت هم درستگاه کارتخوان رو با شرایط ویژه تقدیم شما خواهد کرد. @kian_pay میتونید درخواست بدید.
3364
035
حـتــی ایام تعطیل - 8 صبح الی 20
64 دیدگاه. Leave new
سلام خسته نباشید من سایتمو تقریبا تموم کردم با ویژوال کامپوزر طراحی کردم فقط یه مشکل بزرگی که دارم فوتر سایت در قسمت صفحه اصلی سایت سالمه ولی تو برگه های دیگه متاسفانه تنظیمات به هم میخوره فوتر کوچیکتر میشه دقیقا تو ریسپانسیو هم همین حالته وقتی که من حالتی رو غییر نمیدم و فقط از بلاگ فوتر فراخوانی میشه چرا باید بهم بخوره؟
ممنون میشم راهنماییم کنین
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این مورد نیازمند بررسی است که پیشنهاد میشود از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید.
با تشکر.
سلام خسته نباشید
متاسفانه من نمیتونم تنظیمات ریسپانسیو ستون رو تو قالب پیدا کنم اصلا گذینه ریسپانسیو ندار ه قالب رو هم از شما خریداری کردم
ممنون
سلام و احترام خدمت شما همراه ارجمند ، از شما خواهشمندیم سوالات پس از خرید را ( در رابطه با محصول خریداری شده از سایت ما ) در بخش تیکت پشتیبانی ( ناحیه کاربری ) ارسال فرمایید ، سوالات شما به سرعت توسط همکاران متخصص ما پاسخ داده خواهد شد.
با سلام و وقت بخیر
وقتی من تنظیمات ستون رو در المان های ویژوال کامپوزر باز می کنم تب تنظیمات ریسپانسیو وجود نداره. چطور میشه اون رو اضافه کرد؟
ضمن عرض سلام و وقت بخیر به شما ،
برای فعال سازی حالت ریسپانسیو در ستون ها باید این گزینه را در قالب غیر فعال نمایید > این تصویر
با آرزوی موفقیت برای شما
سلام و عرض ادب و احترام حضور تیم محترم ابزار ورد پرس
اولا خداقوت میگم حضورتون بابت این آموزشات بینظیرتون
ودوم سولی در خصوص ریسپانسیو داشنتم بنده سایتم رو با کمک آموزشات و زحمات شما به بهترین نحو طراحی کردم منتها الان در خصوص ریسپانسیوش تو موبایل مشکل جدی دارم چون قالب سایت وودمارت هست و با المنتور طراحی شده کاملا
و در موبایل المان ها به هم ریخته هستند ممنون میشم لطف بفرمایید راهنمایی کنیید بنده چطور میتونم این مشکل رو حل کنم
پیشاپیش کمال سپاس رو دارم
سلام و وقت بخیر.
در صورتی که با المنتور طراحی کرده اید ، باید آموزش های ریسپانسیو در المنتور را مشاهده نمایید.
با آرزوی موفقیت برای شما .
سلام و احترام ، خسته نباشید
بنده دچار مشکلی شدم در تنظیمات ریسپانسیو ، بنده در صفحه مورد نظرم بک گراند قرار دادم و در موبایل به درستی نمایش داده نمیشه ، قصد دارم بک گراندو در موبایل حذف کنم ، یک دوپلیکت کردم از تمامی موارد و در ریسپانسیو آن قرار دادم تنها در موبایل نمایش داده شود و در اجزای قبلی هم یک موبایل را فعال کردم تا به مشکل نخورد ، اما پس از بروزرسانی قسمت کوچکی از مواردی که در دسکتاپ باید نمایش داده شود در موبایل دیده می شود و هرکار میکنم حذف نمی شود ، امکناش هست راهنماییی کنید؟
سلام و عرض ادب ،
حتماً این مورد به شما راهنمایی می شود. اما لازمه آن این است که این موضوع را در تیکت مطرح نمایید تا طراحی شما بررسی شود.
در بخش دیدگاه به این صورت امکان بررسی و راهنمایی برای این مورد متاسفانه وجود ندارد.
از حضور شما ممنونیم.
با تشکر.
سلام آیا میشود ترتیب نمایش اجزای سایت رو در حالت موبایل در ویژوال کامپوزر تعیین کرد؟
مثلا کدوم مورد اول باشه کدوم دوم و به همین ترتیب تا پایین…
وقت شما بخیر
در تنظیمات رسپانسیو می توانید مشخص نمایید کدام المان ها در کدام دستگاه نماش داده شود و یا نشان داده نشود.
این مورد ممکن است. موفق و پیروز باشید.
سلام برا ریسپانسیو کردن شدیدا مشکل دارم!آموزش در این باره ندارید ؟مثلا یه طرحی مثل عکس های اول صفحه اصلی سایت خودتون ؛در یه سایز هایی مثل ۴۸۰پیکسل خوبه اما وقتی بشه ۴۷۹ همش می‌ریزه به هم یا وقتی ۹۰۰خوبه تا میشه ۸۹۹کل صفحه نسبت هاش خراب میشه !
با سلام و احترام
احتراماً قالب ها بصورت پیشفرض ریسپانسیو هستند. یعنی همین که شما بصورت عادی طراحی خود را انجام دهید، قالب ها ریسپانسیو بر روی دستگاه های مختلف هستند . در زیر دو آموزش هم برای شما ارسال می کنم که ممکن است برای شما مناسب باشد.
آموزش طراحی ریسپانسیو صفحه ساز
آموزش طراحی ریسپانسیو صفحه ساز 2
باتشکر از حضور شما کاربر محترم
سلام .ریسپانسیو لپ تاب با کامپیوتر فرق داره؟من با لپ تاب ریسپانسیو رو چک میکنم اما کامپیوتر رو چجوری چک کنم تا ببینم ریسپانسیو هست یا نه
سلام بر شما
ریپسانسیو را معمولاً برای دستگاه های غیر از سیستم می گویند.
طبق آموزش شما ریسپانسیو را برای موبایل انجام می دهد.
البته که اگر بصورت عادی هم طراحی را انجام دهید، ریسپانسیو انجام می شود.
با تشکر.
سلام خسته نباشید ممنون از سایت خوبتون
من هرچی دنبال تنظیمات ریسپانسیو ستون در قالب ایمپرزا میگردم نیس دلیلش چیه ؟ قالبه تازه تهیه کردم از سایتتون
ضمن عرض سلام و وقت بخیر به شما کاربر گرامی ،
احتراماً برای فعال سازی حالت ریسپانسیو در ستون ها باید این گزینه را در قالب زفایر و یا ایمپرزا غیر فعال نمایید > https://screen.center/s/4Gjak
با آرزوی موفقیت برای شما
سلام. چطور می تونیم توی ویژوال کامپوزر در حالت موبایل دو یا سه تا ستون کنار هم داشته باشیم و زیر همدیگه نیفتن ستونها
سلام آقای صحرایی
برای این موضوع عرض ستون ها را در حالت موبایل را مانند این تصویر قرار دهید.
با تشکر
سلام خسته نباشید. سپاس از توضیحات بی نظیر استاد جبین پور. من یه مشکلی که در ریسپانسیو دارم اینه که تنظیمات صفحه رو که درست می کنم در هر صفحه موبایلی یه جور نشون میده و یک حالت عرض ثابت برای موبایل درنظر نمیگیره. مثلا برای گوشی های شیائومی که صفحه شون بزرگتره جای المان ها عوض میشه نسبت به بقیه گوشی ها. این تنظیمات اینطوری که کلا از یک عرضی کمتر همه رو در یک حالت نشون بده را از کجا باید کنترل کنم؟ قالب سایتم هم زفایر. ممنون میشم راهنمایی کنین
سلام و درود خانم زیارتی عزیز
خواهش می کنم. برای مشخص کردن عرض موبایل می توانید از قسمت زفایر > تنظیمات پوسته > طرح بندی سایت > عرض صفحه نمایش موبایل، عرض مورد نظر را وارد نمایید تا تنظیماتی که برای نسخه موبایل وارد می کنید در ابعاد مورد نظر شما اعمال گردد. در صورتی که با تعیین عرض مشکلتان برطرف نشد می توانید از ناحیه کاربری یک تیکت ارسال کنید تا کارشناسان بخش فنی بررسی داشته باشند.
با سپاس از حضور شما
سلام و وقت بخیر
ممنون از آموزش خوبتون
چطور میتونم سه تا المان رو که توی حالت دسکتاپ هر سه تارو کنار هم نششون میده، تو حالت موبایل هم همینطور، سه تا کنار هم باشند
چه تنظیماتی باید انجام بشه و آفست و عرض روی چه تنظیماتی باشه؟
سلام خانم نوراللهی عزیز و گرامی
خواهش می کنم. برای حالت موبایل مانند این تصویر تنظیمات را انجام دهید.
با تشکر
خیلی ممنونم از پاسخگویی سریعتون
متاسفانه نشد
نمیدونم آیا ارتباطی به تنظیمات ریسپانسیو در حالت دسکتاپی و تبلتی داره؟
خواهش می کنم. چنانچه محصولی خریداری کردید تیکت ارسال کنید تا این مورد توسط کارشناسان بخش فنی بررسی گردد.
با تشکر
سلام ممنون از آموزش خوبتون
من یک سوال دارم.
این تنظیم ستون در ریسپانسیو که گفتید برای کل ردیف هست.
مثلا من داخل ردیفم یک المان شبکه بندی دارم که نمونه کارهامو فراخوانی میکنه و در دسکتاب 4 ستونه و میخواهم در موبایلی هم دو ستونه نشان بدهد. این دیگه با تنظیم ریسپانسیو ستون اصلی درست نمیشه. در این حالت چه باید کرد؟
سلام خانم تفرشی عزیز و گرامی
تنظیمات مربوط به ریسپانسیو المان شبکه ای را می توانید از قسمت تنظیمات ریسپانسیو انجام دهید و مشخص کنید در دستگاه های دیگر به چه شیوه ای نمایش داده شود.
با تشکر
خیلی ممنونم از راهنمایی تون
این المان رو در قالبهای دیگه دیدم. ولی در وودمارت نداره.
راه دیگه ای هست؟
خواهش می کنم. خیر متاسفانه. تنها از طریق کدنویسی و سفارشی سازی این مورد امکان پذیر است.
با تشکر
عالی
سلام ببخشید من توی قالب ایمپرزا یی که از شما تهیه کردم قسمت ریسپانسیو نداره باید چی کار کنم؟؟؟
با سلام و احترام به شما کاربر گرامي ،
مهدیار عزیژ ، با توجه به اینکه شما خریدار محصول هستید، می توانید از بخش ناحیه کاربری ، سوال خود را بصورت تیکت ارسال نمایید.
قالب بصورت پیشفرض، ریسپانسیو است و نیاز به کار خاصی نیست.
البته آموزش های زیر هم به شما کمک می کند.
آموزش طراحی ریسپانسیو صفحه ساز
آموزش طراحی ریسپانسیو صفحه ساز 2
با تشکر.
سپاسگزارم از پاسخگویی عااااااااااالی تون واقعا باور نمی کردم به این سرعت جوابم رو بگیرم
سلام ویژوال کامپوزر من اصلا این امکانات رو نداره چیکار باید بکنم؟!
سلام ، این بستگی به قالب شما دارد و قالب ها در امکانات ویژوال بسیار دخیل هستند. باتشکر
سلام وقت شما بخیر من تصویر اصلی سایتم در گوشی بزرگتر از حدمعموله.
فیلم رو دیدم ولی نتونستم این تغییر رو اعمال کنم وسایز تصویر در نسخه موبایل رو درست کنم میشه لطفا راهنماییم کنید؟
با سلام ، ممنون از حضور شما ،
مربوط به تنظیمات قالب شما است ، و مربوط به سایز تصویر شما است ، البته همین که سایز تصویر را کم کنید کافی است .
دقت کنید در بخش هدر موبایل تصویر با سایز کمتر باشد.
با تشکر.
سلام و وقت بخیر و ممنون از سایت خوبتون
اینجا راهی هست که اندازه هارو تغییر بدیم؟ مثلا اندازه بگیم که چه سایزی باشه نسخه موبایلو نشون بده، و یا از سایز x تا سایز y نسخه دسکتاپو نشون بده؟ تو سایت من یکی از ادمین ها این مشکلو داره در لپ تاپش نسخه موبایلو نشون میده در حالیکه با چننتا لپ تاپ دیگه تست کردیم تو لپ تاپ نسخه خودشه و موبایلم نسخه مخصوص خودش… ممنون میشم جواب بدید
سلام بر شما ، این حالت استاندارد در افزونه لحاظ شده است و تغییر خاصی برای آن قابل لحاظ کردن نیست. باتشکر
با تشکر از اموزش خوب و مفیدتون ، خواهشا در اینده آموزش گزینه های باکس تنظیمات ریسپانسیو ( مانند مفاهیمی همچون آفست یا به ارث بردن و اندازه های گوناگون ) لطفا تهیه بفرمایید
با سپاس فراوان
با سلام ، ممنون از حضور شما ،
ممنون از شما کاربر گرامی ، از پیشنهاد شما هم استقبال می شود.
با تشکر.
با سلام
برای ایجاد دو ستون در یک لاین در حالت ریپسانسیو موبایل (به یک ماتریس توجه کنید) ، در ویژوال کامپوزر روشی پیشنهاد نمیکنید؟؟
با تشکر از پاسخ شما
با سلام و احترام ،
آموزش را مشاهده کرده و دقیقاً مانند آموزش و با خلاقیت خود طراحی را انجام دهید ، پیشنهاد دیگری نداریم.
با تشکر.
سلام. وقتتون بخیر. ممنون از ویدیوی آموزشی بسیار مفیدی که قرار دادین.
واقعا عالی بود. خیلی ساده اصول کار رو گفتید. واقعا مشکلم حل شد…
با سلام
لطفا بگید چطوری میشه دو ستون یا بیشتر رو توی حالت موبایل نشون بدم
هرکاری میکنیم بازم همش یک ستونه هستش و سایت خسته کننده و غیر جذاب در میاد
سلام عرفان جان، متاسفانه بنده برای این مورد روشی را نمی شناسم. باتشکر از حضور شما کاربر گرامی
با سلام و ادب و تشکر از آموزش‌های کاملا کاربردی و مفید شما
یک مشکلی هنگام ریسپانسیو کردن صفحه دارم و آن اینه که نمیتونم با ویژوال کامپوزر در حالت موبایل دو ستون کنار هم ایجاد کنم.
لطفا روش دو ستونه کردن در حالت موبایل رو هم آموزش بدید.
با سپاس فراوان
سلام علیرضا جان، این مورد را به واحد آموزش اطلاع خواهم داد تا در برنامه آموزشی قرار دهند. به منظور حرفه ای تر شدن در طراحی ویژوال آموزش زیر را به شما پیشنهاد می کنم:
آموزش ویژوال کامپوزر – آموزش WPBAKERY PAGE BUILDER
سلام
به جای این همه گپی کردم
با کد سی اس اس که توی پلاگین خاص یا کاستوم وردپرس نمیشه این کار رو کرد
چون یک آموزش طراحی قالب دیده بودم که با کد سی اس اس مثلا کاری میکرد که توی سایز موبایل مستطیل قرمز بشه و توی ساز کامپیوتر سبز
سلام بر شما ، با سی اس اس هم میتوان تغییراتی داد ولی خب بنظر ما به این شکل استاندارد شدن سخت انجام می شود …
آموزش از دقیقه 9 شروع میشه! کل آموزش 15 دقیقه است، 9 دقیقه اش مقدمه است! زیاد نیست بنظرتون؟
سلام بر شما ، بنظر ما اگر مورد استفاده شما قرار نمی گیرد الزامی برای دیدن آموزش ها نیست!!
سپاس گزارم آموزشتون عالی بود
با سلام و احترام
در یک کلام می توان گفت که ابزار وردپرس واقعا بی نظیره.
بخاطر آموزش های باکیفیت و ناب شما بسیار سپاسگزارم.
سوالی درباره افزونه ویژوال کامپوسر داشتم و ممنون می شوم راهنمایی نمایید.
چگونه می توانیم به کمک این افزونه قدرتمند، یک “قالب صفحه اختصاصی” طراحی کنیم؟ یعنی صفحه ای را از صفر طراحی کنیم و سپس قالب آن صفحه را به عنوان الگو بارها در سایت استفاده کنیم؟
با سپاس فراوان
شاد و سربلند باشید
با سلام و احترام ، وقتی یک صفحه را با ویژوال طراحی نمودید بالای ویژوال امکان ذخیره تمپلیت وجود دارد.
سلام وقتتون بخیرخب برای ریسپانسیو کردن المان هارو مجدد تکرار میکنیم این تو سئو اختلال ایجاد نمیکنه؟ چون بالاخره کپی میشه دگ ممنون میشم راهنمایی کنید
با سلام ، کپی نیست و گوگل خودش متوجه ریسپانسیو بودن می شود. باتشکر
جناب جبین پور خواستم از بابت ریسپانسیو کردن مجددا از شما تشکر کنم شما مشکل منو حل کردین سایتتون بی نظیر ممنون
با سلام ، از شما متشکرم. آرزوی بهترین ها را برایتان دارم…
واقعا ممنون آموزشاتتون بی نظیر دستتون درد نکنه
خیلی خوب بود استاد ، واقعا ممنونیم
با سلام و تشکر از زحمات مفید و کاربردی مجموعه ابزار وردپرس,در هنگام مشاهده آنلاین فقط صدای ویدئو آموزشی پخش می شود و مجبوریم برای مشاهده آن را دانلود نماییم.ما از آخرین ورژن ویندوز 10 استفاده می کنیم و در دو مرورگر “کروم” و “مایکروسافت ایج” هم امتحان کردیم آنلاین تصویر پخش نمی شود.در ضمن نرم افزار آدوب فلاش پلیر هم نصب شده داریم.لطفا در صورت امکان بررسی یا راهنمایی نمایید که مشکل از ویندوز و مرورگر ما می باشد یا از سایت ابزار وردپرس.با تشکر
با سلام و احترام ، ما در چندین سیستم مختلف تست کردیم مشکل خاصی نبود…