עורך התוכן של וורדפרס – גוטנברג – בלוקים נוספים
השוואה בין תוספים לאתר שמוסיפים בלוקים לעורך התוכן
גוטנברג הוא עורך התוכן של וורדפרס
וורדפרס הוא התוכנה הכי פופולרית היום בעולם לבניית אתרים,
ולא סתם, יש לוורדפרס חיבורים ופיתוחים שלא קיימים באף אחת מהתוכנות האחרות.
בשנה האחרונה הם פיתחו עורך תוכן חדש.
כלומר המקום שבו אתם כותבים את התוכן שלכם, ומעצבים אותו.
העורך נמצא בכל סוג של תוכן שיש לכם באתר, בין אם זה הפוסטים- מאמרים שאתם מפרסמים בצורה קבועה,
ובין אם זה בעמודים שאתם יכולים להפוך לעמודי נחיתה או סתם עמוד צור קשר ואודות.
לעורך הזה קוראים גוטנברג.
גוטנברג עובד על בסיס של בלוקים של תוכן, כל סוג של תוכן הוא בלוק,
לדוגמא כותרת היא בלוק, וידאו הוא בלוק.
כתבתי פוסט מלא על השימוש בגוטנברג, כך שאם אתם לא מכירים אותו,
לכו לקרוא אותו לפני הפוסט הזה.
אם אתם מחפשים בלוקים נוספים לעורך התוכן שלכם,
ומתלבטים איזה להוסיף.
הנה השוואה בין 3 פלאגינים שמוסיפים בלוקים לגוטנברג.
UGA – Ultimate Addons for Gutenberg
Advanced Gutenberg של Joomunited – נכנה אותו כאן בפוסט Joomunited
stackable
הנה דוגמא לבלוק תוכן עניינים לפוסט
הבלוק הזה שייך לUGA והוא מסכם ומקשר את כל הכותרות שיש בפוסט הזה,
כך שאם יש משהו שאתם רוצים לקפוץ אליו, פשוט תלחצו על הקישור כאן,
ותוכלו לראות את התוכן הספציפי שאליו קפצתם:
- השוואה בין תוספים לאתר שמוסיפים בלוקים לעורך התוכן
- גוטנברג הוא עורך התוכן של וורדפרס
- אם אתם מחפשים בלוקים נוספים לעורך התוכן שלכם,
- הדרכה על תוספי גוטנברג:
- UGA – Ultimate Addons for Gutenberg
- בואו נראה מה יש לJOOMUNITED להציע
- Stackable – בלוקים לגוטנברג
- הצטרפו עכשיו למכללה למקצועות הידע באינטרנט
- מה שיניתי כאן?
- בלוק מספרים רצים – למה זה טוב?
- ולגבי העיצוב
- UGA
- Joomunited
- Stackable
- סיכום, מה עדיף מתוך 3 התוספים הללו?
הדרכה על תוספי גוטנברג:
כשאני בוחנת את ההבדל בין התוספים השונים, אני רוצה להבין קודם כל איזה בלוקים כל אחד מציע.
ולאחר מכן, אני רוצה להבין מה ההבדל בגישה של כל אחד מהפלאגינים.
כי כפי שתראו יש לכל השלושה הללו בלוקים מאד דומים.
ותכלס’ לא צריך את כולם בבלוג שלכם כדי להצליח לכתוב פוסט פשוט.
השאלה היא מה אתם רוצים מגוטנברג.
האם גוטנברג יכול להחליף את בנאי הדפים? (דיוי, אלמנטור וכו’)
במקרה שלי, אני מחפשת להחליף את בנאי הדפים שלי.
אמנם אני מאד אוהבת את דיוי.
אבל לפעמים פשוט מתחשק לי לעשות דף פשוט עם כותרת וקצת טקסט,
ואיזה טופס שמזמין אנשים להרשם לוובינר או למדריך חדש שהוצאתי.
וכאשר אני מתחילה לבנות דף בדיוי הוא לפעמים קצת איטי,
(בעיקר בגלל האינטרנט שלי…)
ויותר מזה, דיוי הוא פלאגין יותר מורכב ולכן יש מצב שהחיבור של 3 התוספים האלו,
יתן לי בדיוק את אותה תוצאה כמו דיוי.
ויכול להיות שלא.
בנתיים עדיין לא הצלחתי למצוא תחליף שגם יראה טוב כמו דיוי.
אבל בואו נראה מה יש לכל אחד מהפלאגינים האלו להציע.
לאחר הטבלאות תמצאו כמה דוגמאות של בלוקים מכל אחד מהתוספים האלו.
בלוקים יחודיים כמובן.
כדי שלא ישעמם אתכם טקסט דמו בתוך הדוגמאות של הבלוקים,
הכנתי לכם קצת תוכן פירסומי על המכללה שלי…
הנה טבלת ההשוואה: (הכנתי את הטבלה בבלוק של Joomunited )
אירגון התוכן
סוג הבלוק | UGA – Ultimate Addons for Gutenberg | Advanced Gutenberg של Joomunited | stackable |
ריכוז קישורים לתוכן של הבלוג | Table of Contents | Summary | – |
אירגון תוכן בטיימליין | Content Timeline | – | – |
רשימה עם אייקונים | Icon list | Advanced list | Icon list |
אקורדיון (רשימה נפתחת עם כותרות) | – | Accordion | Accordion Block |
טבלאות | – | Advanced Table | – |
טאבים | – | Tabs | – |
תוכן בטיימליין | Content Timeline | – | – |
כרטיסים/ תיבת תוכן | Info Box | – | Card |
רשימת צוות | Team | – | Team Member |
עמודות | Advanced Columns | Adv. Column | Feature |
חלקים | Sections | Columns Manager | Container |
מעבר מעוצב | – | – | Separator |
הראה עוד | – | – | Expand |
עיצוב התוכן
סוג הבלוק | UGA – Ultimate Addons for Gutenberg | Advanced Gutenberg של Joomunited | stackable |
כותרות | Advanced Heading | – | – |
ציטוטים | Blockquote | – | Blockquote Pull Quote |
עדויות | Testimonial | Testimonial | Testimonial |
תמונות מעוצבות | – | Advanced Image | Image Box |
סליידר | – | Images Slider | – |
וידאו | – | Advanced Video | Video Popup |
האדר | – | Tabs | Header |
פירסום פוסטים ישנים | Post Grid Post Carousel Post Masonry Post Timeline | Recent Posts | Blog Posts |
מפה | Google Map | Map | – |
רשת תמונות | – | – | Feature Grid |
בלוקים לשיווק ומכירות באתר
סוג הבלוק | UGA – Ultimate Addons for Gutenberg | Advanced Gutenberg של Joomunited | stackable |
רשתות חברתיות | Social Share | Social Links | – |
טפסי צור קשר | Contact Form 7 Styler | Contact Form | – |
טופס | Gravity Form Styler | Newsletter | – |
כפתורים | Marketing Button Multi Buttons | Advanced Button | Button |
קריאה לפעולה | Call To Action | – | Call to Action |
בלוק אזהרה | – | – | Notification |
מספרים רצים – ספירת מוצרים | – | Count Up | Number Box Count Up |
woocommerce – מוצרים | – | Woo Products | – |
טבלת תמחור מוצרים | Price List | Pricing Table |

