עורך התוכן של וורדפרס – גוטנברג – בלוקים נוספים

השוואה בין תוספים לאתר שמוסיפים בלוקים לעורך התוכן

גוטנברג הוא עורך התוכן של וורדפרס

וורדפרס הוא התוכנה הכי פופולרית היום בעולם לבניית אתרים,

ולא סתם, יש לוורדפרס חיבורים ופיתוחים שלא קיימים באף אחת מהתוכנות האחרות.

בשנה האחרונה הם פיתחו עורך תוכן חדש.

כלומר המקום שבו אתם כותבים את התוכן שלכם, ומעצבים אותו.

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

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

לעורך הזה קוראים גוטנברג.

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

לדוגמא כותרת היא בלוק, וידאו הוא בלוק.

כתבתי פוסט מלא על השימוש בגוטנברג, כך שאם אתם לא מכירים אותו,

לכו לקרוא אותו לפני הפוסט הזה.

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

ומתלבטים איזה להוסיף.

הנה השוואה בין 3 פלאגינים שמוסיפים בלוקים לגוטנברג.

UGA – Ultimate Addons for Gutenberg

Advanced Gutenberg של Joomunited – נכנה אותו כאן בפוסט Joomunited

stackable

הנה דוגמא לבלוק תוכן עניינים לפוסט

הבלוק הזה שייך לUGA והוא מסכם ומקשר את כל הכותרות שיש בפוסט הזה,

כך שאם יש משהו שאתם רוצים לקפוץ אליו, פשוט תלחצו על הקישור כאן,

ותוכלו לראות את התוכן הספציפי שאליו קפצתם:

התוכן של הפוסט (ניתן לקפוץ קדימה)

הדרכה על תוספי גוטנברג:

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

ולאחר מכן, אני רוצה להבין מה ההבדל בגישה של כל אחד מהפלאגינים.

כי כפי שתראו יש לכל השלושה הללו בלוקים מאד דומים.

ותכלס’ לא צריך את כולם בבלוג שלכם כדי להצליח לכתוב פוסט פשוט.

השאלה היא מה אתם רוצים מגוטנברג.

האם גוטנברג יכול להחליף את בנאי הדפים? (דיוי, אלמנטור וכו’)

במקרה שלי, אני מחפשת להחליף את בנאי הדפים שלי.

אמנם אני מאד אוהבת את דיוי.

אבל לפעמים פשוט מתחשק לי לעשות דף פשוט עם כותרת וקצת טקסט,

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

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

(בעיקר בגלל האינטרנט שלי…)

ויותר מזה, דיוי הוא פלאגין יותר מורכב ולכן יש מצב שהחיבור של 3 התוספים האלו,

יתן לי בדיוק את אותה תוצאה כמו דיוי.

ויכול להיות שלא.

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

אבל בואו נראה מה יש לכל אחד מהפלאגינים האלו להציע.

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

בלוקים יחודיים כמובן.

כדי שלא ישעמם אתכם טקסט דמו בתוך הדוגמאות של הבלוקים,

הכנתי לכם קצת תוכן פירסומי על המכללה שלי…

הנה טבלת ההשוואה: (הכנתי את הטבלה בבלוק של Joomunited )

אירגון התוכן

סוג הבלוק UGA – Ultimate Addons for Gutenberg Advanced Gutenberg של Joomunited stackable
ריכוז קישורים לתוכן של הבלוג Table of Contents Summary
אירגון תוכן בטיימליין Content Timeline
רשימה עם אייקוניםIcon listAdvanced listIcon list
אקורדיון (רשימה נפתחת עם כותרות)AccordionAccordion Block
טבלאותAdvanced Table
טאביםTabs
תוכן בטיימלייןContent Timeline
כרטיסים/ תיבת תוכןInfo BoxCard
רשימת צוותTeamTeam Member
עמודותAdvanced ColumnsAdv. Column Feature
חלקיםSectionsColumns ManagerContainer
מעבר מעוצבSeparator
הראה עודExpand

עיצוב התוכן

