כיצד להשתמש ב-Page Builder Sandwich

כיצד להשתמש ב-Page Builder Sandwich

Page Builder Sandwich אינו כמו בונה העמודים הטיפוסי שלך, הוא לא מסובך ופשוט לשימוש.

באפשרותך לצפות בסרטון למטה לסיור קצר.

איפה נמצא העורך?

ראשית, צור עמוד, פוסט או CPT חדש. לאחר מכן בקר בפוסט החדש שלך או בכל פוסט קיים בחזית האתר (frontend). PBS פועל 100% בחזית האתר, כך שלא תצטרך להתעסק בלוח הניהול (backend).

אמור להיות כפתור "Page Builder Sandwich" בחלק העליון של העמוד שלך (בסרגל הניהול), לחץ עליו כדי להתחיל בעריכה. אתה אמור לראות את אזור עיצוב הטקסט צץ מלמעלה, ואת חלונית הוספת האלמנטים צצה מהצד. אזור התוכן של התבנית שלך הוא כעת העורך שלך!

ניתן לערוך רק עמודים בודדים עם PBS. לא ניתן לערוך רשימה של פוסטים בבלוג, או עמוד 404 מכיוון שאלו נוצרים על ידי ערכת העיצוב שלך. פוסטים, עמודים וסוגי פוסטים מותאמים אישית (CPT) נתמכים.

עריכת התוכן שלך

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

עיצוב התוכן שלך / לגרום לדברים להיראות יפה

dcb1615380 file 9OtagMFi2c

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

הוספת אלמנטים

ecfd309bb2 file yDqiNEv73s

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

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

עיצוב ושינוי אלמנטים

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

0046713cb7 file YU6nUCc7jYתוכל לרחף עם העכבר מעל קצוות קווי המתאר כדי להגדיל/להקטין את השוליים בין אלמנטים.

תוכל גם ללחוץ על כפתור בסרגל הכלים כדי לבצע פעולות מהירות על האלמנט. לחיצה על סמל הגלגל שיניים בסרגל הכלים תפתח את בודק המאפיינים (Properties Inspector) המכיל אפשרויות נוספות.

5c220b4ac9 file Odem5RLPok

בודק המאפיינים

3e7e48b754 file INy1v5z9Oz

בודק המאפיינים מעניק לך שליטה רבה יותר על מראה האלמנטים שלך. תוכל להוסיף דברים רבים כמו צללים, אנימציות, שינוי צבעי מפה, רדיוס גבול (border radius) ועוד הרבה יותר.

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

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

שימוש בשורטקודים (Shortcodes)

Page Builder Sandwich מציג לך שורטקודים בפועל בחזית האתר, ותוכל לערוך אותם בקלות גם כן!

edee730340 file TqfWB9yv3y

אם שיננת את השורטקודים שלך, תוכל להוסיף שורטקודים על ידי הקלדתם ישירות בתוכן שלך. אך אם לא שיננת את כולם (מי עושה את זה?) הבודק מציג את כל השורטקודים הזמינים באתר שלך. גרור כפתור Shortcode מהבודק לתוך אזור התוכן שלך ומצא את זה שברצונך להוסיף, לחץ עליו כדי להכניס אותו.

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

סידור מחדש של התוכן שלך

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

שמירת העבודה שלך

ae0cf6f413 file

לאחר שתהיה מרוצה מהעיצוב שלך, פשוט לחץ על כפתור השמירה בפינה השמאלית העליונה של העמוד שלך. זה הכל!