קודים קצרים ב-נגן Presto #

קודים קצרים ב-נגן Presto מספקים גמישות להטמעת סרטונים ואודיו באזורים שבהם בלוקים עלולים להיות לא זמינים. הם מאפשרים שילוב עם פלטפורמות שונות, תבניות (themes) וbuilders, המשפרים את השימושיות עבור מגוון רחב של עיצובי אתרים. כמו כן, אתה יכול לשנות את הקוד הקצר ולהגדיר מקור וידאו ישירות, להוסיף פרקים (chapters), כתוביות (captions), והגדרות נוספות.

Media Hub מול קודים קצרים מקוריים #

קודים קצרים של Media Hub #

קודים קצרים של Media Hub מאפשרים לך להטמיע סרטונים או אודיו שהוגדרו מראש עם הגדרות המנוהלות מרכזית מ-Presto Media Hub. זה עובד אם media sync פועל או אם הסרטון נוסף ישירות מ-Media Hub. להלן מידע נוסף על Media Hub.

קודים קצרים מקוריים #

קודים קצרים מקוריים משמשים כאשר הסרטון לא נוסף ב-Media Hub, ויש לך src או URL לסרטון אך אתה רוצה שהוא יושמע דרך נגן Presto.

שימוש בקודים קצרים של Media Hub #

1. עבור אל Dashboard ➜ Presto Player ➜ Media Hub (לוח הבקרה ← נגן Presto ← רכזת מדיה).
2. אתר את המדיה הרצויה ברשימה והעתק את הקוד הקצר הקשור אליה.
3. הדבק את הקוד הקצר לכל אזור רצוי, כגון פוסטים (posts), עמודים (pages) או וויג׳טים (widgets).

דוגמה: הוספת סרטון לסרגל צד #

1. עבור אל Dashboard ➜ Appearance ➜ Widgets (לוח הבקרה ← מראה ← וויג׳טים).
2. הוסף וויג׳ט Shortcode לתפריט הסרגל הצד שלך.
3. הדבק את קוד ה-shortcode של Media Hub וחסוך את השינויים.

קודים קצרים מקוריים #

URL מותאם אישית #

הטמע סרטונים ממקורות חיצוניים באמצעות פרמטר src:

הוספת כתוביות #

ספק כתוביות רב-לשוניות לנגישות:

אפשרויות נוספות #

בנוסף לציון מקור וידאו, תוכל לציין מחסנית של אפשרויות נוספות:

פרמטר	ערך	דוגמה
preset	מזהה של preset מבסיס נתוני ה-presets.	preset=46
autoplay	הפוך את ההשמעה האוטומטית של הסרטון	autoplay=1
plays_inline	הפוך את תכונת ההשמעה המובנית	plays_inline=1
class	שם class להוסיף לנגן	class=”my-class”
poster	URL לתמונת poster	poster=”http://mysite.com/poster.jpg”
preload	הגדרת טעינה מראש של וידאו. אחד מ-“auto”, “metadata” או “none”	preload=”metadata”
muted_autoplay_preview	האם להפעיל “muted autoplay preview”	muted_autoplay_preview=1
muted_autoplay_caption_preview	האם להציג כתוביות במהלך “muted autoplay preview”	muted_autoplay_caption_preview=1

#

כיצד למצוא מזהה Preset #

1. עבור אל הסרטון שלך ב-Media Hub.
2. לחץ על “Edit” וערוך את Video Presets.
3. לחץ על סמל העפרון והצג את Preset ID בפינה התחתונה-ימנית של הפופאפ.

קודים קצרים אחרים ישימים #

נגן Presto Timestamps #

כדי להוסיף נגן Presto timestamps לפוסט או עמוד שנבנה עם Gutenberg, בצע את השלבים הבאים:

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

שלב 2.1 – אם הסרטון כבר נוסף לנגן המדיה, לחץ על Edit Original, לאחר מכן גלול למטה אל ה-Timestamp Shortcode:

שלב 2.2. אם זה סרטון חדש שהוספת באמצעות בלוק זה, פשוט לחץ על הסרטון, גלול למטה, ותראה את ה-Timestamp Shortcode:

שלב 3 – העתק את הקוד הקצר והוסף אותו לתוכן שלך באמצעות בלוק “Paragraph”. כאן, החלף את טקסט ה-dummy (Optional Text) בכותרת ה-timestamp. לאחר מכן, שנה את ארגומנט “time” (time=”1:00″) והחלף את זמן ה-dummy בזמן המדויק של ה-timestamp שלך;

