illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آموزش استفاده از mjml برای ساخت ایمیلهای واکنشگرا (جلسه 1) - مقدمه

2 388 ۱۵ مهر ۹۵

mjml

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

همونطور که میدونید قالبهای ایمیل بر پایه table هستن و باید بصورت جدولی همه المنتهای موجود در قالب یا template کنار هم قرار بگیرن. کار کردن با جدول و همچنین ویژگی های متنوع و زیاد اون خارج از حوصله هست و واقعا اعصاب رو بهم میریزه. حالا از اینا گذشته روز به روز به تعداد دستگاه هایی که ایمیل بر روی اونا نمایش داده میشه افزوده میشه و قالبتون باید واکنشگرا و Responsive باشه. از این هم بگذریم، سرویسهای ایمیلی فراوانی از قبیل Gmail و Yahoo و Outlook و Live و Hotmail و ... وجود دارن و هر کدوم ساز خودشون رو میزنن و قالبتون رو با اشکال مختلفی نمایش میدن و هر کدوم قواعدی برای خودشون دارن. یاد گرفتن همه این قواعد و اعمالشون خیلی خیلی سخت و درد سر آوره.

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

در این سری آمورشی با هم دیگه همراه میشیم تا قواعد استفاده از این فریم ورک رو یاد بگیریم و بتونیم با استفاده از اون قالبهای مدنظر خودمون رو بسازیم. این فریم ورک یک زبان بر پایه xml برای خودش داره که شما باید اونو بسازید و بعد با استفاده از Node اونو به html تبدیل کنید و بعدش از اون استفاده کنید. مثلا ما باید کد زیر رو بسازیم:

بعدش به راحتی اونو به کد زیر تبدیل میکنیم:

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

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

موفق باشید

یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    hamed_z2001(۱۷ مهر ۱۳۹۵)

    خیلی خیلی خوبه,دستتون درد نکنه …
    واقعا ایمیل یک ضرورته که خود من برای ریسپانسیو کردنش به دردسرهای زیادی برخوردم …
    امیدوارم اموزشها ادامه دار باشه و سریع …

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram