آخرین بروزرسانی در تاریخ : ۱۸, اردیبهشت, ۱۳۹۹

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

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

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

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

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

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

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

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

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

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

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

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

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

  2. MOEINMAHBOUB میگوید:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  10. mehranzakiin میگوید:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *