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

נכתב על ידי

ב

,

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

תוכל לצפות בסרטון שלהלן לסיור קצר.

איפה העורך?

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

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

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

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

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

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

dcb1615380 file 9OtagMFi2c

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

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

ecfd309bb2 file yDqiNEv73s

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

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

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

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

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

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

5c220b4ac9 file Odem5RLPok

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

3e7e48b754 file INy1v5z9Oz

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

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

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

שימוש בשורטקודים

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

edee730340 file TqfWB9yv3y

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

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

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

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

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

ae0cf6f413 file

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