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

ساخت وبلاگ

نمایش حوادث در وردپرس

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

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

easy modal-نمایش حوادث در وردپرس

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

شروع کار

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

modals- نمایش حوادث در وردپرس

General

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

general-نمایش حوادث در وردپرس

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

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

Display Options

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

display options- نمایش حوادث در وردپرس

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

Close Options

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

close options- نمایش حوادث در وردپرس

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

Examples

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

examples- نمایش حوادث در وردپرس

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

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

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

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

editor- نمایش حوادث در وردپرس

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

open modal- نمایش حوادث در وردپرس

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

show modal- نمایش حوادث در وردپرس

موفق باشید…

دانلود افزونه Easy Modal

دانلود صفحه افزونه

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

برچسب : نویسنده : جمشید رضایی بازدید : 240 تاريخ : جمعه 27 اسفند 1395 ساعت: 21:29

خبرنامه