סוג הבלוק UGA – Ultimate Addons for Gutenberg Advanced Gutenberg של Joomunited stackable
כותרותAdvanced Heading
ציטוטיםBlockquoteBlockquote
Pull Quote
עדויותTestimonialTestimonialTestimonial
תמונות מעוצבותAdvanced ImageImage Box
סליידרImages Slider
וידאוAdvanced VideoVideo Popup
האדר TabsHeader
פירסום פוסטים ישניםPost Grid
Post Carousel
Post Masonry
Post Timeline
Recent PostsBlog Posts
מפהGoogle MapMap
רשת תמונותFeature Grid

בלוקים לשיווק ומכירות באתר

סוג הבלוק UGA – Ultimate Addons for Gutenberg Advanced Gutenberg של Joomunited stackable
רשתות חברתיותSocial Share Social Links
טפסי צור קשרContact Form 7 StylerContact Form
טופס Gravity Form Styler Newsletter
כפתוריםMarketing Button
Multi Buttons
Advanced ButtonButton
קריאה לפעולה Call To Action Call to Action
בלוק אזהרהNotification
מספרים רצים – ספירת מוצריםCount UpNumber Box
Count Up
woocommerce – מוצריםWoo Products
טבלת תמחור מוצריםPrice ListPricing Table

UGA – Ultimate Addons for Gutenberg

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

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

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

וכאשר הפלאגין הזה הופיע, כולם הורידו אותו,

ולכן תראו עליו הרבה מאד המלצות בכל מקום.

השאלה היא מה הפלאגין הזה יעזור לכם?

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

הבלוקים היחודיים שלו,

הם דווקא בתחום של החיבור לפלאגינים אחרים

חיבורים לצור קשר 7 וגרביטי פורמס.

צור קשר 7 הוא התוסף הכי פופולרי בתחום של טפסי צור קשר.

הוא קצת דורש התעסקות עם הבנה טכנית יותר מורכבת,

ולכן לא ברור לי עד היום איך הוא הפך לכזה פופולרי.

אבל מצד שני דווקא בגלל זה,

יש לו הרבה מאד חיבורים,

בעיקר לחברות דיוור (לרב מסר יש חיבור לטופס צור קשר 7, והם לא היחידים)

העניין עם הטופס הזה, שהוא פשוט ומכוער.

לפעמים התבנית שתבחרו תאפשר לכם לשלוט בעיצוב של הטופס,

ולפעמים תצטרכו להתעסק עוד קצת עם קוד,

כדי לעצב את הטופס.

איך משתמשים בבלוק העיצוב טופס צור קשר 7

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

בדרך כלל תצטרכו לקחת את הקוד של הטופס,

ולהטמיע אותו באתר שלכם סתם ככה.

במקרה הזה,

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

ושם אתם בוחרים את הטופס שיצרתם קודם דרך הפלאגין.

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

ואתם יכולים להחליט איך הטופס הזה יראה.

בלוק עיצוב טופס של גרביטי פורמס

לפעמים תרצו להכין טופס יותר מורכב,

שאלון, טופס הרשמה שמותאם לתשובה שהלקוח נתן לכם,

דברים מהסוג הזה.

ואז יש לכם כמה פלאגינים שיכולים לעזור לכם עם הטפסים האלו,

במקרה הזה, גרביטי פורמס,

גם הוא אחד מהראשונים שהיו כאן לפני שנים.

אבל הוא תוסף בתשלום (בניגוד לצור קשר 7).

וגם הוא מכוער להפליא.

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

דבר נוסף יחודי שיש לUGA זה מבחר יפה להצגת פוסטים ישנים

כדי שאנשים יקראו עוד תוכן באתר שלכם,

אתם רוצים להציג להם פוסטים ישנים יותר שלכם.

בבלוקים הרגילים של וורדפרס יש לכם אפשרות להציג את הפוסטים הישנים,

אבל הם לא מאד מעוצבים.

הפלאגין UGA נותן לכם הרבה אפשרויות עיצוב עם 4 בלוקים שונים שמעצבים לכם את הפוסטים.

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

ולכן אני רוצה להדגים לכם איך נראה הטיימליין של הפוסטים של UGA.

כי זה משהו שהוא יחודי לפלאגין הזה.

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

אז מה יכולתי לשנות כאן?

כל הצבעים הם צבעים שאני בחרתי.

הקטנתי את התמונה, החלפתי את הקטגוריות לקטגוריה ספציפית על וורדפרס.