שלב 4 – כעת, רד לשורה הבאה בתוך בלוק “Paragraph”. חזור על השלב הקודם לכל timestamp שברצונך להוסיף;

שלב 5 – לחץ על כפתור Update/Publish כדי לשמור את השינויים.

אתה יכול להוסיף timestamps עבור כל בלוק נגן Presto. זכור שה-timestamp עובד טוב רק אם יש לך סרטון או אודיו אחד בעמוד.

עיצוב Timestamps #

לאחר הוספת ה-timestamps שלך, תוכל לעצב אותם כמו כל טקסט אחר בתוך בלוק “Paragraph” של Gutenberg.

יתר על כן, תוכל להשתמש ולעצב את קוד ה-shortcode של timestamp עם בלוקים אחרים של Gutenberg (לדוגמה, tabs, accordion וכו’).

כמו כן, הקוד הקצר יעבוד עם רוב אלמנטי הטקסט של page builder (לדוגמה, וויג׳ט “Text Editor” של Elementor או מודול “Text Editor” של Beaver Builder).

יישומים מעשיים #

מתי להשתמש בקודים קצרים #

דוגמה 1: הטמעת סרטונים באזורים שאינם מבוססים על בלוקים #

• תרחיש: התבנית (theme) שלך משתמשת בוויג׳טים קלאסיים או באזורים שאינם מבוססים על בלוקים כמו headers (כותרות עליונות), footers (כותרות תחתונות) או קונטיינרים של HTML מותאמים אישית.
• פתרון: השתמש בקוד קצר של נגן Presto להטמעת וידאו של Media Hub או מקור וידאו חיצוני.

דוגמה 2: הטמעת וידאו בקרוסלה #

• תרחיש: אתה בונה slider של סרטונים (לדוגמה, demos של מוצרים) באמצעות תוסף carousel של צד שלישי.
• פתרון: הכנס קודים קצרים בודדים של נגן Presto לכל וידאו כחלק מפריטי ה-carousel.

דוגמה 3: הטמעת וידאו דינמית דרך שדות מותאמים אישית #

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

מתי להשתמש בבלוקים של נגן Presto #

דוגמה 1: הוספת סרטונים לעמודי Gutenberg #

• תרחיש: אתה יוצר עמוד עשיר במדיה ב-Gutenberg ורוצה שליטה ויזואלית מלאה.
• פתרון: השתמש בבלוק נגן Presto להטמעת וידאו גרור-וזרוק עם תצוגה מקדימה מיידית ואפשרויות התאמה אישית.

דוגמה 2: ניהול וידאו מרכזי עם Media Hub #

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

דוגמה 3: יצירת תוכן אינטראקטיבי עם פרקים וטימסטמפים #

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

שאלות נפוצות #

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

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

– הנח כל קוד קצר בקונטיינר נפרד כדי למנוע קונפליקטים.

– ודא שלא מתרחשות בעיות סגנון חופפות או בעיות פונקציונליות.

האם אוכל להשתמש בקודים קצרים בתוך קרוסלות או קונטיינרים דומים? #

כן, קודים קצרים תואמים לוויג׳טים כמו קרוסלות, tabs ו-accordions. לפני השימוש:

– ודא שה-widget או הקונטיינר תומכים בהטמעה של קודים קצרים או מדיה.

– בדוק בעיות פונקציונליות הספציפיות ל-widget.

האם קודים קצרים תואמים לעורכי בלוקים ו-page builders? #

בהחלט! קודים קצרים עובדים בצורה חלקה עם Gutenberg, Elementor, Beaver Builder וש-page builders גדולים נוספים.

– אם אתה נתקל בבעיות, עיין בתיעוד או בצוות התמיכה של ה-page builder בהתאמה.

כיצד אוכל להשתמש בקודים קצרים בעמודי מוצרים של e-commerce? #

הטמע סרטונים או אודיו של נגן Presto ישירות בעמודי מוצרים של WooCommerce כדי להציג:

– הדגמות מוצרים

– עדויות של לקוחות

– הדרכות

הערה: התאימות עלולה להשתנות בהתאם לפלטפורמה או ל-page builder בשימוש. אם בעיות מתעוררות, פנה למפתחי הפלטפורמה לקבלת סיוע.

האם נגנים עם קודים קצרים יכבדו התאמות CSS? #

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