וורדפרס/הוספת מדיה
בניית אתרים בוורדפרס - 5.7 הוספת תמונה לפוסט: נמצא בלוח הבקרה תחת "פוסט חדש".
בעורך הויזואלי יש טקסט שהוא הניח מראש. הוא לוחץ על "הוספת מדיה", כפתור מעל סרגל הכלים שנמצא מעל העורך הויזואלי. נפתח חלון חדש.
הוא בוחר את הכפתור "בחר קבצים" שנמצא במרכז המסך (מצד ימין בחלון ניתן לעלות קבצים מהאינטרנט - הכנס מכותבת אינטרנט; צור גלריה, הגדר תמונה ראשית) כלומר לעלות קבצים מהמחשב האישי שלו.
נפתח חלון חדש, "הוספת מדיה". מצד שמאל של החלון יש לתת:
- כותרת לתמונה
- כיתוב
- טקסט חילופי - חשוב לחיפושים של גוגל ; הוא בחר בדיוק את אותה כותרת של התמונה בטקסט החילופי.
- הגדורת תצוגה
- יישור - אנו בוחרים יישור לימין, לשמאל או למרכז.
- קישור - ניתן להוסיף לאפשרויות שונות:
- קישור לכתובת מותאמת אישית, לאתר מסוים שנקליד את הכתובת שלו.
- לעמוד הקובץ כלומר לפוסט או לעמוד שעורכים
- לקובץ המדיה - לתמונה עצמה
- ללא קישור
- גודל התמונה
הוסף לתוכן.
בלחיצה על התמונה בעורך הויזואלי יש שני כפתורים "מחיקה" ו"עריכה" כלומר ניתן למחוק את התמונה או לערוך לה.
בניית אתרים בוורדפרס - 5.8 הוספת תמונת תצוגה מקדימה לפוסט:
בשיעור זה אנו דנים על תמונה שהיא תצוגה מקדימה (Featured image) לפוסט.
תצוגה מקדימה - תמונה ראשית - תמונה שמייצג את הפוסט. לכל פוסט הוא מראש מוסיף תמונה ראשית כך שבאתר היא תיצג את הפוסט. הפך אצלו להרגל וממליץ.
אפשרות זו נמצאת בחלון השמאלי שליד העורך הויזואלי עבור פוסט חדש תחת כותר "תמונה ראשית".
בשיעור הבא איך מוסיפים וידאו ושמע על פוסטים ואיך תצוגה זו נראת באתר.
בניית אתרים בוורדפרס - 5.9 הוספת וידאו או שמע לפוסט בחלק זה נלמד איך להוסיף קטע וידאו. הוא בעורך הויזואלי של פוסט חדש. בוחר מקום בעורך הויזואלי בו הוא רוצה שיוביל קטע אודיו. הוא מותיר מקום ריק עבור הוידאו (כמה שורות ריקות ומניח את העכבר במקום שמעונין שאליו יצורף הקובץ אודיו).
לוחץ על כפתור "הוספת מדיה", כאמור כפתור שנמצא מעל סרגל הכלים שנמצא מעל לחלון הויזואלי. לאחר מכן לוחץ העלאה קבצים. הוא לוחץ על כפתור "בחר קבצים" ולאחר מכן קטע וידאו. כשיוסיף את הוידאו יוצג לנו קישור אל קטע הוידאו. באתר נוכל לצפות בוידאו.
בשיעור הבא נלמד איך להוסיף קטע וורד.
בניית אתרים בוורדפרס - 7.2 הוספת וידאו מ- youtube: הוספת סרטוני וידאו מיוטוב לפוסט חדש (חלון ימיני בלוח הבקרה --> פוסט חדש). במסך שנפתח נרשם כותר "סרטון". במקביל נפתח לשונית חדשה באינטרנט ונבחר רטון יוטוב אותו נרצה לשלב באתר.
לאחר שמצאנו סרטון שמעניין אותנו באתר של יוטוב נלחץ באתר על כפתור "שתף" (share). לוחץ על הטמע (Embed) ומקבל קוד. אצלו באתר יוטוב נפתחות אפשרויות:
- גודל סרטון
- הצג סרטונים מוצעים כאשר הסרטון מסיים
- השתמש ב-HTPS
- הפעל מצב פרטיות מוגברת
- השתמש בקוד הטמעה ישן - מדובר על שינוי קוד HTML והוא בוחר לא להרחיב בעניין זה.
בחירה על כל אחת מהאפשרויות תשנה את קוד היוטוב אותו נקבל. הוא מדגים כיצד הקישור משתנה בכל לחיצה על אחת מהאפשרויות:
- הוא בוחר לסמן את האפשרות "השתמש בקוד הטמעה ישן". הקוד למעלה השתנה בעקבות כך והוא מעתיק שוב את הקוד.
- גודל הסרטון מופיע ביוטוב וניתן לשנות את גודל הסרטון - שוב במקרה זה הקוד משתנה בהתאם לגודל ששינה. הוא מעתיק את הקוד.
עתה הוא מחליט להדביק את הקישור בפוסט החדש בוורדפרס שלו. הוא חוזר אל לשונית של פוסט חדש בוורדפרס. בעורך הטקסט הוא מדביק את הכתובת של יוטוב. חוזר אל העורך הויזואלי.
|
עדכוני גרסה | ||
| מאחר והסרטונים רלוונטים לשנת 2017 ומאז יוטוב עודכן, האפשרויות שאצלי נפתחו לאחר לחיצה על "share" שונות.
הראשונה היא בחירת הנקודה ממנה נרצה שהרסטון יתחיל לרוץ באתר ("start at"). באפשרות זו מי שיודע Html נראה שינוי אחרי start= בקישור שיוטוב <iframe width="560" height="315" src="https://www.youtube.com/embed/cEo-RqQhKzA?start=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> לאחר מכן יש כותר ששמו "אפשרויות הטמעה" (emebed options) ותחתיו האפשרות :
|
|||
עתה ניתן להשתמש בסרגל הכלים מעל לחונית של העורך הויזואלי כדי ליישר את התמונה. הוא לוחץ "פרסם" כדי לראות את הפוסט באתר. הוא לוחץ על ההודעה הצהוב שמתריע כי הפוסט פורסם ולוחץ על הקישור כדי לפתוח בלשונית חדשה את האתר ולראות את הסרטון. נוהל דומה ניתן לבצע לקובץ סאונד.