הגדלתי את כמות המילים שנמצאים בתוכן לדוגמא,

והחלפתי את הטקסט של הכפתור לעברית כדי שתדעו שאפשר ללחוץ על זה.

(אלו פוסטים אמיתיים מהאתר ואתם יכולים ללכת לקרוא אותם אחר כך)

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

יכולתי גם להחליף את האייקון אבל החלטתי שהוא מתאים לי והשארתי אותו.

כך זה היה נראה לפני שערכתי את הצבעים והתמונה

(הורדתי את כמות הפוסטים לצורך הדוגמא הזאת, במקור יש כאן הצעה ל6 פוסטים):

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

הנה דוגמא (התוכן הוא תוכנית הפעולה של המכללה)

שלב אחד

בדיקת הרעיון

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

שלב אחד
שלב שני

בדיקת המכירות

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

שלב שני
שלב שלישי

בניית מותג

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

שלב שלישי
שלב רביעי

מכירות מתקדמות

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

שלב רביעי
שלב חמישי

אוטמציה

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

שלב חמישי

מה שיניתי כאן?

החלפתי את הצבעים למה שהתחשק לי.

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

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

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

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

אני מאמינה שהדברים האלו גם יתפתחו עם הזמן,

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

אלו שתי דוגמאות לבלוקים של התוסף UGA. ואלו גם היחודיים ביותר שהוא מציע כרגע.

בואו נראה מה יש לJOOMUNITED להציע

advanced gutenberg

החברה הזאת מכינה פלאגינים לג’ומלה ולוורדפרס. מאז שאני מכירה אותם

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

הם התחדשו עם הרבה פלאגינים של וורדפרס.

ולפי השם שלהם, נראה לי שהם התחילו עם ג’ומלה אבל הבינו שוורדפרס זה העתיד.

כמובן שאלו השערות שלי, אתם יכולים לשער דברים אחרים.

בכל מקרה, לגבי התוסף של בלוקים לגוטנברג,

הם בעיקר מתיחסים לאירגון תוכן.

אם זה דרך טבלה שראינו כאן בתחילת הפוסט,

ואם זה דרך אקורדיון תוכן או טאבים.

בואו נראה דוגמא לטאבים:

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

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

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

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

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

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

זהו גם השלב שבו תלמדו איך מוציאים לאור,
קורס דיגיטלי קצר ומהיר. 

כדי שתוכלו להתחיל למכור אותו.
(וכמובן יש לכם הדרכות טכניות על כל מה שתצטרכו)

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

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

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


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

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

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

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


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

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

מה שיניתי בבלוק של הטאבים?

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

הוספתי גם צבע רקע לתוכן עצמו בכל טאב.

ועיגלתי את הפינות.

כפי שאתם שמים לב, כרגע לפחות, הטאבים מיושרים לשמאל,

אין שם הגדרה לשינוי לימין.

אפשר לבדוק עם המפתחים, כי הם מצהירים שזה עובד עם אתרי RTL (ימין לשמאל)

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

וגם לא כותרות, המקסימום זה להדגיש קצת את הטקסט.

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

מ3 הדוגמאות האלו.

לסיכום הפלאגין של ג’ומיונטד

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

העיצוב שלהם פשוט מאד, ואין בו הרבה אפשרויות.

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

הניסיון שלי עם התמיכה שלהם הוא חיובי, הם ענו לי מהר,

ולעניין.

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

אם אתם אוהבים עיצוב גרפי, התוסף הבא הוא בשבילכם

Stackable – בלוקים לגוטנברג

אני חושבת שהם לקחו את הרעיון של גוטנברג

והם עובדים על הבלוקים שלהם שיוכלו להחליף כל בנאי דפים שאתם מכירים.

אני חיפשתי דרך אחרת להציג את הוידאו שאני שמה מיוטיוב.

ורציתי לנטרל הפרעות.

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

וכך הגעתי אליהם.

יש להם בלוק פופאפ לוידאו, אני יכולה לעצב את התמונה של הוידאו איך שאני רוצה,

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

מה שעוזר כמובן לזה שאנשים יראו את כל הוידאו עד הסוף.

התקנתי את התוסף ודי שכחתי ממנו.

הוא הוסיף לי לשונית בלוח הבקרה, וכל פעם כשראיתי את זה,

