یکی از اصول مهمی که در طراحی سایت با المنتور بایستی آنرا رعایت نماییم بحث طراحی واکنشگرا در المنتور است که سبب می شود تا سایت ما در دستگاه های مختلف بخوبی نمایش داده شود که در این جلسه بصورت کامل با نحوه طراحی واکنشگرا در المنتور آشنا خواهیم شد.
آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design
آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design
( )
یکی از اصول مهمی که در طراحی سایت با المنتور بایستی آنرا رعایت نماییم بحث طراحی واکنشگرا در المنتور است که سبب می شود تا سایت ما در دستگاه های مختلف بخوبی نمایش داده شود که در این جلسه بصورت کامل با نحوه طراحی واکنشگرا در المنتور آشنا خواهیم شد. ( ادامه مطلب … )
آموزش طراحی واکنشگرا در المنتور – Elementor Responsive Design
( )
44 دیدگاه. Leave new
سلام وقتتون بخیر
برای حالت واکنشگرا یه منوی موبایلی طراحی کردم که در اون دسته بندی محصولات رو قرار دادم که به صورت منو باز شو هست. داخل هر کدوم از تب های مربوط به دسته بندی ها یک حلقه گذاشتم که تعدادی از محصولات رو نشون بده و کاربر با اسکرول افقی اون ها رو مشاهده کنه، الان میخوام یک آیکن آخر این حلقه قرار بدم برای اینکه اگر کاربر میخواد تعداد بیشتری رو مشاهده کنه بره به صفحه محصولات اون دسته. میتونید راهنمایی کنید.
سلام وقت شما بخیر،
این مورد نیازمند بررسی است که خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید.
با تشکر.
باسلام و عرض ادب
ضمن عرض تشکر فراوان از همه زحمات استاد عزیز و تلاش های نیک مجموعه ابزاروردپرس؛
سوالم اینست که
پس از اینکه تنظیمات واکنشگرایی را انجام دادیم در وسایل مختلف اعم از دسکتاپ و لبتاپ و موبایل و ….
وقتی مثلا در لبتاپ زوم صفحه را کم و زیاد می کنیم، کامل المان ها و ردیف و … جابجا میشن و یا قاطی میشن
اشکال کار کجاست؟
چطوری تنظیم کنیم که با زوم کردن صفحه، کل المان ها و ردیف ها، با درصد یکسانی بزرگ بشن و برعکس؟
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم، در این خصوص میتوانید نقاط شکست بیشتری مانند دسکتاپ عریض را اضافه کرده و در آنها نیز طراحی را مدیریت و اجرا فرمایید. البته گاهی اوقات به دلیل تنظیماتی که دراین حالت وجود دارد ممکن است نتوان بصورت کامل فرایند واکنشگرایی را لحاظ کرد و این مورد در سایر سایت ها نیز اگر تست کنید رخ میدهد.
با تشکر.
باتشکر از همه زحمات – برقرار باشید
از همراهی شما بسیار ممنونیم
سلام ممنون بابت آموزش های خوب و مفیدتون خسته نباشید.
ی سؤال داشتم،وقتی داریم رو پروژه ی طراحی سایت کار میکنیم،همزمان با طراحی صفحات در لپ تاپ،باید واکنش گرایی موبایل و تبلت هم انجام بدیم؟یا اینکه به طور کامل طراحی سایت در لپ تاپ رو انجام بدیم و بعدش در آخر، طراحی واکنش گرا رو برای سایر دستگاه ها انجام بدیم؟
سلام وقت شما بخیر،
این مورد قانون ثابتی ندارد و هر دو حالت امکان پذیر است.
با تشکر.
ممنونم ازتون
خواهش می کنم
سلام وقتتون بخیر
وقتی سایتم رو لود میکنم و واردش میشم در موبایل نصف صفحه سفید است و فقط هم در صفحه اصلی این مشکل وجود دارد چجوری میتونم حلش کنم
سلام وقت شما بخیر،
در این خصوص بایستی المان ها و بخش های موجود در صفحه خود را تک به تک در حالت موبایل مخفی کرده و سپس تست فرمایید تا بخش مشکل ساز را شناسایی کنید.
با تشکر.
سلام وقت بخیر
بنده دوباره روی واکنشگرایی آن کار کردم اما مشکل حل نشد و انگاری عرض صفحه اصلی مقداری بیشتر است چون در حالت موبایل سایت را میتوان به سمت چپ و راست حرکت داد چگونه میتوانم درستش کنم ممنونم
سلام وقت شما بخیر،
از شما خواهشمندم جهت بررسی از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید.
با تشکر.
سلام وقتتون بخیر ، چرا وقتی ریسپانسیو میکنم سایتمو، داخل گوشی نصف صفحه سفیدنشون میده؟ ممنون میشم راهنمایی کنید
سلام وقت شما بخیر،
آیا این مورد در همه صفحات یا تنها صفحه خاصی رخ داده است؟
با تشکر.
در همه صفحات این اتفاق افتاده
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود.
با تشکر.
سلام استاد عزیز لطفا توی این مشکل به من کمک کن
صفحات طراحی شده در گوگل کروم بدون هیچ مشکلی نمایش داده میشه ولی در حالت ناشناس در کروم و در گوشی موبایل فونت ها بهم میریزه آیکون باکس رو هرکاری میکنم تصویر بالا و نوشته زیر قرار میگیره سبد خرید مجموع رو نشون میده و بک گراند میگیره لگو نمیخونه و سرچ باکس توی دوخط زیر هم نمایش داده میشه ولی در صفحه اصلی گوگل هیچ مشکلی نداره
سلام وقت شما بخیر،
در این خصوص پیشنهاد میشود از آموزش های زیر دیدن نمایید و موارد را مطابق با آنها در سایتتان بررسی نمایید.
حل مشکل عدم نمایش فونت ها و آیکون ها در المنتور – Elementor dont Show Fonts and Icons
حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data
با تشکر.
استاد عزیز از شما سپاسگزارم شما بهترین اتفاق زندگی من بودید
از لطف شما بسیار ممنونیم
با سلام و تشکر از تیم ابزار وردپرس….
طبق اموزش های این ویدیو من تنظیمات ریسپانیسو را انجام می دهم اما در حالت موبایل محتوا اصلا نمایش داده نمی شود….
ممنون می شوم در این باره راهنمایی فرمایید؟
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از بروز بودن افزونه ها و قالب خود اطمینان حاصل کنید.
با تشکر.
با تشکر…..از پشتیبانی شما….
خواهش می کنم در خدمتتان هستیم.
سلام جناب قاسمی روز بخیر
اقا اموزش ها عالی با بیانی گیرا و جذاب و توضیحات ساده هستن دستون درد نکنه
اقای قاسمی من هنگام کار با وب سایت ها اون ها رو چک میکنم که با چی ساخته شده اند و از چه افزونه هایی استفاده کرده اند . به یک چیزی که زیاد برخورد کردم استفاده از بوت استرپ توی وردپرس برای ریسپانسیو کردن سایت بوده.
راهنمایی میفرمایین که به چه صورت هست من بوت استرپ رو بلدم میخوام از اون هم استفاده کنم
سلام وقت شما بخیر،
از حضور شما بسیار ممنونیم ، بله این سیستم در طراحی سایت بسیار استفاده میشود ، اما در اکثر این سایت ها فریمورک در پوسته استفاده شده بر روی آن سایت تعریف میشود و از ویژگی های آن در سایت استفاده میگردد.
با تشکر.
سلام وقت بخیر
چرا در حین ریسپانیو کردن گزینه هایی رو که کنار اون ها آیکن های موبایل و کامپیوتر و تبلت وجود داره رو تغییر میدم ولی خب حالت دسکتاپ هم بهم میریزه بعضی موقع ها افزونه المنتور هم بروزه.
سلام وقت شما بخیر،
در این خصوص اگر کلیک روی آیکن دستگاه و انتخاب آن تغییرات لحاظ شوند صرفا برای همان دستگاه این موارد تنظیم خواهند شد و سایر موارد را تحت تاثیر قرار نمی‌دهند، معمولا این مورد به دلیل اشتباه در انتخاب حالت واکنشگرا رخ خواهد داد ، همچنین پیشنهاد می کنم از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
سلام و دورد
من نمیدونم چرا قسمت نظرات مشتریان ریسپانسیو نمیشه یعنی هرکاری میکنم جملات نصفه س و کامل نمیتونم وسط چینش کنم؟ ممنون میشم راهنمایی م کنید
سلام وقت شما بخیر،
برای این مورد خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا بررسی شود
با تشکر.
درود و وقت بخیر بنده در حالت موبایل و دسکتاپ دو طراحی مجرا انجام دادم اما بعد از اون سرعت سایت بدشت افت کرد و کلا طراحی سایت ریخته بهم در حدی که نه با C F5 درست میشه نه با بازخوانی CC
سلام وقت شما بخیر،
در این خصوص دقت داشته باشید که بخش ها و المان های زیادی را برای دستگاه های مختلف در صفحه قرار نداده باشید زیرا استفاده زیاد باعث تداخلاتی خواهد شد ، پیشنهاد می برای مشکل بهم ریختگی از حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data دیدن فرمایید
با تشکر.
درود استاد وقت بخیر من یه مشکلی که دارم اینه که اگه بخوام یه طرح کاملا جدا برای موبایل اجرا کنم باید چیکار کنم ؟ یا اینکه چند بار تست کردم یه طرح رو رو حالت موبایل اجرا کردم و بعد رو حالت دسکتاپ هم اعمال شده
سلام وقت شما بخیر،
در این خصوص روشی که استفاده میشود این است که شما می توانید آیتم یا بخش مورد نظر را انتخاب کرده و در تب پیشرفته به قسمت واکنشگرایی رفته و مخفی سازی آنرا در دستگاه مورد نظر خود انجام دهید ، از آنجایی که بصورت پیشفرض آیتم ها نمایش داده میشوند از این قسمت میتوانید سازماندهی نمایش موارد را در دستگاه های مختلف انجام دهید.
با تشکر.
سلام وقت بخیر
قالب سایت من اکسترا هست و با المنتور طراحی شده،از شما المنتور پرو خریداری کردم الان دارم طراحی ریسپانسیو برای صفحه موبایل انجام میدم ولی نمیتونم اندازه لوگو رو طبق اموزش تغییر بدم میشه لطفا کمکم کنید ممنونم.
سلام وقت شما بخیر،
در این خصوص پیشنهاد می کنم از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا تنظیمات سایت شما بررسی شود زیرا ممکن است قالب شما تنظیمات خاصی را داشته باشد که روی این موضوع تاثیر گذاشته است.
با تشکر.
سلام خسته نباشید. استاد بعد پنهون کردن هدر برای موبایل چطور یه بخش جدید دیگه زیرش ایجاد کردن؟ اون قسمت رو نشون ندادن مث اینکه
سلام وقت شما بخیر،
برای این مورد از همان سکشن قبلی یک تکثیر گرفته شده و در آن تنظیمات جدید لحاظ شده است.
با تشکر.
سلام و درود من هنگام طراحی صفحه ام تو خود المنتور همه چیزدرست هستش ولی نمیدونم چرا وقتی نمایش رو میزنم که صحه طراحی شده رو ببینم اونجا بهم ریخته میشه و غالبا هم هدر اینطوری میشه کشروهم پاک کردم تست کردم درست نشد
سلام وقت شما بخیر،
برای این مورد از منو پیشخوان به المنتور و بعد ابزارها مراجعه کنید و در صفحه باز شده روی هر دو دکمه ای که وجود دارد یکبار کلیک کرده و نتیجه را بررسی فرمایید.
با تشکر.
سلام و درود خدمت استاد گرامی
اگه امکان داره آموزش مگا منو با المنتور که ی ویژگی جدید تازه ارایه شده در المنتور رو هم آموزش بدید ممنون میشم .
چون دست ما رو تو طراحی مگامنو باز میزاره .اگه لطف کنید آموزش حرفه ای مگا منو با خود المنتور بدون افزونه جانبی رو آموزش بدید ی دنیا ازتون سپاسگزارم.
سلام وقت شما بخیر،
در ادامه دوره آموزش المنتور به این موضوع نیز پرداخته خواهد شد.
با تشکر.