آموزش فعال کردن افزونه PWA برای طراحی وب اپلیکیشن سایت وردپرسی

اگر شما هم به یاد داشته باشید ، توی مقاله “تبدیل سایت به اپلیکیشن موبایل” کامل 4 تا افزونه بسیار جنجالی (علاوه بر افزونه PWA که میخواهیم به شما معرفی کنیم ) برای طراحی اپلیکیشن متناسب با سایت شما معرفی کردیم . اگر مشتاق هستید که این مقاله رو مطالعه کنید ، پیشنهاد میکنم که بروی آن کلیک کنید و اطلاعات بیشتری در این حوزه کسب کنید .

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

PWA چیست

وردپرس همه جا به داد کاربران وفادار خود رسیده . مثلا یه زمانی وبمسترها نیاز به ساخت وب اپلیکیشن داشتند ! طراحی و ساخت وب اپلیکیشن با سایت وردپرسی شون ، سخت بود . اما بعد از مدتی وردپرس امکانی رو فراهم کرد تا افزونه هایی پا به این عرصه بگذارند . در نتیجه پلاگینی طراحی شد که میتواند برای شما وب اپلیکیشن طراحی کند .

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

تفاوت اپلیکیشن‌های معمولی و وب اپلیکیشن‌های progressive web app

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

مزیت‌های PWA چیست

• یکی از قابلیت های بسیار عالی وردپرس آپدیت های خودکار است که این آپدیت ها بر وب اپلیکیشن های برگرفته شده از این سیستم مدیریت محتوا اعمال میشود و شما نیازی به آپدیت ها با کد نویسی ندارید.
• بدون اتکا به سیستم عامل با هر مرورگری قابل اجراست .
• قابلیت جستجو بی حد و مرز را دارد.
• شما بدون نیاز به بارگذاری در سیستم های اپ استور هایی مانند گوگل‌‌پلی و اپل‌‌استور فقط با ارسال یک URL میتوانید اپلیکیشن را به اشتراک بگذارید.
• از لحاظ رابط کاربری و سازگاری با دستگاه های مختلف progressive web app ها از ظاهری مشابه اپلیکیشن های بومی برخوردار هستند .
• اپلیکیشن های پیشرونده یا PWA ها شبیه به اپ های بومی قابل نصب است .

نصب progressive web app در وردپرس

برای راه اندازی PWA وب سایت وردپرسی خود باید از مخزن وردپرس PWA FOR WP را سرچ کنید و سپس افزونه را نصب کنید.

فعال کردن pwa

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

تیک سبز

پس از اطمینان از درست عمل کرد پلاگین به مرحله setup بروید و در آنجا تنظیمات پلاگین مورد نظر را از نام گرفته تا ایکونی که باید به کاربر نمایش داده شود را تنظیم کنید.

تنظیمات پلاگین

بعد از تنظیمات کافی است به مرحله بعد، یعنی گزینه features بروید و گزینه Custom Add To Banner را فعال کنید نهایی سازی را اعمال کنید.

نهایی سازی

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