שאלתי את עצמי למה שמתי את הפלאגין הזה באתר.

ונזכרתי שזה בגלל הוידאו.

המיקוד של התוסף הזה הוא בעיצוב

ולכן גם יש להם גרסה בתשלום

הגרסה בתשלום היא לא יקרה, ולדעתי אם אתם מתלבטים שווה לבדוק.

הם שמים הרבה דגש על העיצוב,

יש להם הרבה אלמנטים שלא תמצאו בפלאגינים השניים,

וידאו ברקע,

אנימציות,

צבע מעומעם ברקע,

מעברים מעניינים בין החלקים של הדף,

ובעצם כל מה שהייתם מצפים שבנאי דפים יעשה עבור הדף שלכם.

הנה דוגמא לוידאו ברקע

הצטרפו עכשיו למכללה למקצועות הידע באינטרנט

במכללה תוכלו לקבל תוכנית עבודה מסודרת, שתראה לכם איך לבנות עסק דיגיטלי אוטומטי שפועל בלעדיכם (אם תרצו). לפי שיטת 5 שלבי הפירמידה. הצטרפו היום לשבועיים התנסות ב14 ש”ח בלבד.

מה שיניתי כאן?

השתמשתי בבלוק Container שהוא בלוק כללי . אפשר לשלב בו עוד בלוקים בפנים לפי מה שרוצים.

את הפינות העגולות ישרתי, הן מגיעות במקור קצת מעוגלות.

במקרה הזה שמתי רקע של ים התיכון שצילמתי לפני כמה חודשים (בהרצליה).

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

הרקע של הוידאו הופך אוטומטית לחסר צבע, כי זה חלק מהקטע של וידאו ברקע,

שהוא לא יבלוט יותר מדי, לכן החלפתי את הצבע של הרקע לתכלת.

הבלוק המקורי מגיע עם כותרת וטקסט מתחת.

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

וגם הגדלתי את הטקסט.

הוספתי כפתור – שגם הוא מתוך הבלוקים של stackable.

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

אם תלחצו על הכפתור, תגיעו כמובן לדף הרישום למכללה.

דוגמא נוספת מתוך STACKABLE.

(המספרים לא יתעדכנו עם הזמן כי אני צריכה לזכור להכנס לכאן להחליף, זה לא אוטומטי,

אז קחו בחשבון שמן הסתם הכל כאן יגדל)

מנויים באתר

871

כמה מנויים נרשמו לאתר
במהלך השנים

קורסים במכללה

65

כמה קורסים יש במכללה היום

דיונים בפורום

114

כמה דיונים נפתחו בפורום,
שאלות מתוך הקורסים

סרטונים בקורסים

2150

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

בלוק מספרים רצים – למה זה טוב?

הבלוק נקרא Count Up והמטרה שלו היא להראות במספרים הוכחות להצלחה.

במקרה הזה בחרתי לשים את כמות המשתמשים באתר שנרשמו בו מאז ומעולם

(כל הלקוחות שקנו ממני קורסים כולל אלו שנמצאים במכללה),

הקורסים שיש במכללה,

דיונים בפורום,

והסרטונים בקורסים.

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

אין לי מקום שאפשר לבדוק את זה, ואני לא אלך לספור אותם אחד אחד מסיבות מובנות.

(וזה גם משתנה על בסיס יומיומי כשאני מוסיפה תכנים לקורסים…)

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

כשאתם כותבים נתונים מספריים, תכתבו דברים אמיתיים.

המספרים ניתנים לשינוי ידני,

כלומר האתר לא לוקח את המידע באופן אוטומטי.

יש מקרים שבהם אפשר לסדר שזה יהיה אוטומטי אבל זה דורש כתיבת קוד,

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

אני זאת שהייתי צריכה להכניס את המספרים פנימה.

ולגבי העיצוב

כך נראה הבלוק לפני השינויים שהכנסתי:

Title

$99.99

Description

Title

1,234

Description

Title

1,234.56

Description

Title

£99.99

Description

הוספתי תמונה לרקע, עימעמתי את הצבע שלה, והוספתי צבע לבן מעל הכל שהיא תהיה באמת רק רקע.

שיניתי את הפונט של המספרים (יש 3 אפשרויות), ושיניתי את הצבעים.

