آیا می خواهید برای هر تگ پست در وردپرس یک پاپ آپ ایجاد و نمایش دهید؟ پس به خواندن این مقاله ادامه دهید.
ما مطمئن هستیم که از قبل با پنجره کوچکی که هنگام مرور یک وب سایت ظاهر می شود آشنا هستید. خب بهش میگن پاپ آپ یا پاپ آپ. پنجره های بازشو می توانند در اندازه ها و موقعیت های مختلف روی صفحه در یک وب سایت ظاهر شوند.
در وردپرس پلاگین های زیادی برای ایجاد پنجره های بازشو وجود دارد، مانند Elementor Pro، JetPopup، Brizy Pro و غیره.
نکته مهمی که باید به خاطر داشته باشید این است که پاپ آپ ها نباید برای بازدیدکنندگان وب سایت شما آزاردهنده باشند. بنابراین، یک پاپ آپ تا حد امکان ساده و جذاب ایجاد کنید.
فهرست مطالب
برخی از افزونه های وردپرس برای ایجاد پنجره های بازشو
Elementor Pro
Elementor Pro یک افزونه Elementor با صدها ویژگی ممتاز است. ابزارهای حرفه ای قدرتمندی در اختیار شما قرار می دهد که روند کار و طراحی شما را تسریع می کند. Elementor Pro به شما کنترل کامل بر روی طرح و طراحی وب سایت شما می دهد. در این صورت، می توانید آزادانه طراحی پاپ آپ خود را سفارشی کنید.
استفاده Elementor Pro ایجاد یک پاپ آپ توسط برچسب پست بسیار ساده و آسان برای استفاده است. شما به راحتی می توانید شرایط نمایش پاپ آپ خود را به روشی بسیار دقیق تعریف کنید.
JetPopup
Crocoblock's JetPopup یک برنامه افزودنی برای است Elementor. میتوانید آن را بهعنوان یک افزونه مستقل خریداری کنید یا بهصورت بستهای با سایر پلاگینهای Crocoblock خریداری کنید. مزیت استفاده از JetPopup برای ایجاد یک پنجره بازشو این است که دارای بسیاری از ویژگی های جالب است.
- می توانید با محرک های پنجره بازشو بازی کنید.
- می توانید برای پنجره بازشو انیمیشن بسازید.
- تعداد زیادی قالب پاپ آپ در دسترس است.
دفعات بازدید: 22 بهترین افزونه پریمیوم برای Elementor
Brizy Pro
سازنده پاپ آپ از Brizy Pro به شما دو گزینه ارائه می دهد اولی پنجره بازشو فعال شده با کلیک و دومی محرک ها و شرایط خودکار است.
- باز کردن بر روی کلیک: پنجره بازشو به سادگی با کلیک کردن روی عناصر صفحه شما فعال می شود.
- محرکها و شرایط خودکار: میتوانید اقدامات بازدیدکننده را پیکربندی کنید که تعیین کند پنجرههای بازشو چه زمانی نمایش داده میشوند.
نحوه ایجاد و نمایش پاپ آپ با برچسب پست در وردپرس با المنتور
همانطور که قبلا ذکر شد، شما چندین گزینه برای ایجاد یک پاپ آپ در وردپرس دارید. در این آموزش به شما نشان خواهیم داد که چگونه با استفاده از نسخه یک تگ پاپ آپ در هر پست ایجاد و نمایش دهید Elementor Pro، بنابراین مطمئن شوید که قبلا یکی را دارید.
مرحله 1: قالب پاپ آپ را ایجاد کنید
اولین کاری که باید انجام دهید این است که یک قالب Popup جدید ایجاد کنید. برای ایجاد یک الگوی Popup جدید، به Templates > Popups در داشبورد وردپرس خود و روی دکمه کلیک کنید جدید اضافه کن.
سپس نام پاپ آپ خود را اضافه کنید و روی دکمه کلیک کنید یک مدل ایجاد کنید.
شما به کتابخانه قالب هدایت می شوید، می توانید یک الگو را از پنجره کتابخانه انتخاب کنید یا قالب Popup خود را طراحی کنید. برای استفاده از یک الگو از کتابخانه، فقط روی دکمه کلیک کنید قرار دادن.
اما در این آموزش قصد داریم قالب Popup را از ابتدا بسازیم. روی نماد کلیک کنید X برای بستن کتابخانه الگو
مرحله 2: تنظیمات پاپ آپ را تنظیم کنید
قبل از شروع ایجاد یک الگوی پاپ آپ، باید تنظیماتی در تنظیمات Popup انجام دهیم. شما می توانید بهترین تنظیمات را برای سایت خود پیدا کنید. در این آموزش تنظیمات Popup انتخابی شما را به شما نشان می دهیم.
روی نماد چرخ دنده در گوشه پایین سمت چپ کلیک کنید. در تنظیمات پاپ آپ، آن را تغییر دهید عرض در 90 درصد عرض نمای (VW) ET موقعیت en مرکز-پایین.
مرحله 3: پاپ آپ را طراحی کنید
در مرحله بعد، قالب Popup خود را طراحی کنید. یک بخش جدید اضافه کنید و ساختار 5 ستونی را انتخاب کنید. در تنظیمات بخش، را تنظیم کنید عرض در 950. می توانید با تنظیمات خود بازی کنید.
به عنوان مثال، می توانید به برگه بروید سبک برای تنظیم پس زمینه، به برگه بروید پیشرفته برای سفارشی کردن حاشیه و بسیاری موارد دیگر.
حالا به ستون های خود برگردید. در ستون سمت چپ، عرض را روی 33% و برای چهار مورد دیگر، 16% تنظیم کنید.
در ستون سمت چپ، یک ویجت عنوان با مقداری متن اضافه می کنیم. میتوانید متنی را اضافه کنید که بازدیدکنندگان وبسایت خود را برای مشاهده محتوای دیگر مرتبط با محتوای فعلی یا هر متن دیگری به انتخاب شما دعوت میکند.
در سمت راست، یک ویجت Image اضافه می کنیم. میتوانید تصاویر را از ریز عکسها/تصاویر ویژه پستها اضافه کنید یا آنها را به صورت دستی آپلود کنید.
اکنون ساختار آماده است. بازگشت به تنظیمات پاپ آپ برای سفارشی کردن انیمیشن های ورود، خروج و حاشیه. در این آموزش ورودی را بر روی تنظیم می کنیم محو شدن و خروجی روشن است محو کردن. سپس به برگه بروید پیشرفته و حاشیه را 30 (مقدار مشترک برای پیوندها) قرار دهید.
مرحله 4: پاپ آپ را منتشر کنید
اکنون که طرح آماده است، روی دکمه کلیک کنید انتشار دهنده برای تنظیم شرایط نمایش و محرک ها. برای تعریف وضعیت نمایش، روی دکمه کلیک کنید یک شرط اضافه کنید و گزینه خود را از لیست کشویی انتخاب کنید.
همانطور که می خواهید تگ Popup by post را نمایش دهید، می توانید شرایط نمایش زیر را تنظیم کنید (به انیمیشن مراجعه کنید).
روی Next کلیک کنید. در برگه محرک، ماشه را روی در اسکرول چرخاندن سوئیچ به بله. را تعریف کنید جهت سور حجاری و نقوش برجسته و عرض بیش از 95 درصد زیرا ما می خواهیم وقتی بازدیدکنندگان به پایان مقاله ما می رسند، پنجره بازشو ظاهر شود.
در این آموزش قصد نداریم تعریف کنیم قوانین پیشرفته. پس بر روی آن کلیک کنید ذخیره کن و ببند. خب حالا کارمون تموم شد
بیایید ببینیم چگونه به نظر می رسد.
در اینجا شما به تازگی پاپ آپ خود را به پایان رسانده اید. مقالات مرتبط ما را نیز ببینید:
- 6 قطعه CSS مفید برای ویجت Elementor's Posts
- نحوه ایجاد یک صفحه لیست با Elementor Loop Builder
- چگونه ساعات کاری را در وب سایت Elementor خود اضافه کنید
- نحوه اضافه کردن Line Break در متن دکمه Elementor
- نحوه ایجاد و ویرایش پاورقی در المنتور
- نحوه اضافه کردن ماسک تصویر در المنتور
- المنتور یا بریزی: بهترین صفحه ساز وردپرس کدام است؟
مقالات مرتبط
- 22 بهترین افزونه پریمیوم برای Elementor
- المنتور در مقابل بیور بیلدر: مقایسه دقیق صفحه سازها
- بررسی Elementor 2024: تجربه با Elementor (مزایا، معایب، ویژگیها و بیشتر)
- نحوه ایجاد یک دایره تعاملی در المنتور
- چگونه یک وب سایت Elementor را بسیار سریع بسازیم: آموزش کامل
- چگونه یک سایت را به Elementor Cloud منتقل کنیم
- 5 بهترین افزونه فید اینستاگرام برای Elementor [انتخاب های برتر ما]
- نحوه استفاده از آکاردئون پیشرفته در المنتور