افزونه Easy Modal

نمایش حوادث مهم به صورت پاپ آپ با  افزونه Easy Modal

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

نمایش حوادث در وردپرس با افزونه Easy Modal

افزونه Easy Modal

افزونه Easy Modal

شروع کار

افزونه را دانلود و نصب کنید سپس در بخش پیشخوان سایت شما بخشی جدید با نام Easy Modal اضافه شده است، روی آن کلیک کنید تا به صفحه ی تنظیمات افزونه بروید.

Easy Modal

Easy Modal

General

از این سربرگ می توانید تنظیمات کلی برای ساخت مدال و نمایش حوادث در وردپرس به کمک آن انجام دهید.

ساخت مدال و نمایش حوادث

ساخت مدال و نمایش حوادث

Name: نام مدال خود را تعیین کنید.
Load Type: این گزینه را روی per post/page قرارد دهید به این منظور که میخواهید مدال شما در نوشته ها و برگه ها نمایش داده شود.
Title: عنوان مدال خود را تعیین کنید.
Content: محتوا را برای ساخت مدال در وردپرس در این قسمت قرار دهید(هماننده یک نوشته ی جدید میتوانید از شورتکدها و المان هایی که قالب شما پشتیبانی می کند در این قسمت استفاده کنید).
Publish: از ستون سمت چپ از باکس Publish هم میتوانید مدال خود را ذخیره کنید.

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

Display Options

از این سربرگ هم میتوانید تنظیمات مربوط به چگونگی نمایش حوادث در وردپرس را تعیین کنید.

تنظیمات Easy Modal

تنظیمات Easy Modal

Size: سایز مدال خود را از این قسمت تعیین کنید که مقدار پیش فرض بصورت نرمال است.
Animation: از این قسمت انیمیشن مورد نظرتان و سرعت نمایش انیمیشن را تعیین کنید.
Position: در این قسمت هم میتوانید چینش کلی مدال خودتان را مشخص کنید.

Close Options

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

افزونه ی Easy Modal

افزونه ی Easy Modal

گزینه ی اول برای ایجاد دکمه ی بسته شدن در مدال و گزینه ی دوم برای بسته شدن بواسطه ی فشردن کلید ESC

Examples

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

افزونه ی Easy Modal

افزونه ی Easy Modal

در این قسمت من از کد دوم یعنی نمایش حوادث در وردپرس با استفاد از کلیک روی دکمه استفاده می کنم، پس آن را کپی می کنم تا بعدا در نوشته ی مورد نظر از آن استفاده کنم.

تعریف مدال در نوشته/برگه مورد نظر

به ویرایش یکی از نوشته/برگه های سایت میرویم تا مدال را برای آن ایجاد کنیم. زمانی که به ویرایش نوشته میروید باکس جدیدی که مربوط به افزونه ی Easy Modal را مشاهده می کنید که از داخل این باکس باید نام مدال مورد نظرتان را که ساخته اید انتخاب کنید.
حال باید کد مورد نظرتان را در مکان مورد نظر در نوشته/برگه خودتان کپی کنید.

نکته: چون محتوایی که میخواهیم کپی کنیم بصورت کد است ابتدا باید ویرایشگر خودتان را بر روی متن قرار دهید.

تنظیمات افزونه ی Easy Modal

تنظیمات افزونه ی Easy Modal

حال تغیرات را ذخیره کنید و نوشته/برگه را در خروجی مشاهده کنید:

نمایش تنظیمات افزونه ی Easy Modal

نمایش تنظیمات افزونه ی Easy Modal

با کلیک بر روی دکمه ی مورد نظر مدالی که ساخته بودیم بصورت زیر نمایش داده می شود:

نمایش افزونه

نمایش افزونه

موفق باشید…

