شما در حال مشاهده
جلسه 1 هستید
آموزش ساخت فلیپ باکس در المنتور
آموزش ساخت دکمه در المنتور
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)
آموزش ساخت اسلایدر با المنتور
آموزش ساخت کال تو اکشن در المنتور (call to action)
آموزش کار با المان نمایش نظرات در المنتور
ساخت شمارنده تاریخ در المنتور (countdown)
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور
آموزش ساخت لینک به نقاط مختلف صفحه در المنتور
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور
استفاده از شورت کدها در المنتور shortcode widget
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها
آموزش افکت اسکرول در المنتور | scrolling effect
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map
طراحی باکس های قیمت گذاری در المنتور | price table
افزودن انیمیشن متحرک به سایت با المنتور و Lottie
طراحی لندینگ پیج استارباکس با المنتور
آموزش طراحی لندینگ پیج یلدا با المنتور
آموزش ساخت فلیپ باکس در المنتور
آموزش ساخت فلیپ باکس در المنتور:
در ادامه دوره آموزش المنتور و در ادامه برگه طراحی سایت را طراحی کردیم شما در این جلسه یاد می گیرید که چگونه در المنتور فلیپ باکس های زیبا با افکت های فوق العاده طراحی کنید. همچنین یاد می گیرید که چگونه برای یک بخش یا سکشن بکگراند تنظیم کنید و آن بکگراند را طوری تنظیم کنید که با حرکت موس حرکت آهسته ای داشته باشد.
آپلود SVG در وردپرس
در این جلسه چون می خواهیم یک فایل SVG را برای پس زمینه یک سکشن قرار دهیم شما باید بتوانید فایل های SVG را به رسانه های وردپرس خود آپلود کنید.
اما به صورت پیشفرض وردپرس این امکان را به شما نمی دهد برای همین اگر در زمان آپلود SVG در وردپرس تان با خطا روبرو شدید می توانید با قرار دادن قطعه کد زیر در فایل فانکشن قالب ، به راحتی فایل های SVG را در وردپرس خود آپلود کنید:
function wp_allow_svg_mime_type( $mimes ) {
$mimes[ 'svg' ] = 'image/svg+xml';
$mimes[ 'png' ] = 'image/png';
return $mimes;
}
add_filter( 'upload_mimes', 'wp_allow_svg_mime_type' );هر گونه سوال، پیشنهاد یا انتقادی در رابطه با آموزش المنتور دارید در بخش دیدگاه ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به طراحی سایت تهیه کنیم.
سلام استاد وا قعا نتونستم svg مورد نظر را رایگان پیدا کنم – لطفا این فایل های svg تون را اگر امکانش هست بزارید پولم خواست میدیم 1 روز کامل گشتم نشد – یا پیدا نمیشه یا پیدا بشه با سرور ما حتی با vpn هم دانلود نمیشه
درود بر شما، کمی تلاش تون رو بیشتر کنید مطمئن باشید می‌توانید تصاویر خیلی بهتری را پیدا کنید، همچنین می‌توانید از اینستاگرام وبکیما نیز کمک بگیرید.
سلام وقت بخیر تمام مراحل رو پیش رفتم به خوبی نمایش داده شد اما توی موبایل که چک کردم یه حالت به هم ریختگی داشت و به صورت ستونی قرار گرفته بودن
درود، باید رسپانسیو را انجام دهید، این موضوع در جلسات بعدی آموزش داده می‌شود.
سلام وقت بخیر من حالت وایرش دستگیره ها رو فعال میکنم بعد که می خوام تکثیر کنم توی سه ستونه میفته پایین نه کنار ممنون میشم راهنمایی کنید
درود بر شما، شما باید تنظیمات ریسپانسیو المنتور را بررسی کنید و مطابق با نیاز خود آنها را شخصی سازی کنید.
سلام
تصاویر svg رو از چه سایتی دانلود میکنید؟؟
باسلام، در این رابطه مقاله بهترین سایت دانلود رایگان وکتور را مطالعه کنید.
من تنظیمات المنتورم رو طبق کاری که انجام دادین انجام دادم
(تغییر روش بارگذاری ویرایشگر) فعال سازی کردم ولی نماش داده نمیشه اون دکمه های کپی و…
برای فعال کردن دستگیره‌ها به لینک زیر مراجعه کنید:
https://webkima.com/how-to-use-handles-and-darktheme-elementor/
سلام هنگام وارد کردن زیرمنو وقتی وارد المنتور میشم شک مربعی زیر هدر قرار می گیرد و وقتی زیر منو را پاک میکنم میره
باسلام، موردی که فرمودید مربوط به حالت ریسپانسیو منو در المنتور است.
سلام از کجا تصویری که در بکگراند استفاده کردین رو دانلود کنیم
باسلام، در این رابطه مقاله منابع دانلود فایل های گرافیکی و ساخت امواج SVG را مطالعه کنید.
سلام برای من در قسمت تنظیمات المنتور در حال ویرایش دستگیره ها وجود نداره باید چیکار کنم
پاسخ این سوال شما در این دیدگاه داده شده است.
سلام من یه مشکلی پیدا کردم همه عکس های سایتم svg هست اما حالا سه تا عکس جدید وارد کردم که توی حالت رسپانسیو نمایس داده نمیشن!
بقیه عکسهای سایتم درسته فقط این سه تا اینطوری شدن
بجای عکس ها یه فضای خالی سفید میفته
فرمت فایل رو png کردم درست شد
مشکل از کجاست؟
سلام، مشکل از فایل‌های SVG شماست، به صورتی طراحی شده‌اند که در سایز موبایل نمایش داده نشوند.
ممنونم
مقاله ای دارید در این مورد؟ راه حلش چیه؟
راه‌حل اینه که به کدهای SVG تسلط داشته باشید و این مشکل را برطرف کنید یا که از تصاویر دیگری استفاده کنید.
عنوان فلیپ باکس وسط چین نیست چه کنم؟؟؟
از بخش تنظیمات می‌توانید آن را وسط چین کنید، کمی دقت کنید مطمئن باشید که گزینه وسط چین کردن را پیدا خواهید کرد.
منبع این بک گراند های svg را از کجا میتوان پیدا کرد
برای اطلاعات بیشتر در این رابطه مقاله ساخت امواج SVG را مطالعه کنید.
سلام اگه میشه ادرس سایت های که میشه از داخل مثلن svg یا …. رو میشه دانلود کرد بزارین
با سلام، پیشنهاد می کنم از مقاله => منابع دانلود وکتور رایگان دیدن فرمایید.
سلام فقط خواستم تشکر کنم … خیلی عالیست آموزشتون … ممنونم .
سلام آقا محسن عزیز، بسیار خوشحالیم که این دوره آموزشی رضایت شما را جلب کرده است، ممنون از اینکه با وبکیما همراه هستید.
سلام
لطفا راهنمایی بفرمایید برای دانلود بک گراند های مشابه ، بک گراند استفاده شده در آموزش از چه کلیدواژه ای برای جستجو استفاده کرد ؟؟
مقاله منبع دانلود رایگان هم مطالعه و بررسی شد اما متاسفانه موفق نشدم.
سپاس
توجه کنید که معمولا این نوع تصاویر را به صورت رایگان برای دانلود پیدا نمی‌کنید، یا باید از وب‌سایت‌های خارجی به صورت دلاری تهیه کنید، یا باید خودتان طراحی کنید.
سلام
لطفا بفرمایید با چه نرم افزار ی امکان طراحی هست و یا برای جستجو در سایت های خارجی از چه کلید واژه ای باید استفاده کرد ؟
با تشکر
برای جستجو می‌توانید از واژه‌های “Free svg Background” و عبارت‌های مشابه استفاده کنید، برای طراحی هم می‌تونید از نرم‌افزار ایلوستریتور استفاده کنید، همچنین در دوره آموزش ui و ux وبکیما هم این موارد به صورت کامل آموزش داده شده است.
سلام وقت بخیر
من یه مشکل دارم که برای فعال کردن تنظیمات مربوط به هر ستون در المنتور همون طور که شما گفتید به تنظیمات المنتور قمست پیشرفته میرم اما گزینه ای به اسم در حال ویرایش دستگیره ها وجود نداره ممکنه راهنمایی کنید که چه کار باید بکنم البته بقیه گزینه ها مثل صفحه شماست اما این یک مورد وجود نداره؟
باسلام، برای اطلاعات بیشتر در این رابطه جلسه ۴۰ آموزش المنتور را مشاهده کنید.
سلام خسته نباشید میخواستم بدونم چطور میشه زبان سایت رو تغییر داد از قسمت languages الان انگلیسی هست ولی توی توضیحات شما فارسی هست همه چی بخاطر همین سخته کار کردن میشه بهم کمک کنید ممنونم
باسلام، اگر منظورتان این است که زبان تنظیمات المنتور انگلیسی هست، شما باید از نسخه‌ای استفاده کنید که فارسی شده باشد.
سلام وقتتون بخیر من افزونه ی رفع ارور تصاویر svg رو نصب کردم و می تونم تصاویر svg را تو سایتم آپلود کنم اما عکسامو نشون نمیده فقط یه قالب خاکستری از تصویرم تو بخش رسانه ها با مشخصاتش میاد ظاهر تصویرم نمیاد علتش رو میشه لطف کنید بگین تا رفعش کنم ؟
باسلام، این مشکلی که فرمودید برای برخی از تصاویر SVG که کدهای آن بهینه شده نیست ممکن است وجود داشته باشد، راه‌حل آن هم این است که یا از تصاویر با کدهای صحیح استفاده کنید یا خودتان کدهای این تصاویر را بهینه کنید.
فرمت تصاویرم با فرمت jpg بودن که با سایت aconevrt به اس وی جی تبدیلشون کردم یعنی علتش اینه؟؟؟ چون نمیتونم دقیقا تصاویر svg پیداکنم حتی در سایتی که معرفی نمودید وپسوند Eps فقط پیدا میشه!!!!
چطور کدهاشونو میتونم بهینه کنم؟
شما نباید تصاویر jpg را به فرمت svg تبدیل کنید! بلکه باید تصاویر اورجینال SVG را یا پیدا کنید یا خرید کنید، از مقاله منابع رایگان وکتورهای گرافیکی کمک بگیرید.
سلام ،ممنون از آموزش خوب و عالیتون
من یک مشکلی دارم ،وقتی یک عکس اس وی جی میزارم داخل فیلیپ باکس مشکلی ندارم،ولی وقتی عکس دیگری در کنار فیبپ باکس کناریش میزارم رنگ اون قبلی کمی تعغیر میکنه ،مثل رنگ عکس اس وی جی که بخشش ابی هست به سفید تبدیل میشه
خیلی کشتم نفهمیدم مشکل از کجاست
باسلام و احترام، معمولا وقتی تصاویر SVG برخی کلاس‌های مشابه داشته باشند این مشکل رخ میدهد، شما می‌توانید تصاویر SVG خود را با نرم افزار ایلوستریتور باز کنید و آنها مجددا ذخیره کنید به احتمال بسیار زیاد مشکل برطرف خواهد شد.
سلام
لینک دانلود مشکل داره
لطفا بررسی نمایید.
با سلام، مشکل برطرف شد، ممنون از گزارش شما.
ممنون از پاسخگویی شما
درود خدمت شما ، وقتی این قطعه کد را داخل فایل فانکشن قالب کپی میکنم به راحتی میتوانم عکس های اس وی جی را بارگذاری کنم ..
ولی وقتی یک چایلد تم ایجاد میکنم و اون قطعه کد را داخل فانکشن چایلد کپی میکنم عکس های اس وی جی را نمیتوانم بارگذاری کنم و ارر میدهد
بنظرتون مشکل کجاست؟؟
با سلام و احترام، به احتمال بسیار زیاد، نتوانسته اید چایلدتم را به صورت اصولی و صحیح به قالب اصلی متصل کنید.
بخش تنظیمات پیشرفته فقط Scrolling Effects هست. mouse effect پیدا نکردم متاسفانه
درود بر شما و عرض تشکر فراوان بخاطر سایت بسیار خوبتون . در بخش استایل برا ی حرکت دادن عکس با ضربه موس من گزینه mouse effect رو ندارم فقط یک گزینه هست Ken Burns effect که دو حالت In , out داره نمیدونم چطور میتونم mouse effect رو فعال کنم . ممنون
با سلام و احترام، گزینه mouse effect در بخش تنظیمات پیشرفته است.
mouse effect رو پیدا کردم واقعا ممنون
با سلام و عرض خسته نباشید
من هر دو افزونه Safe SVG, SVG Support رو نصب کردم ولیکن موفق به آپلود فایل SVG نشدم و باز هم ایراد میگرفت که از نظر امنیتی مشکل داره ، لطفا اگه میشه بفرمایید که اون تیکه کد بالا رو دقیقا درون کدام فایل کپی کنم ( اگه میشه آدرس دقیق اون فایل رو بفرمایید که من برم درون هاست و اونها رو کپی کنم ) و مشکل برطرف بشه .
ممنون از آموزشهای خوبتون .
با سلام و احترام، برای کسب اطلاعات بیشتر در این رابطه جلسه آموزشی => آپلود فایل های svg در وردپرس را مشاهده کنید.
سلام خدمت شما ما از کجا این بک گراند ها و تصاویر ها رو دانلود کنیم اگه راهنمایی کنید ممنون میشم
سلام، پاسخ شما در => این دیدگاه داده شده است.
با سلام
در قسمت پیشرفته هر بخش گزینه ای وجود داره با نام z ایندکس که نمیدونم کار این گزینه چیه و در طراحی چه کاربردی داره
قسمت های فاصله و پدینگ و کاربرد گزینه های دیگر رو میدونم
ممنون میشم راجب z ایندکس توضیحاتی بدید و بگید چه کاربردی داره
عکس ضمیمه شد
با تشکر
با سلام و احترام، در رابطه با Z-index بزودی یک ویدیوی آموزشی کامل تهیه و منتشر خواهد شد.
سلام قبل از هر چیز باید از آموزشهای مفیدتون تشکر کنم .
مشکلی که دارم اینه که در قسمت فلیپ باکس ها تصویری رو که آپلود میکنم ،گوشه سمت راست نمایش میده و گزینه ای برای وسط چین کردن تصویر نیافتم ..منونم اگر راهنمایی کنید
سلام آقا محمود عزیز، اگر همین آموزش را با دقت مشاهده کنید، وسطچین کردن فیلپ باکس آموزش داده شده است. (به تنظیمات با دقت بیشتری توجه کنید.)
سلام در اون قسمتی که فایل ویدئو رو بطور عکس گزاشتین من هم مثل شما عمل کردم ولی برامن نمیچرخه خودکار گزینه حلقه هم فعال کردم حالا چکارکنم
سلام علی آقا مطمئن هستید سوالتان را در جلسه مربوطه پرسیده اید؟! چون در این جلسه اصلا از ویدیو استفاده نکرده ایم!