איך לארח סטטיק WordPress אתר בחינם (בעמודי GitHub, Vercel, Netlify)

WordPress היא מערכת ניהול תוכן חזקה ופופולרית, אך מארחת דינמיקה WordPress האתר עשוי להיות יקר ודורש תחזוקה שוטפת. עבור אתרים או בלוגים פשוטים רבים, גרסה סטטית של א WordPress אתר יכול להיות חלופה מצוינת. אתרים סטטיים מהירים יותר, מאובטחים יותר וניתן לארח אותם בחינם בפלטפורמות כמו GitHub Pages, Netlify או Vercel.

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

כלים שאתה צריך

לפני שנכנס לתהליך, בואו נוודא שיש לכם את כל הכלים הדרושים. הנה רשימה של כל מה שאתה צריך כדי לארח את הסטטי שלך WordPress אתר בחינם:

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

שלב 1: פתח את שלך WordPress אתר ב-LocalWP

לפני שנתחיל, תצטרך לקבל את שלך WordPress האתר מוכן. אם עדיין לא יצרת את האתר שלך, או אם הוא מתארח כרגע במקום אחר, אני ממליץ להשתמש ב-LocalWP (לשעבר Local by Flywheel) כדי לפתח ולבדוק את האתר שלך באופן מקומי.

1. הורד והתקן את LocalWP בחינם מ localwp.com.
2. ליצור חדש WordPress אתר ב-LocalWP.
3. עצב את האתר שלך, הוסף תוכן והתקן את התוספים הדרושים.
4. ודא שהאתר שלך נראה ומתפקד בדיוק כפי שאתה רוצה שהוא יראה בצורה הסטטית שלו.

הבנת מגבלות אתר סטטי

בעוד סטטי WordPress אתרים מציעים הטבות כמו שיפור מהירות, אבטחה ואפשרויות אירוח בחינם, חשוב להיות מודעים למגבלות שלהם. כמה תכונות דינמיות של WordPress לא יפעל בסביבה סטטית:

1. WordPress טפסים: מסורתי WordPress טפסים המסתמכים על עיבוד בצד השרת לא יעבדו. זה כולל טפסי יצירת קשר, טפסי הרשמה וטפסים אינטראקטיביים אחרים.
2. WordPress תגובות: מערכות הערות דינמיות המאפשרות אינטראקציות משתמש בזמן אמת אינן נתמכות באתרים סטטיים.
3. גישה לאזור מנהל: כל קישור אל /wp-admin או פנימי דומה WordPress מסלולים לא יפעלו, מכיוון שהם דורשים עיבוד בצד השרת.
4. עדכוני תוכן בזמן אמת: אתרים סטטיים דורשים חידוש ופריסה מחדש כדי ששינויי תוכן יופיעו, בניגוד לדינמי WordPress אתרים שבהם השינויים הם מיידיים.
5. אימות משתמש: תכונות הדורשות כניסות משתמש או חברות אינן נתמכות בהגדרת אתר סטטית בסיסית.
6. פונקציונליות מסחר אלקטרוני: עגלות קניות דינמיות ועיבוד תשלומים בדרך כלל לא יעבדו בסביבה סטטית.
7. פונקציונליות חיפוש: WordPressתכונת החיפוש המובנית של לא תעבוד, אם כי ניתן ליישם חלופות (כפי שהוזכר בתכונות Simply Static Pro).
8. סרגלי צד דינמיים ווידג'טים: ווידג'טים שמושכים נתונים בזמן אמת או דורשים עיבוד בצד השרת לא יפעלו כמצופה.

דרכים לעקיפת הבעיה

למרות שמגבלות אלו קיימות, ישנן דרכים למתן חלק מהן:

• עבור טפסים, אתה יכול להשתמש בשירותי צד שלישי כמו Formspree או Netlify Forms.
• ניתן לטפל בתגובות באמצעות שירותים כמו Disqus או Facebook Comments.
• ניתן ליישם פונקציונליות חיפוש באמצעות פתרונות בצד הלקוח כמו Lunr.js או Algolia (כמוצע ב- Simply Static Pro).
• עבור מסחר אלקטרוני, שקול להשתמש בשירותים חיצוניים כמו Snipcart או Gumroad.

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

שלב 2: התקן והגדר פשוט סטטי

