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

ساخت پاپ آپ عضویت در تلگرام :

برای شروع، فایل footer.php را باز کرده و کد زیر را قبل از </body> قرار دهید:

نکته: در کد بالا میتوانید متن داخل پاپ آپ را تغییر بدهید. همچنین لینک عضویت در تلگرام را هم تغییر بدهید و لینک چنل و یا گروه خود را قرار دهید.

فایل را ذخیره کنید. حالا فایل style.css را باز کنید، به انتهای فایل بروید و کد css زیر را قرار دهید:

 

نکته: در کدهای css بالا کلاس .telegram-icon تصویر پس زمینه قرار داده شده که شما باید این تصویر پس زمینه رو دانلود کنید و در وبسایت خودتون آپلود کنید و لینکشو بزارید ( برای دانلود تصاویر استفاده شده در css کلیک کنید )

تا اینجا آموزش ما پاپ آپ عضویت در تلگرام رو ساختیم و کد css هم بهش دادیم. حالا نوبت به اضافه کردن کد JS هست تا پاپ آپ عضویت در تلگرام بعد از لود کامل صفحه نمایش داده بشه و وقتی کاربر روی دکمه X کلیک کرد پاپ آپ بسته بشه و همینطور اگر روی دکمه “دیگر نمایش نده” کلیک کرد، پاپ آپ عضویت در تلگرام دیگه برای اون کاربر نمایش داده نشه.

بسیار خب برای اینکار باید یک فایل JS بسازید و یا کدهای زیر رو داخل یک فایل JS قرار بدید.

کدهای JS ساخت پاپ آپ عضویت در تلگرام

کد های js زیر رو در جای مناسب قرار بدید:

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

در نهایت پاپ آپ عضویت در تلگرام به شکل زیر خواهد بود (مشابه پاپ آپ سایت مدرسه وردپرس)

پاپ آپ تلگرام

بسیار خب آموزش امروز مدرسه وردپرس با موضوع ساخت پاپ آپ عضویت در تلگرام هم به پایان رسید، اگر سوالی یا مشکلی بود در بخش دیدگاه های همین مطلب عنوان کنید.

همچنین می تونید مقاله قرار دادن لودینگ قبل از لود عکس ها در دسته بندی UI/UX رو هم مطالعه کنید.

موفق باشید.

دیدگاه خود را بیان کنید

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

Captcha loading...