ایجاد پاپ‌آپ در وردپرس با WordPress popup + آموزش ویدیویی

پاپ‌آپ در وردپرس

در تاریخ ۳ تیر ۱۳۹۴ آموزش ویدیویی اضافه شد!
سلام؛
خیلی وقت‌ها پیش می‌آید که مطلبی را به صورت خبری یا تبلیغاتی می‌خواهیم به محض ورود کاربر به سایت به اون نمایش دهیم. به نظر شما بهترین راه برای این کار چیست؟!
امروزه استفاده از پنجره های پاپ آپ برای نمایش این گونه مطالب بسیار کاربردی است و در اکثر سایت های بزرگ نیز مشاهده می‌شوند. پاپ‌آپ در وردپرس نوعی باکس به شکل‌های مختلف است که در هنگام ورود به سایت در صفحه اول ظاهر می‌شود و اطلاعاتی را به کاربر می‌دهد و کاربر می‌تواند برای اطلاعات بیشتر روی آن کلیک کند و یا با زدن دکمه بستن، آن را ببندد.

پاپ‌آپ در وردپرس

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

افزونه ی WordPress PopUp

wordpress popup plugin-پاپ‌آپ در وردپرس

این افزونه توسط تیم WPMU DEV ایجاد شده است که تنظیمات جالبی نیز دارد!
نحوه نصب این افزونه به این صورت است که افزونه را دانلود و در مسیر افزونه‌ها نصب می‌نماییم و سپس آن را فعال‌سازی می‌کنیم. پس از فعال‌سازی گزینه PopUp در پیشخوان وردپرسی ایجاد خواهد شد و با کلیک بر روی آن قادر به افزودن پاپ‌آپ در وردپرس خواهید بود!

popup setting hamyarwp-پاپ‌آپ در وردپرس

قبل از اینکه اطلاعیه مورد نظر را ایجاد کنیم به بخش تنظیمات می‌رویم.

نحوه بارگذاری پاپ‌آپ

popup loading-hamyarwp-پاپ‌آپ در وردپرس

همانطور که مشاهده می‌کنید در این بخش سه نوع انتخاب پیش رو دارید و می‌توانید نحوه نمایش پاپ‌آپ در وردپرس را مشخص نمایید. که به صورت پیش فرض WordPress Ajax است.
در منوی کشویی Supported Shortcodes کدهای کوتاه شده‌ای را به نمایش می‌گذارد که شما می‌توانید در هر مورد از آنها در بخش‌های مختلفی از قالب استفاده نمایید.

shortcodes popup hamyarwp-پاپ‌آپ در وردپرس

تنظیمات بخش Available condition

در این بخش نیز تنظیمات دیگری مربوط به پاپ‌آپ در وردپرس مشخص شده است که در تصویر مشاهده می‌کنید:

condition popup hamyarwp-پاپ‌آپ در وردپرس

تنظیمات مشخص شده در تصویر بالا مربوط به آدرس‌های مشخصی در سایت است و همچنین می‌توان مشخص کرد که در مرورگر با چه آدرسی مشخص شود.

condition popup2 hamyarwp-پاپ‌آپ در وردپرس

در تنظیمات تصویر بالا نیز در مورد جزئیات پنجره اطلاعاتی توضیح داده شده و همچنین در قسمت بعدی مشخص می‌کند که کاربر پس از کلیک بر روی پنجره به چه صفحه‌ای منتقل شود.

condition popup3 hamyarwp-پاپ‌آپ در وردپرس

در این بخش نیز نقش‌ها و موقعیت کاربران را مشخص خواهد کرد.
حال می‌خواهیم پنجره‌ای بسازیم!

بر روی گزینه ی add New کلیک می‌کنیم تا وارد صفحه ساخت پاپ‌آپ در وردپرس شویم:

popup content hamyarwp-پاپ‌آپ در وردپرس