[junkie-button url=”https://www.wpcity.ir/wp-content/uploads/2017/03/wpcity-easy-modal2.0.17-1.zip” style=”orange” size=”medium” type=”round” target=”_self”] دانلود افزونه [/junkie-button]

مطالب مشابه

قوانین ارسال دیدگاه در وردپرس سیتی

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

  1. طراحی سایت گفته؛
    ۲۰:۱۸ ۱۳۹۵/۱۲/۲۹

    عالی بود ممنون

    • سید وحید جاویدان گفته؛
      ۲۰:۲۸ ۱۳۹۵/۱۲/۲۹

      باسلام و تشکر از دیدگاه شما در وردپرس سیتی
      موفق باشید

  2. طراحی سایت گفته؛
    ۲۰:۱۹ ۱۳۹۵/۱۲/۲۹

    ممنون از مطالب آموزشی کاملتون.

    • سید وحید جاویدان گفته؛
      ۲۰:۲۸ ۱۳۹۵/۱۲/۲۹

      باسلام و تشکر از دیدگاه شما در وردپرس سیتی
      موفق باشید

  3. تعمیرگاه مجاز لوازم خانگی گفته؛
    ۱۶:۲۵ ۱۳۹۶/۰۲/۱۰

    ممنون مطلب بسیار خوبی بود مرسی

    • سید وحید جاویدان گفته؛
      ۲۰:۳۴ ۱۳۹۶/۰۲/۱۰

      باسلام و تشکر از دیدگاه شما در وردپرس سیتی
      موفق باشید

  4. طراحی سایت گفته؛
    ۱۶:۲۳ ۱۳۹۶/۰۲/۳۰

    مرسی از این سایت خوبتون

  5. طراحی سایت گفته؛
    ۱۷:۲۱ ۱۳۹۶/۰۴/۰۷

    سایت بسیار آموزنده و خوبی دارید.موفق باشید.

  6. طراحی وب سایت گفته؛
    ۱۵:۲۱ ۱۳۹۶/۰۵/۱۰

    خوب مطالبی می ذارید که کاربردی و قابل استفاده هست به خصوص برای وب مستر ها

  7. تلگرام باز گفته؛
    ۱۶:۰۴ ۱۳۹۶/۰۶/۰۶

    افزونه خوبیه . ممنون .

  8. طراحی وب سایت کرج گفته؛
    ۲۲:۴۸ ۱۳۹۶/۰۶/۰۹

    ممنون توضیحات دقیقی دادین

  9. تابلو برق گفته؛
    ۱۶:۱۸ ۱۳۹۶/۰۷/۰۵

    لایک دارین

  10. تابلو برق گفته؛
    ۱۶:۲۰ ۱۳۹۶/۰۷/۰۵

    افزونه خوبیه

  11. طراحی سایت گفته؛
    ۱۴:۲۴ ۱۳۹۶/۰۷/۲۵

    ممنون از سایت خوبتون

  12. علی گفته؛
    ۲۰:۰۶ ۱۳۹۶/۰۷/۳۰

    افزونیه بسیار خوبی بود

  13. علی گفته؛
    ۲۰:۰۷ ۱۳۹۶/۰۷/۳۰

    خوب بود

  14. علی گفته؛
    ۲۰:۰۹ ۱۳۹۶/۰۷/۳۰

    این افزونه قابلیت ارتقا هم دارد ؟؟؟؟؟؟؟

    • سید وحید جاویدان گفته؛
      ۲۲:۳۴ ۱۳۹۶/۰۷/۳۰

      با سلام بله

  15. علی گفته؛
    ۲۰:۱۲ ۱۳۹۶/۰۷/۳۰

    آگه چنین قابلیتی داره راهنمایی کنید دوستان

  16. طراحی سایت گفته؛
    ۱۲:۲۷ ۱۳۹۶/۰۸/۲۰

    سایت بسیار خوبی دارید بابت معرفی افزونه Easy Modal تشکر می کنم.

  17. هزینه فریت بار گفته؛
    ۱۴:۵۹ ۱۳۹۶/۰۸/۲۸

    ممنون از سایت خوبتون

  18. تابا گفته؛
    ۱۱:۱۲ ۱۳۹۶/۰۹/۰۹

    باتشکر از سایت خوبتون

  19. طراحی سایت گفته؛
    ۱۲:۲۰ ۱۳۹۶/۱۰/۲۴

    با تشکر بسیار عالی بود.

  20. خرید دامنه گفته؛
    ۰۹:۴۷ ۱۳۹۷/۰۱/۰۸

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

  21. طراحی سایت در کرج گفته؛
    ۱۳:۴۴ ۱۳۹۷/۰۶/۲۰

    ممنون از توضیحاتتون
    موفق باشین

  22. سئو سایت در کرج گفته؛
    ۱۲:۲۳ ۱۳۹۷/۰۷/۱۷

    ممنون از مطالب خوب سایتتون

  23. عقد و ازدواج گفته؛
    ۱۴:۲۶ ۱۳۹۷/۰۷/۳۰

    ممنون از سایت خوبتون

  24. علیرضا گفته؛
    ۲۳:۴۷ ۱۳۹۷/۰۸/۱۵

    بسیار عالی ممنون از سایت خوبتون

  25. طراحی سایت حرفه ای گفته؛
    ۱۳:۰۰ ۱۳۹۸/۰۶/۱۷

    از سایت خوبتون متشکرم

  26. پرستار گفته؛
    ۱۱:۲۹ ۱۳۹۸/۰۷/۲۳

    ممنونم از آموزش خوبتون

  27. سجاد گفته؛
    ۱۲:۴۶ ۱۳۹۸/۰۸/۱۱

    عالی بود

  28. ... گفته؛
    ۰۸:۲۹ ۱۳۹۹/۰۷/۱۶

    کسی هست طراحی مدال بلد باشه؟

    • شریف گفته؛
      ۲۱:۲۸ ۱۳۹۹/۰۷/۲۱

      در خدمت هستم بفرمایید

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

نشانی ایمیل شما منتشر نخواهد شد.

لینک کوتاه:
0