آموزش ساخت فلیپ باکس در المنتور
جلسه 1
شما در حال مشاهده
جلسه 2 هستید
آموزش ساخت دکمه در المنتور
جلسه 2
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)
جلسه 3
آموزش ساخت اسلایدر با المنتور
جلسه 4
آموزش ساخت کال تو اکشن در المنتور (call to action)
جلسه 5
آموزش کار با المان نمایش نظرات در المنتور
جلسه 6
ساخت شمارنده تاریخ در المنتور (countdown)
جلسه 7
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور
جلسه 8
آموزش ساخت لینک به نقاط مختلف صفحه در المنتور
جلسه 9
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور
جلسه 10
استفاده از شورت کدها در المنتور shortcode widget
جلسه 11
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها
جلسه 12
آموزش افکت اسکرول در المنتور | scrolling effect
جلسه 13
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map
جلسه 14
طراحی باکس های قیمت گذاری در المنتور | price table
جلسه 15
افزودن انیمیشن متحرک به سایت با المنتور و Lottie
جلسه 16
طراحی لندینگ پیج استارباکس با المنتور
جلسه 17
آموزش طراحی لندینگ پیج یلدا با المنتور
جلسه 18
آموزش ساخت دکمه در المنتور
آموزش طراحی دکمه های مختلف در المنتور:
در ادامه دوره جامع آموزش المنتور در خدمت شما همراهان گرانقدر آکادمی وبکیما هستیم، این جلسه چهاردهمین جلسه از دوره پروژه محور کار با المنتور است. در این قسمت یاد خواهید گرفت که دکمه های مختلف و زیبایی را برای طرح های خود در صفحه ساز المنتور پیاده کنید. در زیر تصویری از دکمه طراحی شده در این جلسه را می توانید مشاهده کنید:
هر گونه سوال، پیشنهاد یا انتقادی در رابطه با دوره کار با المنتور دارید در بخش دیدگاه ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به طراحی سایت تهیه کنیم.
باسلام
وقتی فرم تماس و ایمیل … را در وردپرس قرار میدهیم جگونه کادر و دکمه ها را کنار هم قرار دهیم؟
مثلا همین فرم دیدگاه شما، کادر ایمیل و دکمه فرستادن دیدگاه در یک ردیف باشد ؟
یا در پاورقی وردپرس، نماد یوتیوپ پشت جمله (ما را در شبکه …دنبال کنید) باشد.
با تشکر
کدام سرفصل میشود؟
** هرکار می کنم فقط کادر و دکمه جابجا شود میسر نیست و فقط خرابی….
درود، در دوره آموزش المنتور رایگان این موارد به صورت کامل آموزش داده شده است، لطفا آموزش را از ابتدا دنبال کنید.
سلام وقت بخیر
چند تا دکمه گذاشتم و به هر کدوم صفحه مورد رو لینک دادم،حالا میخوام وارد هر صفحه که میشه رنگ دکمه اون صفحه تغییر کنه یعنی رنگ فعال،از المان دکمه استفاده کنم یا چی
نمیدونم درست منظورمو رسوندم یا نه
درود، بله منظورتان را متوجه شدم، اما متاسفانه در حال حاضر المنتور این قابلیت را ندارد، البته اگر به کدنویسی تسلط داشته باشید میتوانید از ویژگی را پیاده کنید.
با عرض سلام. و خسته نباشید. من 2 صفحه ساختم که درباره محصول مورد نظر توضیحاتی میدهد. از صفحه 1 به 2 لینک دادم. در صفحه 1 اسم دگمه را Read More گذاشتم. در صفحه 2 هم لینک دادم که کابر یتوند به صفحه 1 (صفحه اصلی) برگردد. حالا اسم دگمه 2 را چی بزارم؟؟؟ Back بزارم خوبه؟ ممنون میشوم راهنمایی کنید
سلام، میتوانید نام دکمه بازگشت را بازگشت به صفحه قبل قرار دهید.
سلام وقتتون بخیر. ما در سایت دکمه “جهت خرید از دیجیکالا کلیک کنید” رو قرار دادیم ولی لینک مجزا برای یک کالا اختصاص داده نمیشه و برای همه کالا ها اعمال میشه.بعنوان مثال لینک ساعت مچی هوشمند روی بقیه محصولات مثل هدفون و اسپیکر و… هم قرار میگیره ممنون میشم راهنمایی بفرمایید باتشکر.
سلام، دقت کنید که شما باید برای هر محصول یک دکمه مجزا طراحی کنید، در واقع با توجه به نوع طراحی سایت خود باید از ووکامرس یا از کاستوم پست تایپ ها استفاده کنید.
سلام من میخوام دکمه انتخابی باشه مثل: شرایط و قوانین را قبول دارم که کاربر بتونه انو انتخاب کنه و ایمیل هم بشه برای یا توی المنتور ذخیره بشه چیکار کنم ممنون میشم راهنمایی کنین
درود بر شما، این موارد را باید توسط فرم ها طراحی کنید.
با درود . همین دوکه هارو چور میشه برای منو استفاده کرد که هم یه ایکون کنارش باشه و اون ایکون سایزش قابل تنطیم باشه و یک جدا کننده هم روش انداخت .. و همچنین چطور میشه اکاردیون برای منو ایجاد کرد که دو دکمه دیگه داخل اون اکاردیون باشه .با تشکر
درود بر شما، سوالات شما در دوره آموزش المنتور پیشرفته به صورت کامل آموزش داده شده است.
سلام وقتتون بخیر؛
چطور میشه وقتی کاربر روی دکمه کلیک میکنه / اسکرول بصورت اتوماتیک بره جایی که ما در اون صفحه تعریف کردیم؟
باسلام، برای ساخت دکمه برای انتقال بین سکشن ها => آموزش استفاده از المان لنگر فهرست در المنتور را مشاهده کنید.
سلام وقتتون بخیر
ببخشید من ۲ تا دکمه زیر هم دارم میخوام هم اندازه بشن ولی یکیش کوچکتره، پدینگ هم میدم تفاوتی نداره ممنون میشم راهنمایی بفرمایید.
درود بر شما، اگر از یک سکشن داخلی استفاده کنید و دکمه ها را تمام عرض قرار دهید مشکل برطرف خواهد شد.
آموزش عالی و فوق العاده . دستتون درد نکنه . من از دکمه استفاده میکنم ولی زمانی که لینک خارج از سایت بهش میدم ، یعنی میخوام وقتی دکمه زده شده بره داخل یک سایت دیگه ، هیچ اتفاقی نمیفته ! ممنون از راهنماییتون
باتشکر از توجه شما، ممکن هست که شما لینک را در مکان اشتباهی قرار می‌دهید یا افزونه‌ای روی سایت‌تان دارید که با المنتور تداخل دارد.
سلام، یه سوال داشتم، جایی هست که ما بتونیم سایز خود دکمه رو دقیق وارد کنیم؟ من میخوام دوتا دکمه کنار هم داشته باشم و اندازه هاشون یکی باشه. (ولی چون متن های داخلش متفاوته، بر اساس متن داخل، دکمه تغییر اندازه میده).
حتی میام به هرکدوم پدینگ میدم تا هم اندازه شن، ولی صرفا چشمی میشه اندازه هاشون رو برابر کرد (اما وقتی میره با اینسپکت نگاه میکنی، میبینی اندازه هاشون یکی نیست، حتی کمتر از یک پیکسل)
راهی برای حل کردن این مسئله هست؟ (غیر از برنامه نویسی و گذاشتن عکس به جای دکمه)
با سلام و احترام، تنها ۲ راه حل برای این کار وجود دارد، یا متن های دکمه ها را طوری انتخاب کنید که اندازه هاشون یکسان باشند، یا دکمه کوچکتر را مقدار بیشتری پدینگ بدید تا تقریبا تنظیم بشه، توجه کنید که سایز دکمه ها حتی اگه حدود ۱۰ پیکسل هم با یکدیگر متفاوت باشند زیاد قابل نشخیص نیست و نیازی هم نیست که در این رابطه زیاد حساسیت به خرج بدید.
با سلام و عرض خسته نباشید
ممنون بابت فایل های آموزشی بسیار پر محتوا و کاربردی
سوالی داشتم من هر دو افزونه ی SVG Support و Safe SVG رو نصب کردم ولیکن اجازه ی آپلود فایل SVG را نمیدهد ، و اون کدهایی رو که شما فرمودید رو نمیدونستم دقیقا در کدام فایل موجود در کدام فولدر باید کپی کنم اگه میشه لطفا آدرس دقیق آن فایل رو بفرمایید که من برم درون هاست و اون کدها رو کپی کنم .
ممنون از آموزشهای خوبتون .
با سلام و احترام، برای کسب اطلاعات بیشتر در این رابطه جلسه آموزشی => آپلود فایل های svg در وردپرس را مشاهده کنید.
سلام روز بخیر. من دوتا سوال داشتم
اول: چه جوری میتونیم دکمه ای توی صفحه طراحی کنیم که دقیقا مثل دکمه back مرورگر عمل کنه یعنی کاربر رو به صفحه قبل برگردونه؟
دوم: دکمه ای توی صفحه داشته باشیم که کاربر رو به یک صفحه دیگه و سر یک سکشن خاص درواقع در موقعیت یک شناسه css قرار بده؟
ممنون
با سلام و احترام، برای ساخت دکمه برگشت به صفحه قبل باید با کدهای جی کوئری این کار رو انجام بدید، همچنین برای ساخت دکمه برای انتقال بین سکشن ها => آموزش استفاده از المان لنگر فهرست در المنتور را مشاهده کنید.
سلام
سوال دوم من منظورم انتقال به یک صفحه دیگه و سر یک سکشن خاص بود.
برای سوال اول هم لطفا توضیح بدید که این کد رو از کجا بیارم و کجا باید نوشته بشه توی المنتور?
ممنون
سلام، شما با مشاهده ویدیوی معرفی شده، می تونید لینک صفحه رو هم به ابتدای لینک سکشن اضافه کنید و در دکمه قرار بدید، در رابطه با بخش دوم هم به زودی یک ویدیوی آموزشی منتشر خواهیم کرد.
سلام خسته نباشید خیلی سایتتون عالی من یک سوال داشتم چجوری میتونم از طریق المنتو یک دکمه روی عکس قرعر بدم نه زیر عکس
با سلام و احترام، اگر می خواهید با المنتور این موارد را یاد بگیرید باید از ابتدا تا انتهای دوره مقدماتی آموزش المنتور را با دقت مشاهده کنید.
سلام آقای عبدی
واقعا ممنون از وب سایت خوبی که دارید
من دو تا دکمه توی صفحه دارم که می‌خواهم در کنار هم با کمی فاصله موازی هم قرار بگیرید، وقتی این کار با تنظیم فاصله انجام می‌دهم یکی از آنها کار نمی‌کند و کلیک نمی‌شود، اما تا زمانی که زیر همدیگر هستند درست کار می‌کنند وقتی آنها را با تنظیم فاصله موازی هم قرار می‌دهم یکی از کار می‌افته؟
سلام آقا مهدی، شرایط در طراحی صفحات متفاوت است در حالت کلی شما دکمه ها را در هر شرایطی که قرار دهید باید کار کنند، اما باید دید که چه چیزی باعث میشود که در شرایط موازی بودن دکمه ها یکی از کار می افتد. این را باید خودتان بررسی کنید.
سلام وقت بخیر. یک فایل پی دی افی اپلود کردم داخل کتابخونه وردپرس بعد میخوام داخل المنتور براش دکمه بزارم، لینک این دکمه چه جوری میشه؟ ممنون از راهنمایتون
سلام از همان قسمت رسانه ها روی فایل تون کلیک کنید و از قسمت پایین لینک دانلود رو کپی کنید و درون دکمه قرار دهید.
خیلی ممنون از شما که تو فاصله کوتاه جوابم دادید واقعا لطف کردیدکارمو راه انداختید، تشکر از آموزش های عالیتون و پشتیبانی خوبی که دارید خداقوت مرسی از وقتی که میزارید
ممنون از همراهی شما.
سلام خسته نباشید ممنون میشم راهنماییم کنید، من میخوام ۴ تا دکمه کنارهم داشته باشم که با انتخاب هرکدوم سمت راست همون قسمت اطلاعات مربوطه رو نشون بده چه جوری میتونم این کارو انجام بدم؟
با سلام و احترام؛ جلسه آموزش کار با المان تب ها در المنتور را مشاهده کنید.
اقای عبدی ممنون از پاسختون من همه ویدیوهارودیدم و خیلی هم برام مفید بوده ممنون از زحماتتون، ولی تب نمیخوام باشه، چندتا دکمه اس ک اطلاعاتشون مخفی فقط عنوان داره، وقتی روش کاربرکلیک میکنه اون اطلاعاتو نشونش میده، این رو من روی عکس هم دیدم مثلا عکس اعظای بدن، ک روی هرعضو کلیک میشه اطلاعاته مربوطه نشون میده. راستی من ایمیلم هرروز چک کردم منتظر پاسختون بودم ولی ایمیلی دریافت نکردم که پاسخ پیامم داده شده
قابلیتی که شما می خواهید، دکمه نیست و نام آن HotSpot است که برای طراحی آن باید از افزونه Jet Tricks استفاده کنید، برای تهیه افزونه Jet Tricks میتوانید از صفحه => خرید افزونه المنتور پرو اقدام کنید.
سلام
وقت به خیر
امکانش هست بفرمایید نحوه ی ایجاد دکمه ی بارگزاری بیشتر در المنتور به چه صورت می باشد؟
با سلام و احترام، با استفاده از افزونه پاورپک می توانید این قابلیت را به سابت خود اضافه کنید.
سلام و تشکر بابت آموزش ها
ویدیو درس ۱۴ در صفحه لود نمی شود و اجرا نمی شود ، آیا مسیله از مرورگر من هست ؟
با سلام، احتراما ویدیو چک شد و مشکلی در نمایش و دانلود ندارد، با مرورگر گوگل کروم و جدیدترین نسخه تست کنید.
آقای عبدی سوع تفاهمی بیش اومد .من در طی چند هفته آموزش هارو دیدم و همراه با شما صفحه ای رو طراحی کردم و از تک تک المان ها استفاده کردم و از کیفیت آموزش ها هم خیلی راضی بودم
واقعا ممنونیم که این آموزش هارو رایگان میزاریم تا بستر یادگیری ما فراهم بشه.
انشالله آموزش های آینده هم همین طور باشن
نه آقا امیر گل این چه حرفیه! بخشید اگه بنده بد منظورمو رسوندم! بنده قصد ندشتم خدای نکرده شما را ناراحت کنم، قصد بنده ترغیب شما به دیدن آموزش ها همراه با تمرین کردن بود تا مراحل طراحی با المنتور را به صورت حرفه ای یاد بگیرید! آخه قبلش گفته بودید تازه آشنا شدید با المنتور، در هر صورت پاسخ سوالتان را به زودی توسط یک ویدیوی آموزشی خواهم داد 😉
خیلی ممنونم، پس منتظر یه آموزش حرفه ای دیگه از شما هستیم
باسلام
من به تازگی به المنتور و قابلیت های اون آشنا شدم، سوالی داشتم:
چطور میشه داخل المنتور روی حالت موبایل در یک ردیف دو دکمه ایجاد کرد؟
با سلام خدمت شما، اگر به تازگی با المنتور آشنا شدید، پیشنهاد می کنم از جلسه اول آموزش المنتور را مشاهده کنید، همچنین جلسه ۱۳ که مربوط به بحث ریسپانسیو در المنتور است را مشاهده کنید، قطعا پاسخ سوالتان را خواهید یافت.
باسلام دوباره
تمام ویدیو هایی آموزش المنتور رو که قرار داده بودید نگاه کردم و متاسفانه چون تا زمان ساخت آموزش ۱۳ (رسپانسیو) دکمه ای طراحی نشده بود، پاسخ جوابم رو پیدا نکردم!
ممنون میشم اگه بیشتر راهنمایی کنید…خسته نباشید
سلام آقا امیر عزیز، منظور بنده این بود که اگر جلسات را تا انتها مشاهده کنید، در طی جلسات به صورت زنجیر وار مسائلی گفته شده است که باعث می شود بسیاری از سوالاتی که در ذهن شما وجود دارد پاسخ داده شود، و اینکه شما در طی یک روز ۱۳ جلسه را بدون اینکه تمرینات هر جلسه را انجام دهید مشاهده کردید، خوب معلوم است که چیزی یاد نمی گیرید! مطمئن باشید تا زمانی که فقط آموزش ها را بدون تمرین کردن مشاهده کنید، نه تنها پاسخ سوالتان را دریافت نخواهید کرد، بلکه سوالات جدیدی هم ذهن تان را درگیر خواهد کرد، تنها در صورتی کار را به صورت کامل یاد می گیرید که خودتان دست به کار شوید و طراحی ها را مطابق با آموزش ها انجام دهید، با این حال به زودی آموزشی جدید در رابطه بخش های دیگر ریسپانسیو منتشر می کنیم و سعی می کنیم پاسخ سوال شما را نیز بدهیم. ممنون از اینکه همراه ما هستید.
سلام، ممنون از آموزش های خوب شما
سوالی داشتم در مورد اینکه چطور می توان برای دکمه آدرس یک سکشن در همان صفحه را داد؟ مثلا بالای صفحه یک دکمه ثبت نام وجود دارد و پایین صفحه فرم ثبت نام که می خواهیم با کلیک روی آن دکمه به قسمت فرم ثبت نام برود. هر دو اینها سکشن های مجزا هستند؟
سلام جناب احمدی، سوالتان به گونه ای نیست که بتوان در کامنت به آن پاسخ داد، اما برای اینکار شما باید از شناسه ها در CSS استفاده کنید، به زودی ویدیویی آموزشی در این رابطه منتشر خواهیم کرد.