UGA – Ultimate Addons for Gutenberg
התוסף הזה היה בין הראשונים שהופיעו כאשר גוטנברג ראה אור לראשונה.
הוא הציע הרבה בלוקים שלא היו אז, ובעיקר חידושים על פונקציות של עריכת הבלוק שלא היו קודם לכן.
פונקציות העריכה בבלוקים הרגילים של גוטנברג הם מאד בסיסים,
וכאשר הפלאגין הזה הופיע, כולם הורידו אותו,
ולכן תראו עליו הרבה מאד המלצות בכל מקום.
השאלה היא מה הפלאגין הזה יעזור לכם?
הפלאגין הזה משתפר כל הזמן, ונוספים לו בלוקים חדשים.
הבלוקים היחודיים שלו,
הם דווקא בתחום של החיבור לפלאגינים אחרים
חיבורים לצור קשר 7 וגרביטי פורמס.

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

החברה הזאת מכינה פלאגינים לג’ומלה ולוורדפרס. מאז שאני מכירה אותם
שזה כמה חודשים (קניתי אצלם פלאגין שיוצר סדר במסמכים ושומר עליהם בהגנה עם סיסמא).
הם התחדשו עם הרבה פלאגינים של וורדפרס.
ולפי השם שלהם, נראה לי שהם התחילו עם ג’ומלה אבל הבינו שוורדפרס זה העתיד.
כמובן שאלו השערות שלי, אתם יכולים לשער דברים אחרים.
בכל מקרה, לגבי התוסף של בלוקים לגוטנברג,
הם בעיקר מתיחסים לאירגון תוכן.
אם זה דרך טבלה שראינו כאן בתחילת הפוסט,
ואם זה דרך אקורדיון תוכן או טאבים.
בואו נראה דוגמא לטאבים:
בשלב הראשון במכללה,
אתם בודקים האם יש לכם פוטנציאל ללקוחות עתידיים,
והאם אתם באמת אוהבים את מה שבחרתם לעשות.
כי ברגע שהתחלתם לעשות את זה,
ולהשקיע בעסק שלכם,
כדאי להתמיד לאורך זמן, כי אחרת התוצאות פשוט לא יגיעו.
לכן, בשלב הראשון תלמדו איך לבנות את רשימת התפוצה שלכם.
מאפס.
מה לכתוב להם ואיך לאסוף אותם.
וכמובן גם תקבלו כלים איך למצוא אותם,
דרך שיתופי פעולה, ועוד כמה דרכים ברשתות החברתיות.
בשלב הזה אתם עדיין לא מרוויחים כסף,
כי אין לכם מוצר למכור.
ואתם תמשיכו לבנות את השלב הזה ולהרחיב אותו,
לאורך כל העבודה על הפירמידה של העסק שלכם.
בשלב השני במכללה,
אתם תתחילו למכור,
כי זה מאד נחמד שאנשים אוהבים את התוכן החינמי שלכם,
אבל בלי לשלם לכם כסף,
עדיין אין לכם עסק.
ולכן תתחילו למכור מוצרים זולים,
בעיקר כדי לבדוק האם אנשים מוכנים להוציא את הארנק שלהם.
המוצרים האלו נקראים מוצרי גשר,
כי הם מגשרים בין השלב שבו אנשים פוטנציאלים,
לשלב שבו הם באמת לקוחות משלמים.
זהו גם השלב שבו תלמדו איך מוציאים לאור,
קורס דיגיטלי קצר ומהיר.
כדי שתוכלו להתחיל למכור אותו.
(וכמובן יש לכם הדרכות טכניות על כל מה שתצטרכו)
ברגע שהבנתם שאנשים אוהבים את מה שאתם עושים,
ואפילו מוכנים לשלם לכם כסף.
אתם עוברים לשלב השלישי
שבו תתחילו לחזק את המותג שלכם.
תתחילו להכין תוכן באופן קבוע,
ותבנו את האתר שלכם.
(כן האתר מגיע רק בשלב הזה).
השלב הזה הוא ההכנה למכירות הגדולות,
שיגיעו בשלב 4.
ולכן תכינו מוצרי דרך,
שיעזרו לכם להבין איזה מוצרים הקהל שלכם אוהב,
ומוכן לשלם יותר כסף.
שלב 4 הוא השלב של המכירות הגדולות.
תתחילו לפתח תהליכי מכירה מורכבים יותר,
עם כמה שלבים,
כי המוצרים שלכם כבר יעברו את ה1000 ש”ח.
ואנשים יצטרכו להבין יותר מה המוצר שלכם עושה,
כדי שהם ירצו לקנות אותו.
בשלב הזה, אתם תצרו את מוצר המטרה שלכם,
ובעזרת המוצרים שהכנתם בשלבים הקודמים,
תוכלו ליצר הכנסה גבוהה.
חלק ממוצרי הדרך משלב 4 יהפכו להיות בונוסים
למוצר המטרה שלכם,
וחלק ממוצרי הדרך ישמשו אתכם כאפסיילים, קרוס סיילים,
ודאון סיילים.
ובכלל כל מיני מכירות קטנות שתעשו פה ושם.
השלב הזה הוא קריטי,
כי כאן תלמדו מה עובד טוב יותר ומה פחות,
ותוכלו לקחת את זה לשלב האחרון שהוא האוטומציה.
שלב 5 הוא שלב האוטומציה,
זה הזמן להגדיל את הצוות שלכם
כי כבר יש לכם מספיק הכנסות ממוצר המטרה שלכם.
והם יכולים להתחיל לקחת משימות שעד עכשיו אתם עשיתם.
בשלב הזה אתם יכולים לבנות מועדון לקוחות
שאליו תאספו מנויים קבועים
הלקוחות הכי טובים שלכם,
שישלמו לכם מנוי חודשי כדי לקבל מכם
יחס קרוב יותר ותוכן מתקדם.
מה שיניתי בבלוק של הטאבים?
במקור הטאבים עצמם היו בצבע שחור, שיניתי אותם לכחול כמו שאר הצבעים בפוסט הזה.
הוספתי גם צבע רקע לתוכן עצמו בכל טאב.
ועיגלתי את הפינות.
כפי שאתם שמים לב, כרגע לפחות, הטאבים מיושרים לשמאל,
אין שם הגדרה לשינוי לימין.
אפשר לבדוק עם המפתחים, כי הם מצהירים שזה עובד עם אתרי RTL (ימין לשמאל)
אין אפשרות להוסיף תמונות בתוך הטאב אולי גם זה ישתנה בעתיד.
וגם לא כותרות, המקסימום זה להדגיש קצת את הטקסט.
בסך הכל אין הרבה אפשרויות לעיצוב, אבל זה הבלוק היחידי שמאפשר להכניס תוכן דרך טאבים.
מ3 הדוגמאות האלו.
לסיכום הפלאגין של ג’ומיונטד
הפלאגין עצמו מאפשר הרבה דרכים להציג תוכן,
העיצוב שלהם פשוט מאד, ואין בו הרבה אפשרויות.
אפשר לסמוך עליהם כי זו חברה שמוכרת פלאגינים,
הניסיון שלי עם התמיכה שלהם הוא חיובי, הם ענו לי מהר,
ולעניין.
(בקשר לפאלגין השני שקניתי מהם, יש הדרכה בתוך המכללה).
אם אתם אוהבים עיצוב גרפי, התוסף הבא הוא בשבילכם

