פיגמה ואלמנטורwp-to-react-migration

מוורדפרס לוויב קודינג

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

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

מה יש בחבילה

  • SKILL.md
  • שלב 0: השאלות על הסטאק, התוכן, האחסון והטפסים - עם המלצה לכל אחת
  • חילוץ האתר הקיים, בנייה נאמנה, מערכת ניהול, גיט ופריסה
  • איכות לפני השקה: נגישות לפי ת״י 5568, QA, וצ׳קליסט השקה

הפרומפט

פרומפט פתיחהמה שבסוגריים המרובעים — זה מה שממלאים
תשתמש בסקיל wp-to-react-migration שצירפתי. תקרא אותו במלואו לפני שאתה כותב שורת קוד.

המשימה: להעביר את האתר שלי מוורדפרס לקוד, בלי שהעיצוב ישתנה.
האתר הקיים: [כתובת]

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

**מה שכבר הוחלט - אל תשאל עליו**
- עברית ו-RTL מלא, והפונט המקורי של האתר נשאר.
- **העיצוב לא משתנה.** כששולחים צילום מסך להתאמה, שבירות השורות והרוחבים חייבים לצאת זהים - בדסקטופ ובמובייל.
- **היחידות נקבעות לפי האתר הקיים.** תבדוק קודם איך הוא בנוי: אם הטיפוגרפיה והריווחים שלו ב-vw ומתכווצים עם המסך (כמו ברוב אתרי אלמנטור) - תבנה ב-vw. אם הוא בנוי ב-px עם נקודות שבירה - תשמור על זה. אם זה מעורב, תגיד לי מה מצאת ותמליץ, ואני אחליט.
- **גדלי טקסט אחידים בכל האתר.** לעולם לא מקטינים כותרת כדי שתיכנס - מרחיבים את הקונטיינר.
- כל כתובת ישנה מקבלת 301 לחדשה, כולל עברית מקודדת ו-?p=ID. הכתובות החדשות באנגלית וקצרות.
- כל המדיה יורדת מקומית, ולא נשארת מקושרת ל-wp-content.
- פריסה רק ממה שנמצא ב-main, בלי force-push, ובלי לגעת במשתני סביבה או באחסון בלי אישור שלי.

**איך נדע שסיימנו**
כל עמוד נבדק בדסקטופ ובמובייל מול המקור, כל הכתובות הישנות מובילות למקום הנכון, הטפסים מגיעים ליעד, ועברנו על צ׳קליסט ההשקה - כולל הסרת noindex מהסטייג'ינג ובדיקת נגישות.