שרון קיפניס חייט
הגירה מ-Wix · חנות · עברית / Englishשרון היא אמנית מאיירת שמציירת בסגנון נאיבי, ומציגה בתערוכות קבוצתיות ובתערוכת יחיד בירושלים. האתר שלה ישב על Wix, והיא ביקשה להעביר אותו לוורדפרס בלי לאבד שום דבר מהזהות שלו. העברתי אותו יצירה אחרי יצירה, ומתחת לאותה זהות בניתי חנות אמיתית של הדפסים, עבודות מקור וציור בהזמנה, באתר דו-לשוני שבו קונה מחו"ל רואה הכל באנגלית ובדולרים.
30 שניות, אם אתה ממהר.
אתר Wix שנראה טוב, אבל מאחוריו טופס יצירת קשר שלא שלח כלום, גלריות בלי מילה על היצירות, עברית ואנגלית מעורבבות באותו מסך, וחנות שהכפתורים שלה הובילו החוצה. הלקוחה ביקשה "העתק מדויק", ולכן כל שיפור היה צריך לקרות מתחת לזהות הקיימת.
קודם תיעדתי את Wix עד הפיקסל, עוד לפני שהיה שרת. אחר כך שכפלתי כל עמוד ובדקתי אותו מול המקור, בצילום מסך ובהשוואת טקסט. רק אז הוספתי את מה שחסר: חנות WooCommerce, מערכת שפה עברית/אנגלית, כיתובים, הדמיות ממוסגרות וטופס שעובד.
אתר עצמאי שלא טוען שום דבר מ-Wix, עם חנות שמוכרת בארץ ולחו"ל, סליקה שנבדקה מקצה לקצה, קופה שלמה באנגלית ו-78 כיתובים דו-לשוניים. הציורים מוצגים שלמים, בלי חיתוך, עם הדמיות שתואמות לגודל ההדפס שנמכר בפועל.
אותה זהות. אתר אחר מתחתיה.
גררו את הקו כדי להשוות. משמאל: דף הבית ב-Wix, כפי שתיעדתי אותו במאי 2026. מימין: דף הבית בוורדפרס. הצבעים, הפונטים והמבנה עברו בכוונה, לבקשת הלקוחה. מה שהשתנה הוא מה שמתחת: עברית ואנגלית כחוויות נפרדות עם מתג שפה, וגלגלת ציורים בגובה קבוע.
לפניאחרי
העבירו את העכבר על כל מסגרת כדי לגלול את העמוד המלא. אתר ה-Wix כבר נמחק, וצילומי ה"לפני" הם מהסריקה שעשיתי לפני ההעברה.
מה מצאתי כשסרקתי את Wix.
לפני שבניתי משהו, סרקתי את האתר הישן כולו: 50 עמודים ממופים, 146 תמונות, 28 מוצרים ו-8 קטגוריות חנות. מבחוץ הוא נראה תקין. מבפנים, כמה דברים לא עבדו בכלל.
טופס שנראה, ולא שלח
בעמוד לא היה אלמנט form אחד, לשדות לא היה שם, ולחיצה על "שלח" יצרה אפס בקשות רשת. כל הודעה שמבקר כתב פשוט אבדה, גם בעמוד יצירת הקשר וגם בדף הבית.
גלריות בלי מילה
בגלריות ובפרויקטים היו רק תמונות. בלי שם היצירה, בלי שנה, בלי טכניקה ובלי מידות, כלומר בלי שום דבר שקונה של אמנות מחפש.
"סלט" של שתי שפות
עברית ואנגלית זו לצד זו, תוויות כמו Shop | חנות הדפסים ושמות מוצרים בפורמט "English | עברית". לקורא אנגלית לא הייתה חוויה משלו.
חנות שמוכרת במקום אחר
הכפתורים באתר הובילו החוצה לחנות Wix, והמחיר הופיע רק אחרי בחירת גודל ב-JS. כדי לתעד את המחירון סרקתי את כל 28 המוצרים בשלושה גדלים בדפדפן אוטומטי.
הדמיות שלא היו שלה
ההדמיות הממוסגרות של המוצרים נטענו ישירות מה-CDN של Wix. בספריית המדיה החדשה לא היה אף קובץ כזה, ולכן כל מוצר חדש קיבל את היצירה עצמה גם במקום ההדמיה.
קובצי מקור בעייתיים
JPEG ב-CMYK בלי פרופיל צבע, שבו הים הוצג ירוק. קבצים זעירים, אחד מהם ברוחב 187 פיקסלים. וקבצים עם שוליים לבנים ופסים שחורים "אפויים" בתוך התמונה.
האילוץ שקבע הכל: "העתק מדויק". הלקוחה לא רצתה מיתוג חדש. היא רצתה את האתר שלה, עם שליטה מלאה ובלי לאבד אף יצירה. לכן אף צבע, פונט או חיתוך לא השתנו בלי שביקשה, וכל עמוד נבדק מול המקור לפני שהמשכתי הלאה. השיפורים נכנסו במקומות שהזהות לא רואה: בחנות, בשפה, בכיתובים ובטופס.
מבנה האתר, כפי שנבנה בפועל.
המבנה של Wix נשמר, וגם הכתובות של הגלריות. מעליו הוספתי את מה שלא היה: עמוד אודות נפרד, עמוד תערוכות יחיד, וחנות עם שלושה ענפים שונים במהותם.
עמודי ליבה
- ביתגלגלת · ציטוט · ברוכים הבאים
- אודותחדש · ביו דו-לשוני
- קורות חיים
- עיתונות
- צור קשרטופס אמיתי
פורטפוליו
- מטבח ואוכל
- משפחה וחברים
- בעלי חיים
- טבע
- מלחמת 7 באוקטובר
- ספר רישומים
- ארומה נאיב
פרויקטים
- זיכרונות של גיל
- כביש 232
- רקמת חיים
- יהודייה נודדת 2025 · 2026
- יקב יונה
- אל ארץ אהבתי
- ארומה נאיב
תערוכות
- תערוכות יחידחדש
- אל ארץ אהבתיקרוסלה · שיח גלריה · וידאו · כתבות
חנות
- חנות הדפסים6 תת-קטגוריות · 42 כרטיסים
- עבודות מקור23 כרטיסים · מודאל
- ציור בהזמנה4 דוגמאות
- מוצר · עגלה · קופהדו-לשוניים
שלושה מבקרים, שלושה מסלולים.
כל החלטה, והסיבה שמאחוריה.
נחיתה ניטרלית בחנות
קודם, הכניסה לחנות הפילה את המבקר ישר להדפסים עם הכל פתוח. האתר מוכר שלושה דברים שונים במהותם, הדפס, מקור והזמנה, ולכן עכשיו המבקר בוחר מסלול מבין שלושה כפתורים, ורק אז נפתחת הפריסה עם סרגל הצד.
תת-קטגוריות מקוננות
שישה מסננים נראו כאפשרויות עצמאיות ברמה העליונה ("זה לא טוב", אמרה הלקוחה). הזזתי אותם לתוך ענף ההדפסים, עם הזחה וקו עץ בצד.
מה ששייך יחד, מופיע יחד
לבקשתה, הכרטיסים מקובצים לפי קטגוריה: מטבח, משפחה, טבע, בעלי חיים וסדרות. בתוך כל קבוצה יש תת-סדר, כמו צמחים, מקומות, סדרת "נודדת" וערים.
טבלת גדלים במקום dropdown
לפי צילום ייחוס ששלחה: שורה לכל אפשרות, עם גודל, מידות, מחיר ומהדורה. קונה של אמנות משווה בין גדלים, וכך הוא רואה את כולם בבת אחת. בכרטיסי ההדפסים הורדתי את טווח המחיר, לבקשתה.
דולר להצגה בלבד
"אני רוצה שאמריקאי יראה את המחיר בדולרים". בעברית מוצגים שקלים, באנגלית דולרים, והחיוב בקופה תמיד בשקלים. בלי תוסף מטבעות, כי היא רצתה פשטות.
ניווט בין גלריות בלי לחזור לתפריט
היא שאלה איך מבקר עובר מקטגוריה לקטגוריה. מתחת לכותרת של כל גלריה יש עכשיו שורת קטגוריות, והנוכחית מסומנת בסגול של האתר.
קרוסלת "הצצה" בעמוד התערוכה
גריד סטטי של 36 תמונות מהתלייה היה משתלט על העמוד. במקומו יש קרוסלה עם שלוש שקופיות גלויות, השכנות מעומעמות, ופס נקודות.
"לביקור בחנות", לא "בחנות ההדפסים"
הכפתור בדף הבית מוביל לכל החנות, הדפסים, מקור והזמנה. הנוסח הקודם הקטין אותה, אז שיניתי אותו.
כארבעה חודשים, יצירה אחרי יצירה.
מאי עד ספטמבר 2026, בעבודה שוטפת מול הלקוחה בוואטסאפ. היא שלחה צילומי מסך מסומנים, ולמדתי את השפה שלה: ירוק אצלה אומר "למחוק".
לתעד הכל, לפני שיש שרת
הורדתי את 146 התמונות באיכות מקור, צילמתי כל עמוד, חילצתי צבעים ופונטים, סרקתי את המחירון ומיפיתי את כל הכתובות. התוצר היה חבילת העברה אחת עם מסמך הוראות, שממנה עבדתי עד הסוף.
כל עמוד, זה לצד זה מול Wix
בניתי כל עמוד ובדקתי אותו מול המקור בצילומי מסך זה לצד זה. צילום מסך מפספס הבדלי טקסט, ולכן הרצתי גם ביקורת תוכן: חילוץ של כל הטקסט ושל כל זוגות הטקסט והקישור משני האתרים, והשוואה ביניהם. את התמונות בכל גלריה ספרתי רק אחרי גלילה מאולצת, כי טעינה עצלה יוצרת אזעקות שווא.
- פריסות justified: לכל גלריה תיעדתי את קיבוץ השורות ואת יחס הרוחב של כל תמונה, ושחזרתי בשורות flex. "גיל" היא עמודה אחת, ו"טבע" בנויה בשורות של 3, 2, 2.
- ספירת תמונות: בהעברה הראשונה חסרו תמונות, למשל 6 מתוך 41 בספר הרישומים. בסוף התקבלה התאמה מלאה ב-11 גלריות.
- טיפוגרפיה אחידה: הלקוחה הצביעה על כותרת ב-Overlock ב-Wix כרפרנס ובחרה בו לכל האתר. מאז כל כותרת עמוד היא Overlock בגודל 52px.
- קורות חיים: העמוד ירד מ-16,164 תווים עם 6 עותקים כפולים בכל שפה ל-6,670 תווים, עותק אחד בכל שפה.
לבדוק אפשרויות, ולהשאיר את המקור
הכנתי לוח של אפשרויות לצבע הרקע, מאפור-תכלת ועד כחול בהיר. בסוף נשאר הרקע המקורי. גם זו החלטה, והיא שלה.
להוסיף את מה שלא היה
כיתובים: בניתי לה גיליון אקסל עם תמונה ממוזערת בכל שורה, והיא מילאה שם, שנה, טכניקה ומידות. צהוב אצלה סימן "בלי פרטים, רק שיהיה לחיץ להגדלה". לפני הכתיבה לאתר, סקריפט וידא שכל שורה בגיליון תואמת לתמונה באותו מיקום בעמוד, בהשוואת תמונה ממוזערת של 16×16. כך נכתבו 78 כיתובים דו-לשוניים.
הדמיות: 27 שחזרתי מארכיון Wayback, 13 בניתי במחולל קומפוזיציה, ו-14 בניתי מחדש לפי כלל של קנה מידה: הדפס קטן על שולחן, בינוני על קיר, פוסטר רק מ-A3 ומעלה.
אתר שעומד בפני עצמו
לפני שמחקו את Wix ואת שרת הבדיקות, סרקתי 78 כתובות חיות ו-50 קובצי CSS ו-JS, ולא רק את התוכן השמור. מצאתי 144 תמונות מ-Wix ב-16 עמודים, 38 תמונות משרת הבדיקות, ופונט שנטען מ-Wix בכל עמוד. העברתי את כולם לאירוח עצמי, ורק אז שניהם נמחקו.
הזהות של Wix, ומערכת רכיבים חדשה מעליה.
שימור הזהות הוא החלטה מכוונת שהלקוחה דרשה. הצבעים נדגמו מ-Wix, הפונטים עברו איתם, ומעליהם בניתי רכיבים חדשים: כרטיס מוצר, מודאל, טבלת גדלים, לייטבוקס וקרוסלה.
פלטה
טיפוגרפיה
ל-Overlock אין אותיות עבריות, ולכן כפתורי WooCommerce מוצגים ב-Arial. את Avenir, הפונט המקורי של Wix, העברתי לאירוח עצמי דרך ספריית הפונטים של וורדפרס.
אף פעם לא cover. חיתוך של ציורים היה תלונה חוזרת של הלקוחה, ובצדק: object-fit:cover בכרטיס מרובע חתך בשקט 13 ציורים, עד 53% מהרוחב. כל כרטיס מציג עכשיו את היצירה שלמה על רקע לבן, וגם גלגלת הבית יושבת על תיבה ביחס קבוע: 5/4 בדסקטופ ו-4/5 במובייל.
כרטיס רחב לטריפטיך
הטריפטיך הפנורמי "חופשייה" תפס 44% מהכרטיס המרובע. בניתי לו כרטיס שמשתרע על שתי עמודות ביחס של היצירה עצמה, וכך הוא תופס 93%.
הדמיה שעולה ב-hover
בכרטיס מוצר מופיעה היצירה, ובמעבר עכבר עולה ההדמיה הממוסגרת, בקנה המידה של ההדפס שנמכר.
אותיות עבריות בשורות הגודל
בשורות הווריאציה בעברית יש אותיות (א., ב.) במקום אותיות לטיניות, וכל טוקן לטיני עטוף בבידוד כיווניות משלו, כדי שהשורה לא תתהפך.
לוגו הצבי במקומו
הלינוליאום של הצבי מופיע בעמוד העיתונות. הוא אחרון בסדר ה-DOM, ולכן בעברית הוא משמאל ובאנגלית מימין, בדיוק כמו ב-Wix.
"זו הצגה מושלמת… רוצה לעשות את זה ככה לכל העבודות". כך הגיבה שרון למודאל של עבודות המקור, שבו היצירה נפתחת במלואה עם המחיר ותג "נמכר".
מערכת שפה וחנות, בלי תוסף תרגום.
הבסיס הוא וורדפרס עם Astra ו-WooCommerce. העמודים עצמם הם HTML מותאם ולא בנייה באלמנטור, וכל ההתנהגות הגלובלית יושבת בקובץ קוד אחד שכתבתי, שנטען בכל עמוד.
skSetLangמערכת השפה: מחלקות לעברית ולאנגלית ושמירת הבחירה בדפדפן. אם ה-JS קורס, מוצגת רק עברית, ואף פעם לא שתי השפות יחד.
sk-bili-splitמפצל אוטומטית שמות מוצרים וקטגוריות בפורמט HE | EN, כך שכל שפה רואה רק את החצי שלה.
sk-woo-i18nמילון דו-כיווני לכל מחרוזות הממשק של WooCommerce, עם MutationObserver למוצרים שמתרנדרים מאוחר.
sk-var-tableשורות הגודל והמחיר. הן קוראות את המחירים ישירות מ-WooCommerce ומציגות דולרים במצב אנגלית.
sk-checkout-i18nהקופה כולה באנגלית, כולל רשימת מדינות דרך Intl.DisplayNames ו-2,007 מחוזות מ-68 מדינות.
try / catchכל בלוק יושב ב-script נפרד ומבודד, כך ששגיאה באחד לא מפילה את הניווט או את השפה.
quadcompose.pyמחולל ההדמיות: מאתר את המסגרת בתמונת חדר, מכניס את היצירה בפרספקטיבה ומחיל את התאורה של החדר.
_master_audit.pyסריקת אימות כוללת: אודות, 12 גלריות, חנות ותמונות. כל הסקריפטים רצים קודם "על יבש" ורק אז כותבים.
החנות
44 מוצרים עם מק"ט לכל אחד, במהדורה של 100 או של 50 עותקים ובגדלים מ-A5 עד A1. חמש סדרות מוצגות עם הנחה של 20% כמחיר מבצע אמיתי של WooCommerce, ו-23 עבודות מקור נפתחות במודאל. כל מוצר חדש מקבל גם כרטיס בחנות, ואחרי כל הוספה אני מריץ סקריפט שמקבץ את החנות מחדש.
סליקה
הגדרתי את Hyp (יעד שריג) עד הסוף ובדקתי אותו מקצה לקצה ב-18.6.2026: ההזמנה הופנתה לדף התשלום המאובטח עם הסכום הנכון, וההזמנה הניסיונית בוטלה. תיקנתי גם הגדרה שחסמה תשלומים בסכומים נמוכים, וכך כמעט כל מוצר אפשר לשלם בשלושה תשלומים.
משלוחים
בארץ: משלוח עד הבית בלי מינימום, ואיסוף עצמי ברמת השרון. לחו"ל: שלושה אזורים, אירופה, ארה"ב וקנדה ושאר העולם, בדואר עם מעקב. השורה בבאנר החנות נוצרת מאותה טבלת תעריפים, ולכן היא לא יכולה לסטות ממנה.
טופס שעובד
טופס Elementor Pro אמיתי, מעוצב כמו המקורי. המייל מגיע אליה עם כתובת המבקר לתשובה, ומלכודת נגד ספאם. בבדיקה: {"success":true} ומייל שנמסר.
נגישות
תוסף נגישות מותקן, קישור "דילוג לתוכן", וטקסט חלופי לכל תמונת גלריה, שנגזר מהחצי העברי של הכיתוב.
כתובות ישנות
שמרתי את הכתובות המקוריות של הגלריות מ-Wix, גם כשהשם שלהן מבלבל (copy-of-poetry היא "הזיכרונות של גיל"), כדי שקישורים ישנים ימשיכו לעבוד.
מה עבר, ואיך וידאתי שזה עבר.
ספירה שתואמת היא לא הוכחה. כל פריט נבדק מול המקור, ואת הצבעים של היצירות בדקתי לפי איזון ערוצים, כדי לוודא שלא זזו.
| מה | היקף | איך ולמה זה היה מסובך |
|---|---|---|
| עמודים | כ-25 | שוכפלו מול Wix בצילומי מסך ובהשוואת טקסט וקישורים. נוספו אודות, תערוכות ועמוד תערוכת היחיד. |
| יצירות בחנות | 42 | הורדתי את כולן מהמקור, חתכתי שוליים לבנים "אפויים" של 21–42%, והעליתי לאירוח עצמי. סטיית הצבע: פחות מ-3%. |
| תמונות גלריה | 11 גלריות | ספירה רק אחרי גלילה מאולצת. בהעברה הראשונה חסרו תמונות, ובסוף התקבלה התאמה מלאה. |
| הדמיות | 27 + 13 | 27 חולצו מקטלוג Wix השמור בארכיון Wayback, ו-13 נבנו מחדש במחולל קומפוזיציה. |
| קובצי צבע | 132 קבצים | קראתי את כותרת ה-JPEG של כל קובץ שלא הומר, כדי למצוא CMYK. נמצא מקרה אחד, וטופל. |
| תמונות התערוכה | 41 → 36 | קבצים מוואטסאפ, עם כפילויות. ניקוי לפי MD5 השאיר 36 תמונות ייחודיות לקרוסלה. |
| תלות חיצונית | 144 + 38 + פונט | 81 תמונות כבר היו בספרייה ו-63 הועלו מחדש. בתמונות עם חיתוך עיגול הורדתי את הגרסה החתוכה כקובץ נפרד, כדי לא לשנות את החיתוך בשקט. |
שתי שפות, שתי חוויות, אתר אחד.
ב-Wix השפות ישבו זו לצד זו. עכשיו יש מתג, ובמצב אנגלית כל האתר עובר לאנגלית, משמאל לימין ובדולרים: הניווט, הכיתובים, החנות והקופה.
בלייטבוקס מופיע רק הכיתוב של השפה הפעילה: שם, שנה, טכניקה ומידות, עם מונה התמונות.
החצי העברי של הכיתוב משמש גם כטקסט החלופי של התמונה.
קופה שלמה באנגלית
בשלושה סבבים ירדו כ-50 מחרוזות עבריות בקופה במצב אנגלית לאחת, הכפתור "עב" עצמו. בסבב השלישי התברר שגם רשימות המחוזות היו בעברית ב-10 מתוך 14 מדינות שבדקתי. באיטליה, למשל, 97 מתוך 108 אפשרויות.
מקוד המקור, לא מתרגום ידני
את 2,007 המחוזות לא תרגמתי ביד. בניתי אותם מקובץ המדינות שבקוד המקור של WooCommerce עצמו, ואת שמות המדינות קיבלתי מהדפדפן דרך Intl.DisplayNames.
עברית שלא מתהפכת
בשורת המחיר העברית, אלגוריתם הכיווניות מיזג את המידה הלטינית למשפט ו"ס״מ" קפץ למקום הלא נכון. כל טוקן קיבל בידוד משלו, <bdi>A5</bdi> <bdi>15×21</bdi>, ואת זה הוכחתי קודם בדף בדיקה, במדידת המיקום של כל תו.
רק מה שבדקתי בפועל.
כל שורה כאן נמדדה לפני התיקון ואחריו. תנועה, המרות ומכירות לא נמדדו, ולכן הן לא מופיעות כאן.
| מה | לפני → אחרי | פירוט |
|---|---|---|
| טופס צור קשר | 0 → 1 | מאפס טפסים ואפס בקשות רשת בלחיצה, לטופס שמחזיר הצלחה ומייל שנמסר. |
| גובה הגלגלת בבית | 535–1195px → 561px | 9 ציורים ביחסים שונים. עכשיו גובה אחד בדסקטופ, ו-379px במובייל. |
| ציורים חתוכים בחנות | 13 → 0 | Free Spirit איבד 53% מהרוחב, Reflection איבד 31%. |
| כיסוי הטריפטיך בכרטיס | 44% → 93% | והכיסוי המינימלי בכל הגריד עלה ל-61%. |
| כרטיסים שנטענו מ-Wix | 25/42 → 0 | בחנות, לפני הניתוק המלא. |
| תלות חיצונית באתר | 144 + 38 → 0 | תמונות מ-Wix ומשרת הבדיקות, ופונט מ-Wix בכל עמוד. |
| עברית בקופה האנגלית | 50 → 1 | תוויות, כ-250 מדינות, שיטות משלוח ותשלום. |
| מחוזות בעברית במצב אנגלית | 10/14 → 0 | מדינות שנבדקו. |
| כיתובי יצירות | 0 → 78 | דו-לשוניים, מגיליון שהלקוחה מילאה. |
| קישור לכתבת TimeOut | 0/5 → 3/5 | נחיתה על הפריט שלה בדסקטופ, ו-5/5 במובייל בטעינה ישירה. |
כשהאתר נראה מוכן, ולא היה.
רוב הבעיות בפרויקט הזה לא נראו מבחוץ. האתר נראה תקין, ורק בדיקה מקצה לקצה חשפה מה שבור. לחצו על כל אחת כדי לפתוח אותה.
המוצר עצמו.
כל הצילומים נלקחו מהאתר החי. העבירו את העכבר על עמוד התערוכה כדי לגלול אותו, ולחצו על כל תמונה כדי להגדיל.
"אל ארץ אהבתי", תערוכת יחיד בגלריית מלון ממילא, 26.6–5.10.2026: הזמנה לשיח גלריה, טקסט התערוכה, קרוסלה של 36 תמונות, וידאו וכתבות
עיגולים לשבע הגלריות, עם החיתוכים המקוריים של Wix.
הקטגוריה הנוכחית מסומנת, והמעבר לגלריה הבאה בלי לחזור לתפריט.
שמונה פרויקטים, מ"זיכרונות של גיל" ועד "ארומה נאיב".
נחיתה ניטרלית: הדפסים, עבודות מקור או ציור בהזמנה, ורק אחר כך מוצרים.
עמוד חדש, שפוצל מדף הבית לבקשתה, עם ביו דו-לשוני ותמונה של האמנית.
עמוד חדש שמוביל לעמוד התערוכה המלא.
רשת 13, TimeOut, זמן מבשרת ועוד, עם לוגו הצבי בלינוליאום.
אותו עיצוב כמו ב-Wix, אבל הפעם הטופס באמת שולח.
אותה גלריה, בכף היד.
יש לכם אתר ב-Wix שכבר צר עליכם?
אפשר לעבור לוורדפרס בלי לאבד את מה שבניתם: אותה זהות, כל התוכן, וחנות שמוכרת גם בעברית וגם באנגלית.
בואו נדבר →