איך כדאי לפתח PWA בוורדפרס?

אם לא קראתם את הכתבה שלנו על מה הן הסיבות  להפוך את אתר הוורדפרס שלכם ל- PWA, הקליקו כאן>>

למה לפתח אפליקציית ווב בוורדפרס?

תהליך בניית האפליקציה תלוי במידה רבה בסוג ה- PWA שהארגון שלכם מעוניין לפתח. אתם תצטרכו לזהות את בקשות ה- jQuery (תוכנת קוד פתוח המאפשרת לפשט את הניווט בתוך המסמך, ליצור אנימציות, ליצור אפליקציות מבוססות AJAX וכו׳), קטעי בדיקה ולפתח תשואות מסד נתונים מפולחות.
בנוסף תצטרכו לשלב בין משתנים עבור וריאציות שונות של הפלטפורמה ולאחר מכן לעטוף הכל לתוך מסגרת של קוד שנראה טוב ומתפקד היטב.  אל תבהלו. וורדפרס דאגו לפשט את התהליך ובקיצור, וניתן להשתמש בערכות נושא themes ופלאגנינים שמקלים על ההליך.

ערכות הנושא של וורדפרס לאפליקציות ווב

ערכות הנושא של אפליקציות ווב מאפשרות לוורדפרס לפעול כ- PWA ללא צורך בכתיבת קוד מאפס.
לעיתים קרובות ערכות הנושא כוללות תכונות מלאות ומציעות את מירב העוצמה והגמישות עבור ה- PWA של החברה.
ישנן ערכות נושא חינמיות, אך כדי למצוא משהו מתאים לצרכי הארגון יתכן וישתלם יותר לרכוש אחת.

שתי ערכות נושא מומלצות:

1. unbold

בתור התחלה, unfold היא אחת מערכות הנושא הפופולריות ביותר והיא בנויה על Bootstrap. היא מספקת מגוון סוגי תפריטים אופציונליים ביחד עם אלפי סמלים לבחירה. מעבר לכך, היא כוללת יישומי ניהול קשרי לקוחות (CRM) ויישומי מסחר אלקטרוני.

1. OneUI

ערכת נושא זו (מבוססת על Bootstrap ו- AngularJS) מאפשרת לצוות הפיתוח לבנות את frontend וה backend בתוך פריים וורק אחד. ערכת הנושא היא מודולרית ןמאפשרת המון גמישות.

וורדפרס פלאגינים לאפליקציית ווב

בזמן שערכות הנושא מתייחסות יותר לצד של הפרונט אנד, פלאגינים של וורדפרס מביאים פונקצינאליות שהופכת את האתר ל-PWA.חמישה פלאגינים מומלצים ל Progressive Web App:

1. Super Progressive Web App
   התוסף Super Progressive Web App הוא אחת הדרכים המהירות והקלות להפוך את האתר ל- PWA. המשתמשים יקבלו הודעה בעת הביקור באתר החברה, במכשיר נתמך, שתציע להם את האופציה להוסיף למסך הבית. כאשר הם יאשרו את האופציה, האתר “יותקן” במכשיר להם כ- PWA עם סמל במסך הבית ולאחר מכן כל דף שהם יבקרו בו יישמר במטמון ויהיה זמין גם במצב לא מקוון.

יתרונות:

• התקנה מהירה וקלה
• תצורה נוחה למשתמשים
• שליטה באייקון ופיצ׳רים של עיצוב עבור ה- PWA
• PWAs יכולים להופיע גם במנועי החיפוש

חסרונות:

• ניתן לפתוח רק דפים שכבר נצפו במצב לא מקוון
• אין (עדין 2022) התראות על אפשרויות ״דחיפה״ ב- iOS
• אין תמיכה של גוגל אנליטיקס

עלות:חינם

2. WordPress Moblie Soft

אופציה נוספת היא WordPress Moblie Soft. כלי זה מאפשר להגדיר PWA מבלי שזה ישפיע על ערכת הנושא הראשית של האתר וגם מוודא שהתוכנה מוכנה למכשירים ניידים.
יתרה מכך, באמצעות תוסף זה ניתן להשתמש ב-URL המותאם למנועי חיפוש המאפשר למבקרים לנווט בקלות אל ה- PWA שלך.

יתרונות:

• URL ידידותי ל- SEO
• לא משפיע על ערכת הנושא הראשית
• ניתן להשתמש ב- PWA גם במכשיר נייד וגם במחשב נייד

עלות: 25$

3. PWA for WP&AMP
אפשרות פופולרית נוספת היא PWA for WP&AMP בזכות האופציה ליצור PWAs עבור אתר החברה ו- Accelerated Moblie Pages (AMPs) שתוכל להוסיף למסך הבית את סמל האתר וגישה לא מכוונת.

יתרונות:

• תומך בהתראות ״דחיפה״ ן- OneSignal
• פיתוחים ושיפורים מתמשכים בתוסף
• מספק אופציית לוח דאשבורד לניתור ה- PWA

חסרונות:

• אופציות הנעה לפעולה, גלול כדי לרענן ועוד פיצ׳רים חשובים, זמינים רק בגרסת הפרימיום.

עלות: גרסת הפרימיום מתחילה ב-49$ לשנה

4. Progressive Wordpress (PWA) 

התוסף Progressive Wordpress מאפשרת לתת למשתמשים אופציה ׳הוסף למסך הבית׳ ומתפקד כמו אפליקציה מקורית לנייד. בנוסף תהיה תמיכה בהתראות ״דחיפה״ וב- AMP.

יתרונות:

• שולח
• הודעות ״דחיפה״ ממרכז השליטה של וורדפרס למרכז השליטה של המנהל
• תומך ב- AMP
• שומר מטמון של דפי האתר לזמני טעינה מהירים יותר

חסרונות:

• במידה ולא משתמשים בתוספים תואמים של AMP, יש לבצע את ההגדרות באופן ידני
• התראות בגרסת  iOS הוא שיפור שכולנו מחכים לו

עלות: חינם

5. PWA for WordPress

התוסף PWA for WordPress יוצר PWA בעזרת התקנה של שני קבצים בלבד!

יתרונות:

• ניתן להתאים אישית את זמני התפוגה של זיכרון המטמון
• תומך בהגדרת ריבוי אתרים
• מאפשר לבחור אילו כתובות אתרים ניתן להחריג מזיכרון המטמון של ה- PWA

חסרונות:

• לא נבחן בגרסאות האחרונות של וורדפרס
• לא בחירה נפוצה של פלאגים ליצירת PWA

עלות: חינם

בכתבה זו בבחנו מספר אופציות טובות לבנות ולפתח את ה- PWA שלכם דרך וורדפרס והכל בהתאם לתקציב וצורך החברה.

יש לחברה אתר וורדפרס, יש לכם הזדמנות נפלאה להפוך את אתר החברה לאפליקציית ווב בקלות, דברו איתנו