עברו 10 חודשים מאז שהשקנו את Page Builder Sandwich לציבור. כעת יש לנו כ-6,000 התקנות פעילות, וזהו בהחלט הישג עבורנו. קיבלנו גם המון משוב בזכות זאת, הן טוב והן רע. עם זאת, הקונצנזוס הוא שאנשים נהנים מכמה שקל לבנות פריסות וליצור את התוכן שלהם בהשוואה לבוני עמודים אחרים שקיימים בשוק.
חלק גדול מהמשוב שקיבלנו היה בקשות לתכונות, והוספנו רבות מהתכונות הללו בחודשים האחרונים. אך ככל שהמשכנו לעשות זאת, התחלנו גם לשנות אט אט את ממשק המשתמש תוך כדי התהליך. וכתוצאה מכך, שינינו גם את חוויית המשתמש… לרעה. עם זאת, הגענו לנקודה שבה היינו צריכים לחשוב מחדש על הממשק, מכיוון שהוא פשוט כבר לא עבד בצורה חלקה, והתכונות השונות לא השתלבו איתו היטב.
הממשק הישן
בגרסאות הקודמות של PBS, רצינו שהכל יהיה בצורת כפתורים. למה? כי כפתורים קלים לשימוש. פשוט… לוחצים עליהם. בגרסאות הישנות יותר של המפקח (סרגל הצד בתמונה למעלה), לחיצה על כפתור הגדילה ערך, ולחיצה עם Shift על כפתור הקטינה אותו. זה נשמע פשוט מספיק. אבל עם התוספת של קרוסלות, לשוניות, מפות ואלמנטים ותכונות חדשים נוספים, כל הכפתורים האלה הפכו לערבוב של אייקונים שונים בעיצובים שונים, והתחילו להיראות קצת יותר כמו כתב חרטומים מאשר ממשק מגניב. זו לא הייתה בעיה עבור משתמשים מנוסים, אבל זה די מרתיע למראה אם אתם חדשים ב-PBS.
בנוסף, הופיעו כמה בעיות במפקח. הרעיון המקורי היה להפוך הכל לפשוט וזמין בתוך המפקח. וב"הכל", התכוונתי להכל – מהפיכת טקסט לכותרות, ועד לשינוי צבעי רקע, צבעי גופנים, ומה לא. במצבו הנוכחי עם זאת, המפקח מכיל כעת המון אפשרויות שמאלצות אתכם להשתמש בגלגלת העכבר כדי לגלול למעלה ולמטה ללא הרף. שונה למדי מהמפקח שקיוויתי בעבר ליצור עבור המשתמשים.
לבסוף, הצגנו לאחרונה מיפוי שורטקודים עבור התוספים האהובים עליכם. תכונה זו דרשה מאיתנו ליצור שדות טקסט, מחווני מספרים, תיבות סימון וסוגי אפשרויות חדשים נוספים הדרושים כדי להפוך את חוויית עריכת השורטקודים שלכם לנעימה יותר. בתחילה, זה היה רעיון טוב, וכן, זה הפך את הטיפול בשורטקודים לקל יותר עבורכם. אבל שוב, תכונה זו סטתה מממשק ה"כפתורים בלבד" שלנו. במבט לאחור, זה באמת היה בלתי אפשרי להשתמש רק בכפתורים לשינוי מאפייני שורטקוד. כעת, בגרסה האחרונה, הגענו למצב של 2 סוגי פקדים: הכפתורים ושדות השורטקוד.
יש עוד כמה סיבות שגרמו לנו להחליט שהממשק שלנו כבר אינו יעיל (או מתאים לצרכים שלנו), אך הנקודות שלעיל הן העיקריות. דבר אחד תמיד היה בטוח, עם זאת: ידענו שאנחנו חייבים לעדכן את הממשק.
הגדרה כיצד בונה עמודים צריך לעבוד באופן אידיאלי
במקום לקפוץ למים ולשנות דברים מיד, לקחנו מאה צעדים אחורה כדי לבחון את כל חוויית בונה העמודים. רצינו להפיח חיים חדשים בממשק. למען האמת, לא רצינו להמשיך לבנות אותו מחדש שנה אחר שנה. זה מתיש ובהחלט לא מביא עזרה משמעותית לקהילת וורדפרס. הפעם, החלטנו לעשות דברים באיטיות ובזהירות. למדנו כל פינה ב-Page Builder Sandwich ומה שהופך אותו לבונה עמודים טוב, ולבסוף גיבשנו את כל חוויית העריכה לכמה מושגי ליבה.
מושג ליבה מס' 1: הקלדה ישירות בתוך התוכן כדי לערוך דברים
אחת הסיבות העיקריות להתקנת בונה עמודים היא להשתחרר מהמגבלות של עורך הטקסט בצד הניהול של וורדפרס. זה לא שעורך הניהול אינו טוב, אלא שבזמן יצירת דפי האינטרנט שלכם, הוא אינו מציג לכם מיד כיצד דף האינטרנט ייראה למבקרי האתר שלכם, וגם אינו מאפשר לכם לעמד את התוכן שלכם מעבר לפריסה של עמודה אחת. אתם יכולים לראות שם רק את הטקסט שלכם וכמה תמונות, אך אף אחד מהדברים המורכבים יותר (למשל טפסי יצירת קשר). אתם יכולים להוסיף שורטקודים, כן, אבל הם לא יוצגו בצורתם המרונדרת*.
* ישנם תוספים שנוצרו על ידי אחרים כדי לטפל בכך כמו Shortcake UI, אבל זה לא העניין.
כאן נכנסים לתמונה בוני עמודים לחזית האתר. הם מוציאים את חוויית העריכה מצד הניהול ומעבירים אותה אל חזית האתר, כאשר אתם עורכים את האתר בדיוק כפי שהמבקרים שלכם יראו אותו בפועל. כפי שפיפין היה מנסח זאת: מה שאתה רואה זה מה שאתה מקבל (WYSIWYG).
יתרון נוסף של עורך חזיתי הוא שהוא מאפשר לכם לערוך את הטקסט שלכם ישירות. הקלדה בכותרות ובפסקאות מעניקה את הקלות שבשימוש במעבד תמלילים רגיל בבניית אתרים. גם כפתורים ותוויות לשוניות צריכים להיות ניתנים לשינוי פשוט על ידי לחיצה עליהם והקלדה.
זהו התחום שבו רוב בוני העמודים האחרים אינם מספקים את הסחורה כראוי. רובם מאלצים אתכם להקליד בתוך שדה טקסט כדי לערוך כל דבר. שוב, זה לא אמור להיות המצב בבוני עמודים חזיתיים אמיתיים. הקלדה ועריכה של טקסט ישירות הייתה נקודת חוזק של Page Builder Sandwich מאז גרסה 2, ווידאנו שזה נשמר גם בגרסה 3.
מושג ליבה מס' 2: שימוש בעכבר לכוונונים מהירים
העכבר הוא כלי רב עוצמה שלעתים קרובות מוזנח בבוני עמודים. פעמים רבות, בוני עמודים משתמשים בו כדי לאפשר לאנשים לגרור דברים ולשחרר אותם במקומות שונים, או ללחוץ על כפתורים או שדות קלט. למרות שזה בסדר, יש כל כך הרבה יותר שתוכלו לעשות עם העכבר בכל הנוגע לבניית עמודים.
ראשית, יש משוב חזותי נהדר בשימוש בעכבר ככלי לעריכת העמוד, במיוחד בהתאמת מאפיינים חזותיים כמו שוליים חיצוניים, שוליים פנימיים וגדלים. כעת, כוונון האלמנטים שלכם הופך לחוויה טבעית.
ב-PBS גרסה 3, תוכלו לכוונן מספר דברים באמצעות העכבר. תוכלו לכוונן שוליים/ריווחים בין אלמנטים בודדים, שוליים פנימיים בתוך העמודות שלכם, כמו גם גדלים של תמונות, אייקונים ומפות. החלפנו גם כפתורים שאפשרו לכם לשנות ערכים מספריים במחוונים.
מושג ליבה מס' 3: עיצוב טקסט צריך להיות קל
אם תיקחו צעד אחורה מהמסך שלכם, תבחינו שרוב מה שאתם מוסיפים לדפי האינטרנט שלכם הוא תוכן טקסטואלי. כן, יש לנו שם תמונות ואייקונים שמתלווים אליהם – ולאחרונה אנו נוטים להוסיף תמונות גדולות יותר באתרים שלנו. אבל רוב התוכן החשוב הוא כולו טקסט: כותרות, רשימות תבליטים, פסקאות, ציטוטים וכו'. לצד זה עומדת הדרך שבה אנו מעצבים את הטקסט שלנו כדי להתאים אותו לעיצובים שלנו. אנחנו משנים את הגדלים והצבעים שלהם, או הופכים אותם למודגשים או נטויים. זה נועד להפוך את התוכן שלנו לקריא, רלוונטי ומושך יותר עבור הקוראים שלנו.
מכיוון שאנו מעצבים את הטקסט לעתים קרובות, כפתורים המאפשרים לנו לשנות סגנונות צריכים להיות נגישים מאוד. הם לא צריכים להיות תחובים בתוך תיבה קופצת שאנחנו צריכים לפתוח קודם. רוב בוני העמודים סובלים מהמחלה הזו. כדי שממשק המשתמש שלהם יוגדר כ"נטול עומס", אפילו האפשרויות הנפוצות ביותר מוסתרות מעין.
כדי לפתור זאת, בחנו את מעבדי התמלילים הנפוצים ביותר. שמנו לב שבדרך כלל יש להם שורה עם המון כפתורים ליד החלק העליון של המסך המשמשים לעיצוב טקסט, והעתקנו את אותה פריסה עבור גרסה 3. כעת יש לנו שורה של כל כפתורי עיצוב הטקסט שתמיד נוכחת בחלק העליון של המסך שלכם. זה הופך את העיצוב למהיר מאוד ולטבע שני בעריכת טקסט.
מושג ליבה מס' 4: אפשרויות עיצוב מתקדמות צריכות להיות גמישות אך קלות להבנה
בשורה התחתונה עם בונה עמודים היא שהוא צריך לאפשר לאנשים ליצור עיצובים מדהימים בקלות. המשמעות היא שעלינו לספק שפע של הגדרות ואפשרויות שונות מבלי להכביד עם עקומת למידה קשה. היכולת לכוונן שוליים חיצוניים, שוליים פנימיים ועיצוב טקסט היא נהדרת, אך באלו יש גבול ליכולת. תזדקקו לאפשרויות מורכבות בהרבה כדי לבצע את העבודה, אפשרויות כגון תמונות רקע, דוגמאות, גבולות, רקעים מקובעים ועוד. העמסה של כל ההגדרות השונות הללו עלולה להיות מעט מציפה, לכן פישטנו חלק מהן וארגנו אותן בקטגוריות כדי להפוך את הדברים לידידותיים יותר בגרסה 3.
מושג ליבה מס' 5: תמיכה בשורטקודים
לבסוף, בואו לא נשכח שבונה העמודים שלנו בנוי על גבי וורדפרס. עלינו לאמץ את הפלטפורמה ואת התכונות שלה ולא להגביל אותן או לסטות מהן. תכונה ענקית אחת שוורדפרס מספקת היא שורטקודים. אין זה אומר שכל התוכן צריך להיות מורכב משורטקודים – זה יהיה מבולגן – אלא פשוט שעלינו להיות תואמים אליהם. תוספים וערכות עיצוב רבים משתמשים בשורטקודים, וזה יהיה הפסד גדול אם נתעלם מכולם. למעשה, שורטקודים מעניקים למשתמשים גמישות מרבית בכל הנוגע ליצירת דפים.
לפני מספר שבועות הצגנו את מערכת מיפוי השורטקודים שלנו, ובזכותה מיפינו מאות שורטקודים ממאות תוספים. תעדפנו את התוספים הפופולריים ביותר שנמצאו בספריית התוספים של וורדפרס, כך שיש סיכוי שתיתקלו בהם באתרים שלכם. מגמה זו רק התחזקה בגרסה 3, ונמשיך לשפר זאת בהמשך הדרך.
סיכום
לקחנו את כל המאפיינים החיוניים שלעיל והטמענו אותם ב-Page Builder Sandwich גרסה 3. זהו בונה העמודים הטוב ביותר שבנינו לוורדפרס עד כה. הוא אינטואיטיבי וטבעי יותר לשימוש, מתפקד מהר יותר, קל יותר לשימוש וידידותי מאי פעם.
אם יש לכם מחשבות כלשהן על תכונה חיונית לבונה עמודים, ספרו לנו על כך בתגובות למטה.