Simply Static הוא חינמי WordPress חיבור שיוצר גרסה סטטית של שלך WordPress אֲתַר. הנה איך להגדיר את זה:

1. בך WordPress לוח המחוונים, עבור אל תוספים > הוסף חדש.
2. חפש "Simply Static", התקן את התוסף והפעל את הפלאגין.
3. עבור אל Simply Static > הגדרות ב- WordPress לוח מחוונים.
4. תחת הכרטיסייה "כללי", הגדר את הדברים הבאים:
   • כתובות אתרי יעד: בחר "שמור לשימוש לא מקוון". אם כבר יש לך דומיין מותאם אישית, בחר "כתובות אתרים מוחלטות", לפי צילום המסך שלהלן:

5. ספרייה מקומית: הגדר את זה לספרייה מחוץ שלך WordPress התקנה, למשל, /Users/yourusername/Documents/StaticSite

6. תחת הכרטיסייה "כלול/אל תכלול", ודא שכל כתובות האתרים הדרושות כלולות.
   • ברוב המקרים השתמש ב-/wp-content/ וב-/wp-includes/

7. שמור את ההגדרות שלך.

יש גם גרסת פרו של SimplyStatic, להלן סיכום של התכונות המקצועיות של התוסף Simply Static:

1. פריסה מתקדמת:
   • פרוס אתרים סטטיים לפלטפורמות מרובות כולל SimplyCDN, GitHub, Amazon AWS S3, Digital Ocean Spaces ו-BunnyCDN.
2. עדכוני אתר קלים:
   • נהל עדכוני תוכן ביעילות, בין אם עבור פוסטים בודדים, עדכונים בכמות גדולה או כתובות URL ספציפיות.
3. שילוב טפסים והערות:
   • שלב בצורה חלקה טפסים מתוספים פופולריים כמו Contact Form 7, Gravity Forms ו- Elementor Forms באתר הסטטי שלך.
4. פונקציונליות חיפוש:
   • הטמע חיפוש בסיסי באמצעות Fuse.js או שדרג לחוויית חיפוש מקיפה יותר עם Algolia.
5. תמיכה ב-WP-CLI:
   • השתמש ב-WP-CLI כדי להגדיר, לייצא ולנהל תכונות Simply Static ישירות משורת הפקודה.
6. תמיכה רב לשונית:
   • הצע תוכן במספר שפות עם אינטגרציות עבור WPML, Polylang ו-TranslatePress.
7. מזעור:
   • בצע אופטימיזציה של ביצועי האתר על ידי צמצום קובצי CSS, JavaScript ו-HTML סטטיים.
8. WordPress הַסתָרָה:
   • החלף ברירת מחדל WordPress דרכים להסתיר את העובדה WordPress משמש כמערכת ניהול התוכן.

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

שלב 3: אתחול מאגר Git

כעת, לאחר שהגדרנו את מחולל האתרים הסטטי שלנו, בואו נכין את הספרייה המקומית שלנו לבקרת גרסאות:

1. פתח מסוף או שורת פקודה.
2. נווט אל הספרייה שציינת ב-Simply Static (למשל, cd /Users/yourusername/Documents/StaticSite).
3. אתחול מאגר Git חדש על ידי הפעלת:

   git init

שלב 4: צור מאגר GitHub

נשתמש ב-GitHub Desktop כדי ליצור ולנהל את המאגר שלנו:

1. הורד והתקן את GitHub Desktop מ desktop.github.com אם עדיין לא.
2. פתח את GitHub Desktop והיכנס לחשבון GitHub שלך.
3. לחץ על "קובץ" > "מאגר חדש" או השתמש בלחצן "צור מאגר חדש בכונן הקשיח שלך".
4. הגדר את הדברים הבאים:
   • שם: בחר שם למאגר שלך (למשל, "my-static-wordpress")
   • נתיב מקומי: הגדר את זה לאותה ספרייה שציינת ב-Simply Static
   • אתחל את המאגר הזה עם README: השאר לא מסומן
   • Git ignore: בחר "ללא" (יצרנו משלנו בשלב 3)
   • רישיון: בחר רישיון מתאים או השאר כ"ללא"
5. לחץ על "צור מאגר"

שלב 5: הגדר את המאגר

כעת, לאחר שהגדרנו את המאגר שלנו, בואו נעשה את ההתחייבות הראשונה שלנו:

