شما در حال مشاهده
جلسه 1 هستید

آموزش ساخت فلیپ باکس در المنتور

آموزش ساخت فلیپ باکس در المنتور

جلسه 1
آموزش ساخت دکمه در المنتور

آموزش ساخت دکمه در المنتور

جلسه 2
آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)

آموزش ساخت گالری تصاویر با المنتور (طراحی گالری تصویر)

جلسه 3
آموزش ساخت اسلایدر با المنتور

آموزش ساخت اسلایدر با المنتور

جلسه 4
آموزش ساخت کال تو اکشن در المنتور (call to action)

آموزش ساخت کال تو اکشن در المنتور (call to action)

جلسه 5
آموزش کار با المان نمایش نظرات در المنتور

آموزش کار با المان نمایش نظرات در المنتور

جلسه 6
ساخت شمارنده تاریخ در المنتور (countdown)

ساخت شمارنده تاریخ در المنتور (countdown)

جلسه 7
دکمه اشتراک گذاری در شبکه اجتماعی در المنتور

دکمه اشتراک گذاری در شبکه اجتماعی در المنتور

جلسه 8
آموزش ساخت لینک به نقاط مختلف صفحه در المنتور

آموزش ساخت لینک به نقاط مختلف صفحه در المنتور

جلسه 9
بارگذاری ویدیو و تصاویر انیمیشنی در المنتور

بارگذاری ویدیو و تصاویر انیمیشنی در المنتور

جلسه 10
استفاده از شورت کدها در المنتور shortcode widget

استفاده از شورت کدها در المنتور shortcode widget

جلسه 11
دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها

دانلود لندینگ پیج های آماده المنتور و فارسی سازی آنها

جلسه 12
آموزش افکت اسکرول در المنتور | scrolling effect

آموزش افکت اسکرول در المنتور | scrolling effect

جلسه 13
آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map

آموزش قرار دادن نقشه در المنتور | کار با ویجت Google Map

جلسه 14
طراحی باکس های قیمت گذاری در المنتور | price table

طراحی باکس های قیمت گذاری در المنتور | price table

جلسه 15
افزودن انیمیشن متحرک به سایت با المنتور و Lottie

افزودن انیمیشن متحرک به سایت با المنتور و Lottie

جلسه 16
طراحی لندینگ پیج استارباکس با المنتور

طراحی لندینگ پیج استارباکس با المنتور

جلسه 17
آموزش طراحی لندینگ پیج یلدا با المنتور

آموزش طراحی لندینگ پیج یلدا با المنتور

جلسه 18

آموزش ساخت فلیپ باکس در المنتور

آخرین بروزرسانی در تاریخ : 16 شهریور 1402

آموزش ساخت فلیپ باکس در المنتور:
در ادامه دوره آموزش المنتور و در ادامه برگه طراحی سایت را طراحی کردیم شما در این جلسه یاد می گیرید که چگونه در المنتور فلیپ باکس های زیبا با افکت های فوق العاده طراحی کنید. همچنین یاد می گیرید که چگونه برای یک بخش یا سکشن بکگراند تنظیم کنید و آن بکگراند را طوری تنظیم کنید که با حرکت موس حرکت آهسته ای داشته باشد.

فلیپ باکس های طراحی شده در جلسه پنجم آموزش المنتور
فلیپ باکس های طراحی شده در جلسه پنجم آموزش المنتور

آپلود 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' );

هر گونه سوال، پیشنهاد یا انتقادی در رابطه با آموزش المنتور دارید در بخش دیدگاه ها مطرح نمایید تا بتوانیم بهترین آموزش ها را برای شما علاقمندان به طراحی سایت تهیه کنیم.

4.4/5 - (7 امتیاز)

