آموزش ساخت فلیپ باکس در المنتور:
در ادامه دوره آموزش المنتور و در ادامه برگه طراحی سایت را طراحی کردیم شما در این جلسه یاد می گیرید که چگونه در المنتور فلیپ باکس های زیبا با افکت های فوق العاده طراحی کنید. همچنین یاد می گیرید که چگونه برای یک بخش یا سکشن بکگراند تنظیم کنید و آن بکگراند را طوری تنظیم کنید که با حرکت موس حرکت آهسته ای داشته باشد.
آپلود 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 نمی تونم آپلود کنم
با سلام و احترام، مطمئن باشید مراحل قرار دادن کد در وردپرس را به درستی انجام نداده اید در غیر این صورت به هیچ عنوان با مشکل مواجه نمی شدید. حال مشکلی نیست می توانید از قسمت افزونه ها، افزونه رایگان Safe SVG را نصب کنید، تا بتوانید به سادگی SVG ها را در بخش رسانه های وردپرس آپلود کنید.
نمیدونم چندین بار امتحان کردم نشد .
فکر کنم باید روش دوم رو امتحان کنم وقت رو هدر ندم .
ممنون که راهنمایی کردین
سلام این تصویر پشت زمینه فلیپ باکس ها رو از کجا پیدا کنیم چی سرچ کنیم تا پیدا کنیم ممنون
با سلام، پیشنهاد می کنم از مقاله => منابع دانلود وکتور رایگان دیدن فرمایید.
سلام خسته نباشید من قسمت فیلیپ باکسو تو ابزارم ندارم باید کدون افزونه add on رو نصب کنم؟؟
سلام آقا شایان عزیز؛ فلیپ باکس یکی از ویجت های المنتور پرو هست و نیازی نیست که اددان نصب کنید.
با سلام
بنده هر چی توی تنظیمات المنتور گشتم نتونستم گزینه های اضافی رو فعال کنم منظورم از گزینه های اضافی همون گزینه های مثل کپی ستون و اینجور چیز هایی هست که توی این آموزش گفته بودین.
ممنون میشم کمکم کنید تا بتونم این گزینه ها رو فعال کنم
با سلام و احترام برای فعال سازی دستگیره ها در نسخه جدید المنتور، جلسه ۴۰ ام آموزش مقدماتی المنتور را مشاهده بفرمایید.
سلام من هنگامی که افزونه فلیپ باکس رو دراپ میکنم آیکن به صورت ثابت قرار گرفته و چرخانده نمیشود ممنون میشم کمکم کنید
سلام آقا علیرضا، ممکن است مشکل از عدم سازگاری کدهای افزونه المنتور با یکی از قالب یا افزونه های سایت تان باشد که باید بررسی کنید.
هم با قالب eduma و هم قالب ۲۰۱۷ ورد پرس تست کردم
افزونه هارو هم غیره نسخه پرو و رایگان غیر فعال کردم ولی باز درست نشد
البته از نسخه رایگان المنتور پرو استفاده میکنم ممکن است مشکل از آن باشد؟
در ضمن من از هاست پولی استفاده میکنم نه لوکال هاست
در این صورت در عمل نباید مشکلی باشد، نسخه جدید المنتور پرو را از وبکیما دانلود کنید و تست بگیرید اگر باز هم مشکل برطرف نشد باید توسط یک متخصص بررسی شده و مشکل برطرف شود.
باسلام و عرض خسته نباشید یک سوال داشتم برای من یک مشکل به وجود آومده اونم اینکه من منو رو ساختم و چند زیر منو ساختم بهشون اضافه کردم اما در ویرایشگر المنتور نمایش میده اما وقتی صفحه اصلی که براش دارم به عنوان تست طراحی میکنم رو زیر منو ها به همراه آیکون نمایش داشتن زیر منو نمایش داده نمیشه مشکل از کجاست ممنون میشم راهنمای کنید تصویر هم گرفتم ازش میتونید مشاهده کنید
با سلام و احترام، به احتمال زیاد مشکل از Z-Index منو هست که باید آن را از دیگر المان های صفحه بیشتر بزارید.
ممنونم از پاسخگویی سریعتون
فقط چند سوال داشتم در صورت امکان پاسخ دهید
۱: ما در این دوره میخواهیم با المنتور یک قالب طراحی کنیم در واقع خب فقط اینکه چطور میشود مثل قالب های معروف مثل بی تم یا غیره بخش تنظیمات قالب پیشرفته را اضافه کنیم ؟؟
با المنتور ایا امکان این هست که بخش تنظیمات قالب را هم بسازیم چون خود المنتور ۲۰۲۰ تنضیمات خاصی ندارد..
۲: برگه هایی که با المنتور میسازیم میتوانیم یک برگه فروشگاه بسازیم و محصولات را در ان گذاشته و برای فروش قرار بدهیم برای وب سایت های افیلیت مارکتینگی یا حتما باید افزونه ووکامرس را به قالب خود اضافه کنیم
چون من فقط لینک دیجی کالا را در یک دکمه قرار میدهم و طرف به وب سایت لینک داده می شود.
تشکر از شما
تمام مواردی که مد نظرتان است در دوره طراحی سایت دیجی کالا آموزش داده شده است که می توانید به سادگی از این آموزش استفاده کنید، همچنین با همین دوره آموزشی می توانید قسمتی را به سایت اضافه کنید که دیگر نیاز نباشه افزونه ووکامرس را نصب کنید تا سایت تان سنگین شود.
این *** فایل را که پسوندش هم svg هست را اپلود کردم و خواستم در پس زمینه قرار دهم اما متاسفانه عکس هست و هیچ گونه حرکتی ندارد.
با سلام و احترام، آموزش ساخت و استفاده از SVG های انیمیشنی در دوره طراحی سایت دیجی کالا به صورت کامل آموزش داده می شود که می توانید استفاده کنید.
سلام استاد
من مشکل اپلود نشدن رو برطرف کردم اما متاسفانه فایل به صورت عکس نمایش داده می شئد و هیچ گونه حرکتی ندارد
دلیلش چیست؟
با سلام و احترام، چه فایلی رو آپلود کردید؟
سلام ببخشید من فلیپ باکس هایی را که طراحی کردم در حالت دسکتاپ مشکلی ندارن اما وقتی حالت را روی موبایل قرار میدم به صورت خیلی کشیده میشن اگ میشه راهنمایی کنید
با سلام و احترام، شما باید طرح خود را ریسپانسیو کنید، می توانید از => آموزش ریسپانسیو در المنتور استفاده کنید.
متشکرم
سلام یه مشکل تو سایتتون هس وقتی تو ویدیو تمام صحفه می زنیم ویدیو به صورت کامل دیده نمیشه
با سلام، ما با جند دستگاه مختلف تست کردیم و مشکلی وجود نداشت، با مرورگر گوگل کروم جدیدترین نسخه تست کنید.
استاد چطوری تو یه ستون چندین ستون درونش داشته باشیم
برای اینکه یک ستون را به چند قسمت تقسیم کنید می توانید از المان بخش داخلی استفاده کنید.
سلام،من وقتی کد رو در فانکشن وارد کردم ارور https 500 گرفتم!!!
کد رو هم پاک کردم دوباره هموون ارور
چیکار باید کرد؟؟
با سلام و احترام، این ارور ممکن است به دلایل مختلفی رخ دهد، ولی به احتمال زیاد شما در قرار دادن کدها یک بخش کار را اشتباه انجام داده اید. و حتی بعد از پاک کردن کدها، اشتباه خود را اصلاح نکرده اید. موارد را از ابتدا و با دقت چک کنید، قطعا مشکل برطرف خواهد شد.
دقیقا کنترل پیست رو که زدم ارورو دیدم کنترل زد رو گرفتم و سیو کردم اما همون ارورو داد ، جای خاصی باید قرار بدم کد رو ؟!
کد را باید در فایل فانکشن قالب سایت تان قرار دهید اما پیشنهاد می کنم اگر با مراحل وارد کردن کد به قالب سایت آشنایی ندارید، از یک متخصص کمک بگیرید.
سلام
متاسفانه گزینه ای که در بخش تنظیمات پیشرفته برای فعال سازی دکمه های اضافه فعال کردید در نسخه من موجود نیست
من از درون وردپرس از مخزن وردپرس المنتور رو نصب کردم
نسخه پیشرفته هم از سایت شما رایگان دانلود کردم
با سلام و احترام برای فعال سازی دستگیره ها در نسخه جدید المنتور، جلسه ۴۰ ام آموزش مقدماتی المنتور را مشاهده بفرمایید.
سلام , ویدیو شماره ۵ المنتور پاک شده انگار , چیزی باش نمیشه ؟
با سلام و احترام، مشکل برطرف شد، ممنون از اینکه مشکل را گزارش کردید.
سلام ممنون بابت آموزش های خوبتون . از کجا میشه فایل های svg دانلود کرد و من هرچی فایل svg میگیرم نمیتونم تو سایتم بارگزاری کنم
درود بر شما، برای ذسترسی به منابع فایل های SVG به مقاله منابع وکتورهای رایگان مراجعه کنید، برای بارگذاری فایل های SVG نیز باید قطعه کدی که در این مقاله قرار دارد را در فایل فانکشن قالب سایت تان قرار دهید.
سلام ممنون بابت آموزش ها
فقط یه مشکل برام پیش اومده و اینه که وقتی صفحه رو در المنتور رو حالت canvas میزارم هر کار که میکنم تو صفحه ام سر برگ و پا برگ و فهرست هنوز میمونه و کار هایی که میکنم کلا با المنتور فرق میکنه مثلا تمام صفحه نیست هر کدوم از قالب ها رو هم استفاده میکنم بازم این مشکل هست میشه راهنماییم کنید
با سلام، اگر با قالب های مختلف تست کردید و مشکل پابرجا بود، احتمالا مشکل تداخل افزونه ای دارید، تمام افزونه ها به جز المنتور را غیر فعال کنید سپس تست کنید.
در المنتور جدید این گزینه درحال ویرایش دستگیره ها وود ندارد لطفا راهماییی بکنی
پاسخ سوالتان را می توانید در جلسه ۴۰ آموزش المنتور پیدا کنید.
سلام خسته نباشید فانگش کجاست که داخل آن قرار دهم
سلام، به زودی در این رابطه ویدیویی آموزشی منتشر خواهیم کرد.
سلام
ازچه سایتی میتونم فایل هایی مشابه فایلSVG که شما دراین آموزش استفاده کردید رو استفاده کنم
با سلام، پیشنهاد می کنم از مقاله => منابع دانلود وکتور رایگان دیدن فرمایید.
این در حال ویرایش دستگیره ها تو تنظیمات المنتور من وجود نداره
به پاسخ این دیدگاه توجه کنید => اینجا کلیک کنید
سلام ممنون از سایت خوبتون
اگه بخوایم یه فلیپ باکس به طور خودکار هر پنج ثانیه اجرا بشه بدون بردن موس روی اون ناحیه چطور باید این کار رو انجام بدم
سلام آقا توحید عزیز، برای اینکار باید کدنویسی CSS و جاوا اسکریپت انجام بدید.
تغییرات رو باید روی باید روی اون المنت در فایلهای css و جاوااسکریپت قالب اعمال کرد ؟
بله اگر با زبان های CSS و جاوا اسکریپت (کتابخانه جی کوئری) آشنایی داشته باشید، کاری بسیار ساده است.
سلام
ممنون از آموزش های بسیار خوبتون
یه سوال دارم
در بخش تنظیمات پیشرفته المنتور پرو من
گزینه در حال ویرایش دستگیره ها وجود ندارد
چرا؟
چطور باید این گزینه اضاف شود؟
ممنون میشم اگر راهنمایی بفرمایید؟
درود بر شما، برای فعال کردن دستگیره های المنتور در نسخه های جدید، این آموزش => ” فعال کردن دستگره ها و قالب دارک المنتور ” را مشاهده کنید.
عالی بود ، موفق باشید
سلام وقت بخیر. من قصد دارم یک باکس رو قابل کلیک کنم. در المنتور یه باکس و نوشته که می سازیم به نوشته یا تصویر میشه قابلیت کلیک کردن داد اما به ستون نمیشه. به شکلی که کل ستون هرجا موس روی اون ستون میاد قابلیت کلیک داشته باشه. میشه لطفا راهنماییم کنید.؟
درود، متاسفانه در المنتور در حال حاضر نمی توان به ستون ها لینک داد، اما می توانید از المان هایی همانند => فلیپ باکس، آیکون باکس و آیکون تصویر استفاده کنید و به تمام المان لینک بدید.
سلام.خیلی خیلی خیلی عالی…یک دنیا ممنونم بابت این آموزشها…یقینا شما زکات علمتون رو ادا کردین…خدا خیر فراوان بهتون بده…
من یک مبتدی هستم ولی الان به این موقعیت رسیدم که میگم بدانم و بمیرم بهتر از آنست که ندانم و بمیرم…فقط مشتاقم زمانی بدست بیارم تا پای آموزشتون بشینم
با درود خدمت شما، خوشحالیم که دوره آموزش المنتور مورد پسند شما قرار گرفته است، امیدواریم که روزی بتوانید حرفه ای ترین وب سایت ها را طراحی کنید…
با سلام.ببخشید بعنوان یک شخص خیلی تازه کار دو سوال از خدمتتون داشتم:
میشه پلاگین مداد زرد و المنتور رو با هم استفاده کرد؟
مرجعی برای این نوع عکسها که شما در سایتتون استفاده کردید،وجود داره؟(فانتزی؟-کارتونی؟)
با درود خدمت شما، افزونه مداد زرد یک افزونه در حد مبتدی است و به هیچ عنوان پیشنهاد نمی شود که حتی آن را روی سایت تان نصب کنید؛ همچنین افزونه مداد زرد و افزونه المنتور اصلا با یکدیگر قابل مقایسه نیستند چون افزونه المنتور یک افزونه صفحه ساز فوق العاده حرفه ای است ولی افزونه مداد زرد یک افزونه ویرایشگر ساده است. برای دانلود رایگان تصاویر گرافیکی هم می توانید از مقاله ” ۲۸+ منبع برای دانلود رایگان وکتورهای گرافیکی جذاب و با کیفیت بالا” استفاده کنید.