1. ב-GitHub Desktop, אתה אמור לראות את כל הקבצים באתר הסטטי שלך רשומים כשינויים.
2. הזן סיכום עבור ההתחייבות שלך (למשל, "התחייבות ראשונית של קבצי אתר סטטיים").
3. לחץ על "התחייב לראשי" (או "התחייב לאדון" בגרסאות ישנות יותר).
4. לחץ על "פרסם מאגר" כדי לדחוף את המאגר המקומי שלך ל- GitHub.

שלב 6: הפעל ייצוא פשוט סטטי

עכשיו הגיע הזמן ליצור את האתר הסטטי שלנו:

1. חזור אל שלך WordPress לוח מחוונים.
2. נווט אל פשוט סטטי > צור. (תוכל להתעלם מהתראה על שגיאת אבחון, מכיוון שאתה פורס רק לספרייה מקומית).
3. לחץ על "צור קבצים סטטיים".
4. המתן עד להשלמת התהליך. זה עשוי להימשך מספר דקות בהתאם לגודל האתר שלך.
5. לאחר השלמתו, חזור אל GitHub Desktop.
6. אתה אמור לראות את הקבצים החדשים שנוצרו או המעודכנים מופיעים כשינויים.
7. בצע שינויים אלה בהודעה כמו "עדכן קבצי אתר סטטיים".
8. דחף את השינויים ל- GitHub על ידי לחיצה על "דחיפה מקור".

שלב 7: חבר את המאגר לפלטפורמת אירוח

כעת, כשהאתר הסטטי שלנו נמצא ב-GitHub, אנו יכולים לחבר אותו בקלות לפלטפורמת אירוח חינמית. אני אספק הוראות עבור דפי GitHub, Netlify ו-Vercel:

דפי GitHub

1. עבור אל המאגר שלך ב- GitHub.com.
2. לחץ על "הגדרות" > "עמודים" בסרגל הצד השמאלי.
3. תחת "מקור", בחר "פרוס מסניף".
4. בחר את הענף שברצונך לפרוס (בדרך כלל "ראשי" או "מאסטר").
5. בחר את תיקיית השורש (/) ולחץ על "שמור".
6. האתר שלך ישודר ב- https://yourusername.github.io/repository-name/.

נטליפיי

1. הירשם לחשבון חינם בכתובת netlify.com.
2. לחץ על "אתר חדש מ-Git" בלוח המחוונים של Netlify שלך.
3. בחר GitHub כספק Git שלך ואשר את Netlify.
4. בחר את המאגר שלך מהרשימה.
5. השאר את הפקודה build ופרסם את הספרייה ריקה.
6. לחץ על "פרוס אתר".
7. האתר שלך יהיה פעיל בתת-דומיין של Netlify, אותו תוכל להתאים אישית בהגדרות האתר.

ורסל

1. הירשם לחשבון חינם בכתובת vercel.com.
2. לחץ על "פרויקט חדש" בלוח המחוונים של Vercel שלך.
3. ייבא את מאגר GitHub שלך.
4. השאר את הגדרות הבנייה כפי שהן (Vercel אמור לזהות אוטומטית שזה אתר סטטי).
5. לחץ על "פרוס".
6. האתר שלך יהיה פעיל בתת-דומיין של Vercel, אותו תוכל להתאים אישית בהגדרות הפרויקט.

<br> סיכום

מזל טוב! כעת יש לך גרסה סטטית שלך WordPress האתר מתארח בחינם. זכור ליצור מחדש ולדחוף את הקבצים הסטטיים שלך בכל פעם שאתה מבצע שינויים בקבצים שלך WordPress אֲתַר. זרימת עבודה זו מאפשרת לך ליהנות מהקלות של WordPress ליצירת תוכן תוך תועלת מהמהירות, האבטחה והאירוח החינמי של אתר סטטי.

כמה טיפים נוספים:

• שקול להגדיר דומיין מותאם אישית למראה מקצועי יותר.
• עדכן את שלך באופן קבוע WordPress התקנה ותוספים כדי להבטיח שאתה עובד עם התכונות העדכניות ביותר ועדכוני האבטחה.
• חקור תכונות מתקדמות של גרסת פרו של Simply Static, כמו להסתתר WordPress והגדרת טפסים או פונקציונליות חיפוש עבור האתר הסטטי שלך.