به جلسه بیست و نهم بخش آموزش طراحی سایت با المنتور از دوره رایگان وردپرس خوش آمدید. آیا تا به حال با ورود به برخی از سایت‌ها، یک پنجره کوچک به حالت اطلاع رسانی دیده‌اید؟ این پنجره پاپ آپ است که بیشتر جنبه اطلاع رسانی، پیشنهادات و تبلیغات را دارد. در سال‌های اخیر قابلیت پاپ آپ با افزونه‌های جداگانه و نسبتاً سنگین به وردپرس اضافه می‌شد. اما امروزه شما صرفاً با نصب برگه‌ساز المنتور، می‌توانید طراحی پاپ آپ، فرم و offcanvas را انجام دهید.
هم می‌توانید پاپ آپ را با کلیک باز کنید، هم در منوی همبرگری استفاده کنید. در این مقاله از آژانس نوآوری رسام قصد داریم طراحی پاپ را آموزش دهیم. پس از شما دعوت می‌کنیم تا پایان مقاله ما را همراهی کنید.
طراحی پاپ آپ از بخش قالب‌های المنتور
برای طراحی پاپ آپ، بعد از ورود به پیشخوان وردپرس و بخش قالب‌ها، به قسمت قالب‌های ذخیره شده رفته روی “افزودن قالب جدید” کلیک کنید تا با تصویر زیر مواجه شوید. در این قسمت ابتدا نوع قالب را پاپ آپ انتخاب کرده و سپس یک نام برای آن انتخاب کنید. (ممکن است نام آن انگلیسی و به صورت Pop up باشد). البته المنتور در منوی خودش داخل پیشخوان، یک گزینه مجزا برای پاپ آپ گذاشته است. آن هم شما را به قالب‌های مربوط به پاپ آپ می‌رساند. طبق معمول با برگه‌ساز المنتور مواجه خواهید شد و در این بخش باید طراحی خود را تکمیل کنید.
طراحی پاپ آپ هم دقیقاً مشابه سایر قالب‌هایی که در المنتور ساختید، برای خودش Display Conditions دارد. بدین معنی که شما می‌توانید تعیین کننده باشید. یعنی اینکه پاپ آپ در چه صفحاتی نشان داده شود و در چه صفحاتی نیز نشان داده نشوند. اما به جز Display Conditions دو بخش دیگر نیز وجود دارد که باید با تنظیمات آن‌ها نیز آشنا شویم. به تصویر زیر دقت کنید. بخش Triggers و Advanced Rules همان دو بخشی است که باید در مورد آن‌ها صحبت کنیم.
تنظیمات مربوط به Triggers در پاپ آپ المنتور
در بخش Triggers می‌توانید تعیین کنید که پاپ آپ شما چگونه اجرا شود. مثلاً هنگام لود صفحه یا اسکرول پاپ آپ باز شود. هنگامی که به یک المان خاصی از صفحه رسید باز شود. یا مثلاً بعد از گذشت زمانی معین، پاپ آپ نمایش داده شود. همچنین موقع خروج از صفحه نیز می‌توان پاپ آپ را فعال کرد. این جزئیات باعث می‌شود به سهولت بتوانید پاپ آپ خود را مدیریت کنید.
تنظیمات مربوط به Advanced Rules در پاپ آپ المنتور
گزینه دیگری تحت عنوان Advanced Rules نیز وجود دارد که با استفاده از آن می‌توانید محدودیت‌ها و کنترل‌های بهتری روی پاپ آپ خود داشته باشید. مثلاً پس از نمایش تعدادی از صفحات سایت، پاپ آپ نشان داده شود. نمایش به ورودی از موتور جستجو، از لینک وب‌سایت‌های دیگر، نمایش در یک دستگاه خاص و یا مرورگر مدنظر، نمایش مبتنی بر Session و… از قابلیت‌های Advanced Rules است.
طراحی پاپ آپ برای منوی همبرگری
به همان روشی که بیان شد یک پاپ آپ ایجاد کنید. بدون اینکه برای آن Triggers یا Advanced Rules ایجاد کنید آن را ذخیره کنید. حتی لازم نیست آن را در بخش Display Conditions به صفحات اختصاص دهید. همین که ساخته و منتشر شده باشد کافی است. حالا به هدر سایت خود بروید. اغلب منوی همبرگری در موبایل نمایش داده می‌شود. مثال ما برای منوی موبایل است اما فرقی نمی‌کند و در هر جایی می‌توانید آن را اجرا کنید. یک ویجت آیکن بندازید (آیکن منو را برای آن تنظیم کنید). از بخش محتوای داینامیک، گزینه پاپ آپ را به آن اختصاص داده و در بخش جستجوی آن، پاپ آپی که ساختید را به آن اختصاص دهید. منوی موبایل هم اکنون به صورت همبرگری نمایش داده می‌شود. (تمامی این روش‌ها را در ویدئو این جلسه ساخته‌ایم).
قابلیت Offcanvas معجزه جدید و جذاب المنتور
تیم المنتور از نسخه 3.23 به بعد، قابلیت جدید و جذابی را به المنتور اضافه کرده است که شما بسیار سبک‌تر و آسان‌تر می‌توانید منوی Offcanvas بسازید. در واقع Offcanvas یک ویجت المنتوری جدید است که به این برگه ساز اضافه شده است. پس شما دیگر نیاز ندارید مشابه مرحله قبل، برای ساختن منوی همبرگری بازشونده، قالب المنتوری مجزایی بسازید. هدر سایت خود را با المنتور ویرایش کنید و سپس یک ویجت Offcanvas بسازید. داخل آن هرچیزی که می‌خواهید هنگام باز شدن منوی همبرگری نمایش داده شود را وارد کنید. سپس یک ویجت آیکن بندازید (آیکن منو را برای آن تنظیم کنید). یا اگر ویجت قبلی آیکن را انداخته بودید می‌توانید به جای اختصاص به پاپ آپ، این بار به آن Offcanvas را اختصاص دهید.
پاپ آپ و Offcanvas، دو موضوع صرفه‌جویی کننده در تعداد افزونه!
قابلیت‌های پاپ آپ و Offcanvas بسیار ضروری و کمک‌کننده هستند. اکثر سایت‌ها به این موارد احتیاج دارند. حتی اگر اوایل کار هم لازم نداشته باشند بالاخره در گذر زمان و راه‌اندازی کمپین‌های تبلیغاتی به آن‌ها حتماً احتیاج پیدا می‌کنند. بنابراین حتماً پس از تماشای این جلسه از آموزش رایگان وردپرس از مبتدی تا پیشرفته استفاده از Offcanvase و طراحی پاپ آپ را به خوبی تمرین کنید و تجربیات و سوالات خود را در این بخش با متخصصین آژانس نوآوری رسام در میان بگذارید.