הוספתי טקסטים מותאמים למידע שרציתי להראות לכם.

וזהו בערך, כל זה לקח לי 3 דקות אולי כולל איסוף המידע מכל המקומות באתר שלי.

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

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

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

יהיו כאן שלשה בלוקים,

  1. כותרת
  2. רשימה עם איקונים
  3. כפתור

UGA

The Ultimate Gutenberg Blocks Library – בלוקים של גוטנברג

מה האפשרויות של העיצוב?

בכותרת המיוחדת, יש את הכותרת עצמה, הקו המפריד והתיאור.

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

הרשימה קצת יצאה מכוערת, אבל רציתי להראות מה אפשר לעשות.

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

האייקון השלישי הוא תמונה שהעלתי.

הגודל של הכל משותף, ובמקרה הזה הגדלתי מאד את האייקונים רק לצורך הדוגמא.

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

Joomunited

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

מה אפשרויות העיצוב של joomunited?

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

אין הרבה אפשרויות לבלוק הרשימה שלהם .

יש כמה אייקונים לבחירה, החיצים בכל מקרה פונים לכיוון הלא נכון בעברית.

אפשר גם לראות שהאייקונים עולים על הטקסט בעברית. (אני אפנה אליהם להראות את התוצאה).

יכולתי להגדיל את הטקסט ואת האייקון בנפרד.

זה בערך כל אפשרויות הרשימה שיש להם להציע.

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

יש מקום רק לטקסט אחד, ואין אייקון.

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

ואפשר להגדיל את הכפתור מכל צד בנפרד.

Stackable

  • הדרכות קצרות וארוכות
  • ספריות תוכן, וידאו, ומסמכים
  • סיכומים, צ’ק ליסטים, דפי הנחיה, דוגמאות, וספרים דיגיטלים להורדה חופשית

מה אפשרויות העיצוב של Stackable?

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

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

הרשימה של האיקונים שלהם יחסית פשוטה לעומת האפשרויות שיש להם בבלוקים אחרים.

אפשר להחליט על צורת האייקון מתוך 6 צורות.

להחליט האם יהיה עיגול או לא מסביב,

אפשר לשנות את הצבע ואת הגודל של האייקון בלבד.

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

שזה דווקא דבר יעיל. ביחוד אם רוצים לעשות רשימה של קישורים.

ולגבי הכפתור, יש להם 3 מצבים.

  1. כפתור רגיל
  2. כפתור ריק עם מסגרת (שזו הדוגמא שהבאתי כאן)
  3. טקסט פשוט ללא כפתור

אפשר להגדיל את הכפתור לכמה גדלים שהם הגדירו מראש

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

ויש גם רשימה של אייקונים, אבל לא הרשימה הרגילה, אז אי אפשר למצוא שם חץ פשוט.

סיכום, מה עדיף מתוך 3 התוספים הללו?

לסיכום,

לכל אחד מהם יש יתרונות וחסרונות.

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

בעיקר כי כל אחד התמקד בכיוון אחר.

התוסף של Stackable הוא הכי חדש אצלי באתר, ואני ממש אוהבת אותו.

כי הוא מאפשר לי לעצב דברים בקלות.

ואפילו שוקלת לקנות את הגרסה המתקדמת כי זה רק 29$ ויש שם עוד אפשרויות מתקדמות בעיצוב.

אני חושבת שאם רוצים להחליף את בנאי הדפים,

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

הבעיה הגדולה עם בנאי דפים,

זה שהוא לא טבעי לוורדפרס,

הוא פותח לכם חלון חדש, ושם אתם ממשיכים לעבוד איתו.

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

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

וזה נכון גם לתוספים האלו, ברגע שהכנסתם אותם לאתר,

ובאמת השתמשתם בהם.

עכשיו אתם צריכים להשאר איתם כל הזמן,

כי כשתסירו אותם התוכן יעלם.

איזה תוסף יעזור לכם?

האם יש לכם שאלות נוספות?

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

לתגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

למה אנשים קונים קורסים און ליין למרות שיש את כל התוכן חינם ברשת?

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

מה הקאט’צ של שיווק שותפים- אפיליאט? האם עובדים עלי?

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

בדרך לבמה עם גתית לביא – איך לשיר עם פלייבק

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