Stackable – בלוקים לגוטנברג
אני חושבת שהם לקחו את הרעיון של גוטנברג
והם עובדים על הבלוקים שלהם שיוכלו להחליף כל בנאי דפים שאתם מכירים.
אני חיפשתי דרך אחרת להציג את הוידאו שאני שמה מיוטיוב.
ורציתי לנטרל הפרעות.
חיפשתי במיוחד בלוק לגוטנברג שעובד על הוידאו.
וכך הגעתי אליהם.
יש להם בלוק פופאפ לוידאו, אני יכולה לעצב את התמונה של הוידאו איך שאני רוצה,
ולאחר מכן, כשאנשים לוחצים על הכפתור כדי לראות את הוידאו הוא פשוט קופץ להם וממלא את המסך.
מה שעוזר כמובן לזה שאנשים יראו את כל הוידאו עד הסוף.
התקנתי את התוסף ודי שכחתי ממנו.
הוא הוסיף לי לשונית בלוח הבקרה, וכל פעם כשראיתי את זה,
שאלתי את עצמי למה שמתי את הפלאגין הזה באתר.
ונזכרתי שזה בגלל הוידאו.
המיקוד של התוסף הזה הוא בעיצוב
ולכן גם יש להם גרסה בתשלום
הגרסה בתשלום היא לא יקרה, ולדעתי אם אתם מתלבטים שווה לבדוק.
הם שמים הרבה דגש על העיצוב,
יש להם הרבה אלמנטים שלא תמצאו בפלאגינים השניים,
וידאו ברקע,
אנימציות,
צבע מעומעם ברקע,
מעברים מעניינים בין החלקים של הדף,
ובעצם כל מה שהייתם מצפים שבנאי דפים יעשה עבור הדף שלכם.
הנה דוגמא לוידאו ברקע
הצטרפו עכשיו למכללה למקצועות הידע באינטרנט
במכללה תוכלו לקבל תוכנית עבודה מסודרת, שתראה לכם איך לבנות עסק דיגיטלי אוטומטי שפועל בלעדיכם (אם תרצו). לפי שיטת 5 שלבי הפירמידה. הצטרפו היום לשבועיים התנסות ב14 ש”ח בלבד.
מה שיניתי כאן?
השתמשתי בבלוק Container שהוא בלוק כללי . אפשר לשלב בו עוד בלוקים בפנים לפי מה שרוצים.
את הפינות העגולות ישרתי, הן מגיעות במקור קצת מעוגלות.
במקרה הזה שמתי רקע של ים התיכון שצילמתי לפני כמה חודשים (בהרצליה).
את הוידאו צריך להעלות לאתר, ולכן הייתי צריכה להשתמש בוידאו מקורי שלי או לחפש וידאו שאין עליו זכויות יוצרים או לקנות וידאו.
הרקע של הוידאו הופך אוטומטית לחסר צבע, כי זה חלק מהקטע של וידאו ברקע,
שהוא לא יבלוט יותר מדי, לכן החלפתי את הצבע של הרקע לתכלת.
הבלוק המקורי מגיע עם כותרת וטקסט מתחת.
שיניתי את הצבע של הרקע לטקסט התחתון לאפור כי אי אפשר היה לקרוא את הטקסט בין אם הוא היה בלבן ובין אם הוא היה בשחור.
וגם הגדלתי את הטקסט.
הוספתי כפתור – שגם הוא מתוך הבלוקים של stackable.
ועיגלתי קצת יותר את הפינות של הכפתור, ושיניתי את הצבע לכתום שיבלוט על כל הדבר הזה.
אם תלחצו על הכפתור, תגיעו כמובן לדף הרישום למכללה.
דוגמא נוספת מתוך STACKABLE.
(המספרים לא יתעדכנו עם הזמן כי אני צריכה לזכור להכנס לכאן להחליף, זה לא אוטומטי,
אז קחו בחשבון שמן הסתם הכל כאן יגדל)
מנויים באתר
כמה מנויים נרשמו לאתר
במהלך השנים
קורסים במכללה
כמה קורסים יש במכללה היום
דיונים בפורום
כמה דיונים נפתחו בפורום,
שאלות מתוך הקורסים
סרטונים בקורסים
כמה סרטונים (בערך) יש בקורסים
(קצת קשה לספור את כולם,
אין מקום אחד שמרכז את המידע)
בלוק מספרים רצים – למה זה טוב?
הבלוק נקרא Count Up והמטרה שלו היא להראות במספרים הוכחות להצלחה.
במקרה הזה בחרתי לשים את כמות המשתמשים באתר שנרשמו בו מאז ומעולם
(כל הלקוחות שקנו ממני קורסים כולל אלו שנמצאים במכללה),
הקורסים שיש במכללה,
דיונים בפורום,
והסרטונים בקורסים.
חוץ מהסרטונים שאין לי באמת מושג כמה יש, אני יודעת שיש בערך 2000.
אין לי מקום שאפשר לבדוק את זה, ואני לא אלך לספור אותם אחד אחד מסיבות מובנות.
(וזה גם משתנה על בסיס יומיומי כשאני מוסיפה תכנים לקורסים…)
שאר הנתונים הם אמיתיים ונכונים לרגע כתיבת הפוסט הזה.
כשאתם כותבים נתונים מספריים, תכתבו דברים אמיתיים.
המספרים ניתנים לשינוי ידני,
כלומר האתר לא לוקח את המידע באופן אוטומטי.
יש מקרים שבהם אפשר לסדר שזה יהיה אוטומטי אבל זה דורש כתיבת קוד,
ברוב המקרים שאני נתקלתי בסוג תוכן כזה, עם מספרים רצים,
אני זאת שהייתי צריכה להכניס את המספרים פנימה.
ולגבי העיצוב
כך נראה הבלוק לפני השינויים שהכנסתי:
Title
Description
Title
Description
Title
Description
Title
Description
הוספתי תמונה לרקע, עימעמתי את הצבע שלה, והוספתי צבע לבן מעל הכל שהיא תהיה באמת רק רקע.
שיניתי את הפונט של המספרים (יש 3 אפשרויות), ושיניתי את הצבעים.
הוספתי טקסטים מותאמים למידע שרציתי להראות לכם.
וזהו בערך, כל זה לקח לי 3 דקות אולי כולל איסוף המידע מכל המקומות באתר שלי.
לסיכום הפוסט הזה, אני רוצה להראות לכם את מה שמשותף ל3 התוספים האלו, שתוכלו לראות את השינויים שאפשר לעשות בכל אחד.
הדוגמא תהיה על שני סוגים של בלוקים, שיהיו כנראה הרבה פעמים בשימוש אצלכם.
אני אגזים בעיצוב כדי שתראו את מגבלות העיצוב של כל אחד מהם.
יהיו כאן שלשה בלוקים,
- כותרת
- רשימה עם איקונים
- כפתור
UGA
The Ultimate Gutenberg Blocks Library – בלוקים של גוטנברג
מה האפשרויות של העיצוב?
בכותרת המיוחדת, יש את הכותרת עצמה, הקו המפריד והתיאור.
אפשר לשלוט בגודל ובצבעים של הכל, ובקו המפריד יש אפשרות לבחור בין 4 אפשרויות.
הרשימה קצת יצאה מכוערת, אבל רציתי להראות מה אפשר לעשות.
אפשר להוסיף אייקון, ולשלוט בכל אחד מהאיקונים בנפרד בצורה שלו ובצבע שלו.
האייקון השלישי הוא תמונה שהעלתי.
הגודל של הכל משותף, ובמקרה הזה הגדלתי מאד את האייקונים רק לצורך הדוגמא.
הכפתור – אפשר להגדיל את הכפתור, להוסיף כותרת משנה, להגדיל את הפונטים והצורה שלהם ולשנות את הצבעים.
Joomunited
- קורסים טכניים על תוכנות שונות
- קורסים לבניית אתר וורדפרס למתחילים ומתקדמים
- קורסים אסטרטגיים לבניית עסק דיגיטלי
מה אפשרויות העיצוב של joomunited?
כותרת מיוחדת אין להם בתוך שלל הבלוקים. לכן השתמשתי בבלוק רגיל של כותרת בגוטנברג.
אין הרבה אפשרויות לבלוק הרשימה שלהם .
יש כמה אייקונים לבחירה, החיצים בכל מקרה פונים לכיוון הלא נכון בעברית.
אפשר גם לראות שהאייקונים עולים על הטקסט בעברית. (אני אפנה אליהם להראות את התוצאה).
יכולתי להגדיל את הטקסט ואת האייקון בנפרד.
זה בערך כל אפשרויות הרשימה שיש להם להציע.
ולגבי הכפתור, אז אפשר להגדיל את המסגרת ולהחליט אם זה יהיה בנקודות, פס ישר או כפול, ועוד כמה דברים.
יש מקום רק לטקסט אחד, ואין אייקון.
אני יכולה לשלוט בצבעים, (החלק הכתום של מסגרת הכפתור יצא לפי ההגדרות שלהם, אני בחרתי רק כתום).
ואפשר להגדיל את הכפתור מכל צד בנפרד.
Stackable
מה אפשרויות העיצוב של Stackable?
גם להם אין כותרת פשוטה, רק האדר מורכב או בלוק שאפשר להכניס אליו כל מיני דברים.
כנראה הם לא הרגישו צורך לעצב את הכותרת אם זה לא בתוך מסגרת כלשהי.
הרשימה של האיקונים שלהם יחסית פשוטה לעומת האפשרויות שיש להם בבלוקים אחרים.
אפשר להחליט על צורת האייקון מתוך 6 צורות.
להחליט האם יהיה עיגול או לא מסביב,
אפשר לשנות את הצבע ואת הגודל של האייקון בלבד.
מה שכן מצאתי שיחודי להם, זה שאפשר לארגן את הרשימה בכמה טורים שאני רוצה.
שזה דווקא דבר יעיל. ביחוד אם רוצים לעשות רשימה של קישורים.
ולגבי הכפתור, יש להם 3 מצבים.
- כפתור רגיל
- כפתור ריק עם מסגרת (שזו הדוגמא שהבאתי כאן)
- טקסט פשוט ללא כפתור
אפשר להגדיל את הכפתור לכמה גדלים שהם הגדירו מראש
כמובן שגם אפשר לעגל את הכפתור במקרה הזה דווקא בחרתי להראות קוים ישרים.
ויש גם רשימה של אייקונים, אבל לא הרשימה הרגילה, אז אי אפשר למצוא שם חץ פשוט.
סיכום, מה עדיף מתוך 3 התוספים הללו?
לסיכום,
לכל אחד מהם יש יתרונות וחסרונות.
אני מחזיקה כרגע את 3 באתר שלי, ויש מצב שאני גם אוסיף עוד בלוקים בעתיד.
בעיקר כי כל אחד התמקד בכיוון אחר.
התוסף של Stackable הוא הכי חדש אצלי באתר, ואני ממש אוהבת אותו.
כי הוא מאפשר לי לעצב דברים בקלות.
ואפילו שוקלת לקנות את הגרסה המתקדמת כי זה רק 29$ ויש שם עוד אפשרויות מתקדמות בעיצוב.
אני חושבת שאם רוצים להחליף את בנאי הדפים,
אז צריך לשלב כמה תוספים של בלוקים של גוטנברג.
הבעיה הגדולה עם בנאי דפים,
זה שהוא לא טבעי לוורדפרס,
הוא פותח לכם חלון חדש, ושם אתם ממשיכים לעבוד איתו.
אם לדוגמא מנטרלים את דיוי, יש רשימה של קוד במקום לראות את התוכן.
ברגע שנשענים על בנאי דפים אחד חייבים להמשיך לעבוד איתו.
וזה נכון גם לתוספים האלו, ברגע שהכנסתם אותם לאתר,
ובאמת השתמשתם בהם.
עכשיו אתם צריכים להשאר איתם כל הזמן,
כי כשתסירו אותם התוכן יעלם.
איזה תוסף יעזור לכם?
האם יש לכם שאלות נוספות?
מוזמנים להשאיר לי בתגובות, (ואתם יכולים להרשם כאן בצד לעידכונים שוטפים על פוסטים חדשים באתר)