ویدیوهای فارسی و رایگان آموزش وردپرس

همینک دانلود و تماشا کنید

آموزش کامل کار کردن با WP Popups

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

آموزش کامل کار کردن با WP Popups

نصب و فعال سازی WP Popups

کار رو با نصب و سپس فعال سازی افزونه شروع می کنید که کار سختی نیست. دقیقاً مثل افزونه‌های دیگه، اول می‌تونید وارد پیشخوان وردپرس‌تون بشید و سپس از نوار کناری سمت راست، روی افزونه‌ها اشاره گر رو ببرید و روی «افزودن» کلیک کنید. حالا صفحهٔ افزودن افزونهٔ تازه باز میشه و توی جعبهٔ جستجوی بالای صفحه عبارت WP Popups رو جستجو کنید. توضیحات این افزونه براتون باز میشه.

با کلیک روی دکمه «هم‌اکنون نصب کن» کلیک کنید و صبر کنید تا افزونه بعد از چند ثانیه نصب بشه. حالا روی دکمهٔ فعال کردنش کلیک کنید تا فعال بشه. از الان به بعد یک گروه پیوند دیگه به فهرست ناوبری وردپرس شما اضافه میشه که اسمش WP Popups هست.

نصب و فعال سازی WP Popups

توضیحات هر کدوم از صفحات به قرار زیره:

  • All Popups : هر جعبه پاپ آپ رو باید مثل یک نوشته که توی وردپرس می‌نویسید، به افزونه اضافه کنید. توی این بخش می‌تونید فهرست تمامی پاپ آپ هایی که ایجاد کردید رو ببینید.
  • Add New : از اینجا هم می‌تونید یک پاپ آپ جدید بسازید و تنظیماتش رو انجام بدید. در ادامه یک نمونه پاپ آپ می‌سازیم.
  • Settings : این صفحه مربوط به تنظیمات خود افزونه است.
  • Tools : این بخش هم دارای ابزارهای جانبی مثل ابزار خروجی و ورودی گرفتنه.
  • Addons : افزونه‌های جانبیِ همین افزونه کاراییش رو افزایش میده و ما باهاش کاری نداریم.

ساخت یک پاپ آپ جدید در WP Popups

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

  • Blank Popup : با انتخاب این قالب، در اصل یک پاپ آپ خالی درست میشه و کار رو باید از یک محیط خالی شروع کنید.
  • Elegant Popup : این قالب یک پس زمینهٔ نرم داره که یک خط حاشیه هم اون رو احاطه کرده. فقط همین!
  • Transparent Popup : در این قالب هیچ پس زمینه یا نوار خط کناری وجود نداره و محتوا به صورت شفاف توی پاپ آپ قرار می‌گیره.

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

ساخت یک پاپ آپ جدید در WP Popups

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

یک آموزش جذاب دیگه!  نمایش پاپ آپ وردپرس در شرایط خاص

هر وقت کارتون اینجا تموم شد، می‌تونید روی دکمهٔ SAVE در بالای صفحه کلیک کنید تا ذخیره بشه اما منتشر نمیشه. برای ذخیره و انتشار فوری پاپ آپ باید روی دکمهٔ PUBLISH از بالای صفحه کلیک کنید.

در قسمت سمت چپ، پایین صفحه بخشی با عنوان Available shortcodes وجود داره که توی تصویر بالا فقط عنوانش نشون داده شده! کدهای کوتاه برای استفاده درون این پاپ آن در این قسمت اومده. یعنی مثلاً اگر خواسته باشید دکمهٔ بستن پاپ آپ رو در جایی که از پاپ آپ که خودتون میخاید بذارید، میشه از کدکوتاه اول با عنوان Close Button استفاده کنید. هر چند این دکمه به خودیِ خود در بالا سمت راست پاپ آپ ها وجود داره. اما شاید خواسته باشید با اختصاصی‌تر کردن پاپ آپ، کار کردن با اون رو برای بازدید کنندگان راحت‌تر کنید. کدهای کوتاه برای ورود مستقیم به صفحات سایت شما در شبکه‌های اجتماعی هم در این بخش وجود داره.

تنظیمات نحوهٔ نمایش Appearance