نظرات در “آموزش ساخت فلیپ باکس در المنتور

  1. Naziimii میگوید:

    سلام وقت شما بخیر
    من کد رو طبق دستور العمل شما کپی کردم اما متاسفانه وردپرس با خطلا مواجه شد و الان من هیچ فایل svg نمی تونم آپلود کنم

    • پشتیبانی میگوید:

      با سلام و احترام، مطمئن باشید مراحل قرار دادن کد در وردپرس را به درستی انجام نداده اید در غیر این صورت به هیچ عنوان با مشکل مواجه نمی شدید. حال مشکلی نیست می توانید از قسمت افزونه ها، افزونه رایگان Safe SVG را نصب کنید، تا بتوانید به سادگی SVG ها را در بخش رسانه های وردپرس آپلود کنید.

      • Naziimii میگوید:

        نمیدونم چندین بار امتحان کردم نشد .
        فکر کنم باید روش دوم رو امتحان کنم وقت رو هدر ندم .
        ممنون که راهنمایی کردین

    • پشتیبانی میگوید:

      سلام آقا شایان عزیز؛ فلیپ باکس یکی از ویجت های المنتور پرو هست و نیازی نیست که اددان نصب کنید.

  2. AMIRHOSSEINAMINI میگوید:

    با سلام
    بنده هر چی توی تنظیمات المنتور گشتم نتونستم گزینه های اضافی رو فعال کنم منظورم از گزینه های اضافی همون گزینه های مثل کپی ستون و اینجور چیز هایی هست که توی این آموزش گفته بودین.

    ممنون میشم کمکم کنید تا بتونم این گزینه ها رو فعال کنم

    • پشتیبانی میگوید:

      با سلام و احترام برای فعال سازی دستگیره ها در نسخه جدید المنتور، جلسه ۴۰ ام آموزش مقدماتی المنتور را مشاهده بفرمایید.

  3. علیرضا میگوید:

    سلام من هنگامی که افزونه فلیپ باکس رو دراپ میکنم آیکن به صورت ثابت قرار گرفته و چرخانده نمیشود ممنون میشم کمکم کنید

    • پشتیبانی میگوید:

      سلام آقا علیرضا، ممکن است مشکل از عدم سازگاری کدهای افزونه المنتور با یکی از قالب یا افزونه های سایت تان باشد که باید بررسی کنید.

      • علیرضا میگوید:

        هم با قالب eduma و هم قالب ۲۰۱۷ ورد پرس تست کردم
        افزونه هارو هم غیره نسخه پرو و رایگان غیر فعال کردم ولی باز درست نشد
        البته از نسخه رایگان المنتور پرو استفاده میکنم ممکن است مشکل از آن باشد؟
        در ضمن من از هاست پولی استفاده میکنم نه لوکال هاست

      • پشتیبانی میگوید:

        در این صورت در عمل نباید مشکلی باشد، نسخه جدید المنتور پرو را از وبکیما دانلود کنید و تست بگیرید اگر باز هم مشکل برطرف نشد باید توسط یک متخصص بررسی شده و مشکل برطرف شود.

  4. MOEINMAHBOUB میگوید:

    باسلام و عرض خسته نباشید یک سوال داشتم برای من یک مشکل به وجود آومده اونم اینکه من منو رو ساختم و چند زیر منو ساختم بهشون اضافه کردم اما در ویرایشگر المنتور نمایش میده اما وقتی صفحه اصلی که براش دارم به عنوان تست طراحی میکنم رو زیر منو ها به همراه آیکون نمایش داشتن زیر منو نمایش داده نمیشه مشکل از کجاست ممنون میشم راهنمای کنید تصویر هم گرفتم ازش میتونید مشاهده کنید

    • پشتیبانی میگوید:

      با سلام و احترام، به احتمال زیاد مشکل از Z-Index منو هست که باید آن را از دیگر المان های صفحه بیشتر بزارید.

  5. سامان میگوید:

    ممنونم از پاسخگویی سریعتون
    فقط چند سوال داشتم در صورت امکان پاسخ دهید
    ۱: ما در این دوره میخواهیم با المنتور یک قالب طراحی کنیم در واقع خب فقط اینکه چطور میشود مثل قالب های معروف مثل بی تم یا غیره بخش تنظیمات قالب پیشرفته را اضافه کنیم ؟؟
    با المنتور ایا امکان این هست که بخش تنظیمات قالب را هم بسازیم چون خود المنتور ۲۰۲۰ تنضیمات خاصی ندارد..
    ۲: برگه هایی که با المنتور میسازیم میتوانیم یک برگه فروشگاه بسازیم و محصولات را در ان گذاشته و برای فروش قرار بدهیم برای وب سایت های افیلیت مارکتینگی یا حتما باید افزونه ووکامرس را به قالب خود اضافه کنیم
    چون من فقط لینک دیجی کالا را در یک دکمه قرار میدهم و طرف به وب سایت لینک داده می شود.
    تشکر از شما

    • پشتیبانی میگوید:

      تمام مواردی که مد نظرتان است در دوره طراحی سایت دیجی کالا آموزش داده شده است که می توانید به سادگی از این آموزش استفاده کنید، همچنین با همین دوره آموزشی می توانید قسمتی را به سایت اضافه کنید که دیگر نیاز نباشه افزونه ووکامرس را نصب کنید تا سایت تان سنگین شود.

  6. سامان میگوید:

    این *** فایل را که پسوندش هم svg هست را اپلود کردم و خواستم در پس زمینه قرار دهم اما متاسفانه عکس هست و هیچ گونه حرکتی ندارد.

    • پشتیبانی میگوید:

      با سلام و احترام، آموزش ساخت و استفاده از SVG های انیمیشنی در دوره طراحی سایت دیجی کالا به صورت کامل آموزش داده می شود که می توانید استفاده کنید.

  7. سامان میگوید:

    سلام استاد
    من مشکل اپلود نشدن رو برطرف کردم اما متاسفانه فایل به صورت عکس نمایش داده می شئد و هیچ گونه حرکتی ندارد
    دلیلش چیست؟

  8. ایلیا میگوید:

    سلام ببخشید من فلیپ باکس هایی را که طراحی کردم در حالت دسکتاپ مشکلی ندارن اما وقتی حالت را روی موبایل قرار میدم به صورت خیلی کشیده میشن اگ میشه راهنمایی کنید

    • پشتیبانی میگوید:

      با سلام، ما با جند دستگاه مختلف تست کردیم و مشکلی وجود نداشت، با مرورگر گوگل کروم جدیدترین نسخه تست کنید.

  9. حمیدرضاحبیبی میگوید:

    سلام،من وقتی کد رو در فانکشن وارد کردم ارور https 500 گرفتم!!!
    کد رو هم پاک کردم دوباره هموون ارور
    چیکار باید کرد؟؟

    • نبی عبدی میگوید:

      با سلام و احترام، این ارور ممکن است به دلایل مختلفی رخ دهد، ولی به احتمال زیاد شما در قرار دادن کدها یک بخش کار را اشتباه انجام داده اید. و حتی بعد از پاک کردن کدها، اشتباه خود را اصلاح نکرده اید. موارد را از ابتدا و با دقت چک کنید، قطعا مشکل برطرف خواهد شد.

      • حمیدرضاحبیبی میگوید:

        دقیقا کنترل پیست رو که زدم ارورو دیدم کنترل زد رو گرفتم و سیو کردم اما همون ارورو داد ، جای خاصی باید قرار بدم کد رو ؟!

      • پشتیبانی میگوید:

        کد را باید در فایل فانکشن قالب سایت تان قرار دهید اما پیشنهاد می کنم اگر با مراحل وارد کردن کد به قالب سایت آشنایی ندارید، از یک متخصص کمک بگیرید.

  10. محمدامین میگوید:

    سلام
    متاسفانه گزینه ای که در بخش تنظیمات پیشرفته برای فعال سازی دکمه های اضافه فعال کردید در نسخه من موجود نیست
    من از درون وردپرس از مخزن وردپرس المنتور رو نصب کردم
    نسخه پیشرفته هم از سایت شما رایگان دانلود کردم

    • پشتیبانی میگوید:

      با سلام و احترام برای فعال سازی دستگیره ها در نسخه جدید المنتور، جلسه ۴۰ ام آموزش مقدماتی المنتور را مشاهده بفرمایید.

  11. مهدی میگوید:

    سلام ممنون بابت آموزش های خوبتون . از کجا میشه فایل های svg دانلود کرد و من هرچی فایل svg میگیرم نمیتونم تو سایتم بارگزاری کنم

  12. mehranzakiin میگوید:

    سلام ممنون بابت آموزش ها
    فقط یه مشکل برام پیش اومده و اینه که وقتی صفحه رو در المنتور رو حالت canvas میزارم هر کار که میکنم تو صفحه ام سر برگ و پا برگ و فهرست هنوز میمونه و کار هایی که میکنم کلا با المنتور فرق میکنه مثلا تمام صفحه نیست هر کدوم از قالب ها رو هم استفاده میکنم بازم این مشکل هست میشه راهنماییم کنید

    • نبی عبدی میگوید:

      با سلام، اگر با قالب های مختلف تست کردید و مشکل پابرجا بود، احتمالا مشکل تداخل افزونه ای دارید، تمام افزونه ها به جز المنتور را غیر فعال کنید سپس تست کنید.

  13. توحید بیگلری میگوید:

    سلام ممنون از سایت خوبتون
    اگه بخوایم یه فلیپ باکس به طور خودکار هر پنج ثانیه اجرا بشه بدون بردن موس روی اون ناحیه چطور باید این کار رو انجام بدم

      • توحید بیگلری میگوید:

        تغییرات رو باید روی باید روی اون المنت در فایلهای css و جاوااسکریپت قالب اعمال کرد ؟

      • پشتیبانی میگوید:

        بله اگر با زبان های CSS و جاوا اسکریپت (کتابخانه جی کوئری) آشنایی داشته باشید، کاری بسیار ساده است.

  14. امیررضا میگوید:

    سلام
    ممنون از آموزش های بسیار خوبتون
    یه سوال دارم
    در بخش تنظیمات پیشرفته المنتور پرو من
    گزینه در حال ویرایش دستگیره ها وجود ندارد
    چرا؟
    چطور باید این گزینه اضاف شود؟
    ممنون میشم اگر راهنمایی بفرمایید؟

  15. مهسا میگوید:

    سلام وقت بخیر. من قصد دارم یک باکس رو قابل کلیک کنم. در المنتور یه باکس و نوشته که می سازیم به نوشته یا تصویر میشه قابلیت کلیک کردن داد اما به ستون نمیشه. به شکلی که کل ستون هرجا موس روی اون ستون میاد قابلیت کلیک داشته باشه. میشه لطفا راهنماییم کنید.؟

    • نبی عبدی میگوید:

      درود، متاسفانه در المنتور در حال حاضر نمی توان به ستون ها لینک داد، اما می توانید از المان هایی همانند => فلیپ باکس، آیکون باکس و آیکون تصویر استفاده کنید و به تمام المان لینک بدید.

  16. امیرعلی میگوید:

    سلام.خیلی خیلی خیلی عالی…یک دنیا ممنونم بابت این آموزشها…یقینا شما زکات علمتون رو ادا کردین…خدا خیر فراوان بهتون بده…
    من یک مبتدی هستم ولی الان به این موقعیت رسیدم که میگم بدانم و بمیرم بهتر از آنست که ندانم و بمیرم…فقط مشتاقم زمانی بدست بیارم تا پای آموزشتون بشینم

      • محمدمهدی میگوید:

        با سلام.ببخشید بعنوان یک شخص خیلی تازه کار دو سوال از خدمتتون داشتم:
        میشه پلاگین مداد زرد و المنتور رو با هم استفاده کرد؟
        مرجعی برای این نوع عکسها که شما در سایتتون استفاده کردید،وجود داره؟(فانتزی؟-کارتونی؟)

      • پشتیبان وبکیما میگوید:

        با درود خدمت شما، افزونه مداد زرد یک افزونه در حد مبتدی است و به هیچ عنوان پیشنهاد نمی شود که حتی آن را روی سایت تان نصب کنید؛ همچنین افزونه مداد زرد و افزونه المنتور اصلا با یکدیگر قابل مقایسه نیستند چون افزونه المنتور یک افزونه صفحه ساز فوق العاده حرفه ای است ولی افزونه مداد زرد یک افزونه ویرایشگر ساده است. برای دانلود رایگان تصاویر گرافیکی هم می توانید از مقاله ” ۲۸+ منبع برای دانلود رایگان وکتورهای گرافیکی جذاب و با کیفیت بالا” استفاده کنید.

دیدگاهتان را بنویسید

آموزش‌های ویدیویی جدید فقط در یوتیوب منتشر می‌شود!

بزن بریــم!