تبلیغات

تبلیغات
طراحی و بهینه سازیمشاهده




هاست

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

افزونه ها , افزونه وردپرس
نمایش حوادث در وردپرس با افزونه Easy ModalReviewed by Admin on Dec 31Rating:

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

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


به کانال تلگرام بیست اسکریپت بپیوندید !

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

خرید هاست وردپرس با SSL رایگان

نحوه استفاده

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

مطلب مفیدی بود ؟
نویسنده : admin 0 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=30460

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
444افزایش سرعت وردپرس با افزونه WP Speed of Light تاریخ : 2018/05/12
700آموزش ریست کردن وردپرس توسط افزونه WP Reset تاریخ : 2018/05/8
384پنهان کردن برخی صفحات از جستجوی وردپرس با افزونه Search Exclude تاریخ : 2018/07/8
2,234افزونه صلوات شمار برای وردپرس تاریخ : 2015/10/26
2,185افزونه وردپرس ساخت آسان فرم تماس باما qContact Form Builder تاریخ : 2016/02/26
546ساخت جدول قیمت گذاری در وردپرس با افزونه Pricing Table by Supsystic تاریخ : 2018/03/1
6,924افزونه ایجاد فرم های فلت WP Flat Cost Estimation Form Creator تاریخ : 2014/06/17
2,859افزونه لیست پخش هوشمند موزیک Smart Audio Playlists v2.0 تاریخ : 2014/10/4
1,596چت و پشتیبانی آنلاین در وردپرس با افزونه Support Board تاریخ : 2018/07/19
2,785افزودن درصد پیشرفت مطالب در وردپرس با افزونه Content Progress تاریخ : 2017/07/16
1,239افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll Top تاریخ : 2017/02/13
3,201چت و گفتگوی آنلاین با مشتریان در وردپرس با افزونه iSupport تاریخ : 2015/09/25
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب