מאמר זה יספק סקירה קצרה על אופן הפעולה של Page Builder Sandwich, ומיועד לשמש כמבוא למי שמעוניין לדעת כיצד בונה העמודים שלנו משתלב ברכיבים שונים בוורדפרס. לא אתעמק בתכונות הבודדות של Page Builder Sandwich; אם אתם מעוניינים בהן, עברו לעמוד הסרטונים שלנו שבו אנו מציגים כל תכונה בנפרד בהקלטות מסך קצרות.
אם תרצו לדעת במה Page Builder Sandwich שונה מבוני עמודים אחרים הקיימים בשוק, קראו את המאמר שלנו במה Page Builder Sandwich שונה מכל השאר.
איפה הוא נמצא? ומה אפשר לערוך באמצעותו?
בניגוד לבוני עמודים רבים אחרים, Page Builder Sandwich פועל בחזית האתר (Front-end) שלכם. אם אתם נמצאים בממשק הניהול (Back-end), הוספנו כפתור "Frontend" לצד כפתורי עורך התוכן שיוביל אתכם אל חזית העמוד שלכם.
Page Builder Sandwich מאפשר לכם לערוך פוסטים, עמודים ותוכן של סוגי פוסטים מותאמים אישית (Custom Post Types). עם זאת, הוא אינו מאפשר לכם לערוך ישירות פוסטים מרוכזים של הבלוג בעמוד הראשי, ואזורים אחרים שאינם עמודים בודדים באתר. פשוט חשבו על זה כך: אם למה שברצונכם לערוך יש עורך תוכן בממשק הניהול (כמו "פוסט חדש" ו"עמוד חדש"), אז ניתן להשתמש ב-Page Builder Sandwich. תוכלו לערוך את העמודים והפוסטים הבודדים שלכם בבלוג, ואם למשל יש לכם תוסף שמוסיף תפריטי מסעדה או פריטים לתיק עבודות, תוכלו לערוך גם אותם.
כאשר אתם נמצאים בחזית האתר, הוספנו כפתור כחול בשם "Edit with Page Builder Sandwich" בסרגל הניהול העליון (adminbar). פשוט לחצו עליו כדי להתחיל לערוך את העמוד שלכם.
עריכת תוכן ישירה
עם Page Builder Sandwich, הפכנו את עריכת התוכן לפשוטה ונטולת מאמץ ככל האפשר. עריכת התוכן היא ישירה וקלה – פשוט לוחצים ומקלידים. עד כדי כך פשוט.
הכירו את ה-Inspector
שמנו לב שבוני עמודים רבים כוללים המון חלונות קופצים (popups). באופן אישי, אני לא אוהב חלונות קופצים מכיוון שהם מסיחים את הדעת ובעצם אומרים לך "היי, עצור את מה שאתה עושה עד שתמלא את השדות האלה קודם". הם הורסים את הזרימה של חוויית עריכה שהייתה יכולה להיות חלקה. מסיבה זו, צמצמנו למינימום את השימוש בחלונות קופצים לכל אורך הדרך, ובמקומם יצרנו את ה-Inspector.
ה-Inspector הוא אזור בסגנון סרגל צדדי המכיל את כל כלי העיצוב והפריסה שתזדקקו להם אי פעם. ניתן להצמיד את ה-Inspector לצד שמאל או לצד ימין של המסך, כדי שתוכלו לראות בקלות את מה שאתם עורכים.
מתוך ה-Inspector, תוכלו להתאים מאפייני טקסט שונים כמו כותרות, גודלי גופן, הדגשה (bold), נטוי (italic), צבעי טקסט ועוד המון. מלבד אלה, הוא מאפשר לכם גם להוסיף תמונות וליצור שורות או תוכן מחולק לעמודות. הוא מסוגל גם לעריכה מתקדמת יותר, כגון התאמת שורות לרוחב עמוד מלא, צבעי רקע של שורות ועמודות, יישור תוכן אנכי, וכן שוליים ורקעים. הוא עוצמתי למדי ותמצאו את עצמכם משתמשים בו ברוב הזמן.
אינטגרציה עם תבניות וורדפרס
מטבעו, Page Builder Sandwich כמעט ואינו כולל הגדרות עיצוב מובנות. בעת עריכת התוכן, הסגנונות שאתם רואים מבוססים ברובם על התבנית שלכם.
אינטגרציה עם שורטקודים (Shortcodes)
שורטקודים הם היבט חשוב בוורדפרס, וסביר להניח שתשתמשו בכמה וכמה שורטקודים באתר שלכם. Page Builder Sandwich מתמודד איתם בצורה מצוינת, כך שהשורטקודים שלכם יוצגו מעובדים (rendered) בחזית האתר. השורטקודים נשארים ניתנים לעריכה, והחלק הטוב ביותר הוא שלאחר שתערכו את השורטקודים, הם יוצגו מעובדים מחדש יחד עם השינויים שלכם.
לנוחיותכם, תוכלו לערוך את השורטקודים שלכם באמצעות ה-Inspector. אם תרצו שליטה רבה יותר, תוכלו גם ללחוץ לחיצה כפולה על שורטקודים כדי לערוך אותם בצורתם הגולמית. מלבד זאת, כל השורטקודים הזמינים באתר שלכם מפורטים ב-Inspector כדי לאפשר שילוב קל בתוכן שלכם.
מה לגבי סרבול והאטת האתר?
מי אוהב אתרים איטיים? לא אנחנו, ובוודאי שלא אתם. דאגנו לכך של-Page Builder Sandwich תהיה השפעה קרובה לאפס על ביצועי האתר שלכם. כאשר המשתמש אינו מחובר, לכל היותר, רק סגנונות CSS של שורות ועמודות נטענים בתור (enqueued), יחד עם סקריפטי ה-JS וה-CSS הנחוצים עבור השורטקודים שהשתמשתם בהם.
למפתחים
אם אתם מפתחים ויש לכם שורטקודים בתוספי הוורדפרס שלכם, Page Builder Sandwich מספק Shortcode API כדי שתוכלו לספק בקלות ללקוחותיכם שדות ליצירה ולשינוי קלים של השורטקודים שלכם.
אם ברצונכם להרחיב עוד יותר את היכולות או לבצע אינטגרציה עם חלקים מסוימים של Page Builder Sandwich, יש לנו גם מגוון של action hooks ו-filter hooks שימושיים שתוכלו להשתמש בהם.