تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

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

افزونه ها , افزونه وردپرس

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

 

نمایش مطالب مهم بصورت پاپ آپ در وردپرس

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

 

افزونه Easy Modal وردپرس

این افزونه وردپرس بیش از ۳۰٫۰۰۰ نصب فعال در مخزن وردپرس به ثبت رسانده است. شما میتوانید در انتهای این نوشته، افزونه  Easy Modal را بصورت رایگان دانلود کنید

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

 

نصب و راه اندازی افزونه Easy Modal وردپرس

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

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

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

 

زیرمنو Settings

پس از کلیک بر ر وی گزینه Settings شاهد صفحه زیر خواهید بود:

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

  • Reset Easy Modal Database: برای ریست کردن و حذف تمامی Modal های ساخته شده
  • Import Old Easy Modal Settings: این افزونه قابلیت انتقال داده در خود را دارد. بنابراین میتوانید Modal های دیگری را در این بخش درون ریزی کنید.
  • Uninstall Easy Modal Settings: برای حذف تمامی تنظیمات افزونه

 

زیرمنو Modal

پس از کلیک بر  روی زیرمنو Modal شاهد صفحه زیر خواهید بود:

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

 

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

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

 

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

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

 

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

 

تب Display Option

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

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

 

تب Close Options

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

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

 

تب Examples

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

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

 

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

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

 

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

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

 

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

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

 

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

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

امبدوارم این افزونه وردپرس و همچنین این آموزش، برای شما عزیزان مفید و کاربردی باشد.

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

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود نسخه : 2.1.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=30460
کلمات کلیدی پست :
مطالب مرتبط
11,648انتقال کاربر به صفحه تشکر پس از تکمیل سفارش در ووکامرس با افزونه YITH Custom Thank You Page تاریخ : 2018/09/6
7,613افزونه وقایع نگاری Activity Log برای وردپرس تاریخ : 2016/04/24
6,173امکان ویرایش نظرات در وردپرس با افزونه Simple Comment Edits تاریخ : 2017/01/30
25,035افزونه بسته آیکون های زنده برای وردپرس تاریخ : 2014/09/16
9,459افزودن دکمه اسکرول در وردپرس با افزونه WPFront Scroll Top تاریخ : 2017/06/11
10,642افزونه حراجی محصولات ووکامرس WooCommerce Simple Auctions تاریخ : 2015/03/25
4,284افکت تصاویر در گوتنبرگ با افزونه Image Hover Effects Block for Gutenberg تاریخ : 2019/09/6
9,554افزونه وردپرس اشتراک گذاری مطلب در ازای دانلود Content Locker Pro تاریخ : 2018/09/21
5,448رفتن به پست قبلی و بعدی در صفحه ویرایش نوشته وردپرس با افزونه Admin Post Navigation تاریخ : 2019/01/13
20,832افزونه صفحه ساز پیشرفته وردپرس Oxygen + افزودنی ها تاریخ : 2022/07/28
11,296افزایش امکانات صفحه ساز Beaver Builder Pro با افزونه Ultimate Addons نسخه 1.14.1 تاریخ : 2019/01/12
5,924افزونه پیشنهاد کلمات کلیدی قوی برای محتوای وردپرس WordPress Longtail Keyword SEO تاریخ : 2019/03/16
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات