جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • مقالات و آموزش ها
  • فروشگاه
  • درباره ما
  • پرسش و پاسخ
  • دانلود وردپرس
  • ارتباط با ما

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
  • phone 04133252264
  • email info@wpnegar.ir
perm_identity
سبد خرید 0
  • قوانین و مقررات
  • ثبت تیکت
0
وردپرس نگار (وی‌پی نگار) - WP Negar
  • صفحه اصلی
  • مقالات و آموزش ها
  • فروشگاه
  • درباره ما
  • پرسش و پاسخ
  • دانلود وردپرس
  • ارتباط با ما
perm_identity ورود و ثبت نام

وبلاگ

وردپرس نگار (وی‌پی نگار) - WP Negar > مقالات و آموزش ها > آموزش وردپرس > ساخت پنجره پاپ آپ در وردپرس با Popup Maker

ساخت پنجره پاپ آپ در وردپرس با Popup Maker

access_time30 ژانویه 2017
perm_identity ارسال شده توسط پونه آذری
folder_open آموزش وردپرس, افزونه وردپرس
visibility 555 بازدید
popup-maker-wpnegar

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

پنجره پاپ آپ در وردپرس با Popup Maker

افزونه‌ای که قصد معرفی ان را دارم با عنوان popup maker در مخزن وردپرس به ثبت رسیده است که امکان ساخت انواع پنجره پاپ آپ دروردپرس را به شما خواهد داد.
این افزونه تا به امروز توانسته است تا بیش از ۸۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۹ را ازآن خود نماید.

نصب و راه اندازی افزونه

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

پس از ذخیره تنظیمات حال به منوی Add Popup مراجعه کنید تا اولین پنجره پاپ آپ در وردپرس خود را ایجاد کنید.

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

پاپ آپ‌ها می‌توانند صرفا در نوشته، برگه، دسته‌بندی، برچسب و یا تمامی صفحات سایت نمایش داده شوند.

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

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

Animation Type: در این بخش می‎توانید انیمیشن به پنجره پاپ آپ در وردپرس اضافه کنید تا در یکی از حالت‌های موجود پنجره پاپ آپ نمایش داده شود.
Animation Speed: در این بخش نیز می‌توانید سرعت انیمیشن را بر اساس میلی ثانیه انتخاب کنید.
Animation Origin: در این بخش نیز می‌توانید مکان انیمیشن را مشخص کنید که از چه جایی شروع به نمایش کند که در اینجا آن را بر روی حالت نمایش
از بالا و مرکز سایت انتخاب کرده‌ام.
Position: در این بخش نیز می‌توانید مکان نمایش پنجره پاپ آپ را مشخص کنید و با استفاده از سایر گزینه‌های موجود پنجره مورد نظر را به صورت ثابت قرار دهید و یا اینکه امکان تغییر اندازه پنجره را غیرفعال کنید.

در بخش close setting نیز می‌توانید تنظیمات مربوط به بستن پنجره را انتخاب کنید.
ابتدا در بخش Close Text متن مورد نظر برای بستن پنجره پاپ آپ را انتخاب کنید. سپس میزان سرعت بسته شدن پنجره را بر حسب میلی ثانیه وارد کنید.
با فعال سازی سایر گزینه‌های موجود که در تصویر مشاهده می‌کنید نیز امکان بسته شدن پنجره پاپ آپ توسط دکمه‌های صفحه کلید را می‌توانید فعال یا غیرفعال کنید.

نتیجه عملکرد

در نهایت پنجره پاپ آپ در وردپرس ساخته شده را منتشر کنید مشابه تصویر زیر خواهید دید که پاپ آپ ایجاد شده در صفحات مشخص شده در این آموزش که بر روی نوشته‌ها می‌باشد در سایت نمایش داده خواهد شد.

شاد باشید..

 

برچسب ها: Popup Makerافزونه پاپ آپ وردپرسافزونه وردپرسپنجره پاپ آپ در وردپرسساخت پاپ آپ وردپرس
درباره پونه آذری

کارشناس ارشد معماری سیستم های کامپیوتری، برنامه نویس ویندوز

نوشته های بیشتر از پونه آذری
مطالب زیر را حتما بخوانید
  • فیلد تصاویر
    افزودن فیلد تصاویر به دسته‌ های وردپرس

    2.33k بازدید

  • Avoid CSS expressions
    خطای Avoid CSS expressions در gtmetrix

    1.91k بازدید

  • جی تی متریکس
    جی تی متریکس (GTmetrix) چیست؟

    1.99k بازدید

  • افزونه Comment Link Remove
    افزونه و کد حذف فیلد آدرس از بخش نظرات وردپرس

    2.1k بازدید

  • افزونه Popup Builder
    ایجاد پاپ آپ در وردپرس – افزونه Popup Builder

    1.85k بازدید

جدید تر توضیحاتی درباره وردپرس wp_head و پاک سازی آن
قدیمی تر استفاده از آیکون Font Awesome در وردپرس با Awesome Fontawesome Collection

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

جستجو برای:
محصولات
  • قالب استارتاپی و دیجیتال مارکتینگ هوپر | Hoper ۷۰,۰۰۰ تومان ۴۰,۰۰۰ تومان
  • ویژوال کامپوزر افزونه ویژوال کامپوزر - WP Bakery Visual Composer فارسی نسخه 5.6 ۴۰,۰۰۰ تومان ۳۲,۰۰۰ تومان
  • افزونه مقایسه محصولات ووکامرس افزونه مقایسه پیشرفته محصولات ووکامرس - افزونه قیاس ۳۵,۰۰۰ تومان ۲۵,۰۰۰ تومان
  • افزونه نظرات حرفه ای وردپرس افزونه نظرات حرفه ای وردپرس Commentator ۱۹,۰۰۰ تومان ۱۰,۰۰۰ تومان

تخفیف 50 درصدی وی پی نگار

سیستم پرسش و پاسخ
سیستم پرسش و پاسخ وی‌پی نگار
  • محبوب
  • جدید
  • دیدگاه ها
قبلی بعدی
کانال تلگرام وی‌پی نگار
کانال تلگرام وی‌پی نگار
برجسته ترین ها
  • اضافه کردن فیلد دلخواه جدید به فرم خرید افزونه edd 3 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش تعریف و اضافه کردن فهرست به پوسته وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • انتقال ابزارک بین سایت های وردپرسی 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • حل مشکل درخواست اطلاعات ftp در وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نحوه ی تغییر سریع نام نقش های کاربری در وردپرس با بکار بردن کد 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • کد قرار دادن عکس در پس زمینه قالب وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نمایش موقعیت در نقشه گوگل در سایت با استفاده از کد 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نحوه ی قرار دادن QR code در سایت وردپرسی 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش ذخیره خودکار تصاویر هنگام انتشار مطلب با Cache images 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش مدیریت دسته بندی محصولات در ووکامرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
سیستم پرسش و پاسخ


سیستم پرسش و پاسخ وی‌پی نگار

کانال تلگرام وی‌پی نگار


کانال تلگرام وی‌پی نگار

درباره ما

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

logo-samandehi

منابع رسمی وردپرس
  • سایت رسمی وردپرس جهانی
  • مخزن افزونه ها وردپرس
  • مخزن قالب های وردپرس
  • مخزن کد های وردپرس
پل های ارتباطی
  • location_on
    تبریز - فلکه دانشگاه - ساختمان تبریز - طبقه ۶ - واحد ۲۰
  • phone_android
    04133252264
  • perm_phone_msg
    04133253162
  • email
    info@wpnegar.ir
تمامی حقوق برای سایت وی پی نگار محفوظ می باشد.
keyboard_arrow_up