اول از همه در سمت چپ گزینه Status را فعال نمایید تا بتوانیم پنجره‌ای که ایجاد می‌کنیم را ذخیره کنیم و همچنین پیش‌نمایشی از آن را مشاهده نماییم.
حال می‌رویم سراغ ایجاد اطلاعیه!

write text for popup hamyarwp-پاپ‌آپ در وردپرس

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

دو بخش appearance  و Behavior به صورت رایگان استفاده نمی‌شوند و برای استفاده از آنها باید نسخه پریمیوم افزونه را خریدداری نمایید.

pro version hamyarwp-پاپ‌آپ در وردپرس

در بخش Available condition می‌توانیم موقعیت‌ها را برای نمایش پاپ‌آپ در وردپرس مشخص نماییم! که به صورت پیش‌فرض تمامی کلیدها خاموش هستند، هر گزینه‌ای را که خواستید می‌توانید فعال کنید.

Available condition hamyarwp-پاپ‌آپ در وردپرس

پس از اعمال تنظیمات بر روی گزینه ی Save کلیک نمایید تا پنجره موردنظر شما ساخته شود.
حال برای مشاهده پاپ‌آپ در وردپرس می‌توانید بر روی گزینه ی preview popup کلیک نمایید:

preview popup hamyarwp-پاپ‌آپ در وردپرس

بدون هیچ تنظیم اضافه‌ای، اگر به صفحه اصلی وبسایت خود مراجعه نمایید می‌توانید پنجره پاپآپ را مشاهده نمایید!

مشاهده آموزش ویدیویی ایجاد پاپ آپ در وردپرس با WordPress popup

 

دانلود آموزش ویدیویی ایجاد پاپ آپ در وردپرس با WordPress popup

پیش‌نمایش

دانلود افزونه WordPress Popup

دانلود صفحه افزونه
راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۵۹,۴۰۲ نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید شاخص

  1. چطوری برا موبایل هم این پاپ آپو نشون بدم؟

  2. سلام خسته نباشید میخواستم بپرسم با این افزونه میشه ویدیو ها رو هم به صورت پاپ آپ نمایش داد؟؟ یعنی اول کوچیک باشن بعد از پلی پاپ آپ بشه و یه پنجره بزرگ برای پلی باز بشه

  3. شما فوق العاده هستين گروه همياروردپرس

  4. سلام این افزونه که نصب کرده ایم چرا ویرایش نداره

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

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

  • دوره ۱۳ جامع وبمستران هوشمند

    ۶.۸ میلیون تومان
    ساخت کسب‌و‌کار اینترنتی امروزه یکی از اساسی‌ترین کارها برای ایجاد یا توسعه درآمدزایی میباشد. هر ایده‌ای که دارید میتوانید آنلاین در فضای اینترنتی راه اندازی نمایید فقط کافیست که بخواهید. یا اگر چندین سال...
  • دوره جامع ۰ تا ۱۰۰ آموزش طراحی سایت و آموزش طراحی فروشگاه اینترنتی

    ۱.۹ میلیون تومان
    آموزش صفر تا صد دوره طراحی سایت یاد میدهد به شما که چگونه یک طرح گرافیکی بزنید‌‌‌‌‌‌ ،‌کد نویسی کنید و یاد بگیرید که چگونه آن را تبدیل به قالب وردپرس و ووکامرس کنید .با این آموزش میتوانید ،هر نوع سایت خبری و...
  • کارگاه تخصصی فریمورک لاراول

    ۹۹ هزار تومان ۴۹ هزار تومان
    لاراول یک فریمورک PHP است که در سال ۲۰۱۱ بنا شده و خصوصیت اصلی آن ویو و کنترلر (view -controller) بودنش است.لاراول فریمورک بسیار یوزر فرندلی و کار کردن با آن خیلی ساده و در عین حال کاربردی است.کمک اصلی که فریمورک لاراول به...
مشاهده همه آموزش‌های آنلاین