حالا ما اینجا روی دکمهٔ SAVE کلیک می‌کنیم. بعد از نوار سمت چپ روی Appearance کلیک می‌کنیم. تنظیمات نحوهٔ نمایش پاپ آپ از قبیل محل نمایش توی صفحه، و نحوهٔ ورود و دیگر اجزاء نمایش در این سربرگ قرار گرفتند. مثلاً می‌تونیم روی Popup Animation کلیک کنیم و حالت پویانمایی برای ورود پاپ آپ به صفحه رو انتخاب کنیم. Face in یعنی اینکه به صورت محو شده توی صفحه ظاهر بشه. از قسمت Popup Box میشه اندازه جعبهٔ پاپ آپ رو مشخص کنیم. اینکه عرض و ارتفاعش چقدر باشه. یا فاصلهٔ محتوای داخلی با حاشیهٔ جعبه چقدر باشه.

تنظیمات موقعیت‌های نمایش Display Rules

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

تنظیمات موقعیت‌های نمایش Display Rules

در بالا با قواعدی که تنظیم شدند، فقط توی برگه‌های سایت و برای کسانی که از موبایل برای نمایش سایت استفاده نمی‌کنند این پاپ آپ نشون داده میشه. پس ما در تصویر بالا یک قاعده تنظیم کردیم که دو تا ضابطه داره. برای تعریف کردن یک قاعدهٔ تازه باید روی دکمهٔ Add rule group کلیک کنید. اینجا هم اگه کارتون تموم شد، روی SAVE کلیک کنید.

یک آموزش جذاب دیگه!  Popups – WordPress Popup افزونه پاپ آپ برای وردپرس

تنظیمات Settings پاپ آپ

در آخر هم روی سربرگ Settings از نوار عمومی سمت چپ صفحه کلیک می‌کنیم تا آخرین تنظیمات این پاپ آپی که به تازگی ساختیم رو انجام بدیم. گروه تنظیماتی که در اینجا وجود داره یکی General به معنای تنظیمات کلی، شامل نام و توضیحات پاپ آپ، Triggers به معنای زمان دقیق نمایش پاپ آپ بعد از بارگذاری کامل صفحه، و Cookies/Close به معنای تنظیمات مدت زمان بسته ماندن پاپ آپ بعد از کلیک روی علامت X توسط بازدید کنندگان میشه.

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

در انتهای کار اگر تا به حال روی PUBLISH کلیک نکرده باشید، الان دیگه وقت انجام این کاره! از الان به بعد اولین نفری که وارد سایت شما میشه، با ضوابطی که تنظیم کردید، پاپ شما رو میتونه ببینه و از اون استفاده کنه.

مدیریت پاپ آپ های ساخته شده

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

در صفحهٔ All Popups به راحتی می‌تونید تمامی پاپ آپ هایی که تا الان ساختید رو مشاهده کنید و از اینجا کنترل‌شون کنید. مثلاً با کلیک روی دکمهٔ خاموش/روشن، به راحتی روی سایت غیرفعال یا فعال‌شون کنید.

مدیریت پاپ آپ های ساخته شده

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

جمع بندی

این بود از آموزش کامل نحوهٔ کار کردن با افزونهٔ پاپ آپ ساز WP Popups – WordPress Popup builder که از بهترین‌ها در این حیطه است. باید بدونید که به غیر از صفحاتی که توی این آموزش شرح داده شدند، این افزونه دو تا صفحهٔ دیگه توی پیشخوان وردپرس شما داره که یکیش تنظیمات خود افزونه یا همون Settings هست که تنظیماتی مثل کد آمارگیر گوگل آنالیتیکز رو میگیره. صفحهٔ بعدی هم Tools هست که اگر خواسته باشید از کل پاپ آپ هایی که تا الان ساختید یک نسخهٔ پیشتیبان بگیرید که بعداً روی همین سایت یا یک سایت دیگه بارگذاری کنید، می‌تونید از ابزارهای جانبی افزونه که توی همین صفحه قرار گرفته استفاده کنید.

امیدوارم که از این آموزش مثل آموزش‌های دیگهٔ سایت WPTutorial.ir استفاده کرده باشید و با ویدیوهای آموزشی ما هم همراه باشید.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آموزش جامع وردپرس

آموزش نصب وردپرس روی لوکال هاست

آموزش افزونه Yoast SEO

درباره ®WPTutorial

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

هنوز دنبال هاست خوب می‌گردید؟!

🥇 هاست حرفه‌ای همراه با؛ بسته های رایگان ویدیوهای آموزش وردپرس و طراحی سایت !
کد تخفیف 10 درصد : off10wt

خرید هاست و دامین ارزان

هاست فوق العاده