האולטימטיבי Divi 3.0 סקירה ב-2023

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

Divi הוא נושא ה-WordPress המועדף עלינו כשזה מגיע WooCommerce, וחדש Divi 3.0 מציג "בונה חזותי" חדש לגמרי (המכונה גם "עורך חזיתי") שנבנה מחדש מהיסוד באמצעות React, ספריית JavaScript מודרנית עבור ממשקי משתמש. בונה חדש זה מאפשר למשתמשים לערוך את דפי הוורדפרס שלהם בחזית האתר שלהם באמצעות בקרות ויזואליות פשוטות ויפות. כשאתה מפעיל את הבונה, אתה רואה את הדף שלך בדיוק כפי שהוא יופיע בחזית האתר שלך.

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

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

הוסף תוכן חדש מאת Divi40+ מודולים של

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

Inline-Editor-1

התאם הכל בקלות

היופי של Divi 3.0 מתגלה כאשר אתה מתחיל להתאים את עיצוב התוכן שלך. הכל יכול להיות מותאם אישית ואתה יכול לראות את השינויים האלה מופיעים בזמן אמת:

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

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

חווה מהירות בלתי נסבלת

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

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

ממשק ה-Invisible והניתן להתאמה אישית

ניתן להתאמה אישית-ממשק-2

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

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

תגובות תגובות 0

השאירו תגובה

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

דֵרוּג *

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