hostino

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

آموزش افزونه PWA

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

 

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

 

PWA چیست

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

 

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

 

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

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

 

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

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

 

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

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

 

آموزش نصب افزونه pwa

فعال کردن pwa

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

 

فعال کردن افزونه PWA

 

تیک سبز

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

 

آموزش افزونه PwA

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

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

 

نهایی سازی کردن پیکربندی های افزونه PWA

 

نهایی سازی

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

 

 

به این مطلب امتیاز دهید

امتیاز کلی : 4 / 5. تعداد آرا : 1

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

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

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت