מחבר: מרק

בכדי להוסיף תמונה עלינו לדעת מה הכתובת שלה.

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

לצורך ההמשך נניח שהכתובת היא http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png

כעת נוסיף לעמודה הצדדית וידג'ט טקסט  ולתוכו נוסיף את הטקסט הבא

<img src="http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png">

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

• לערוך את התמונה במחשב האישי ואז להעלות מחדש ולחזור על התהליך
• להשתמש בעורך התמונות לעריכת התמונה. בסיום העריכה צריך מחדש את הכתובת משדה "כתובת URL לקובץ"
• להורות לדפדפנים להציג את התמונה ברוחב הרצוי (זו האפשרות החוקית היחידה אם התמונה לא שלכם). אם הרוחב הרצוי הוא 300 פיקסלים נשנה את הטקסט הקודם ל

<img width="300" src="http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png">

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

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

כעט נוסיף וידג'ט טקסט לעמודה הצדדית ולתוכו נעתיק את הטקסט שקיבלנו מיוטיוב.

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

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

• אם בהגדרות המדיה מסומן הטמעה אוטומטית, ציון הכתובת (URL) של הדף בו נמצא הוידאו באתר יוטיוב במקום בו תרצו שיופיע הסרטון' יגרום להופעתו שם.
  אם האפשרות הזו היתה מופעלת באתר הזה http://www.youtube.com/watch?v=unfzfe8f9NI היה מחלף בסרטון הוידאו הנמצא בדף הזה
  בצורה זו הרוחב של הוידאו יהיה הרוחב שמוגדר בהגדרות המדיה או כל רוחב הדף אם לא מוגדר רוחב.
• שימוש בקוד המקוצר embed. בצורה זו ניתן להטמיע וידאו בגודל שונה מברירת המחדל המוגדרת בהגדרות המדיה.
• שימוש בקוד "שיתוף" שניתן לקבל מיוטיוב. מתחת לסרטון באזור בו מופיעים פרטים עליו צריך להקליק על Share ולאחר מכן על Embed. ניתן לשנות את גודל הוידאו ואפשרויות נוספות ובסופו של דבר להעתיק את הטקסט מהתיבה (מסומן בתמונה למטה)
  
  כעת נעבור לעורך הHTML ונוסיף את הטקסט במקום בו הוידאו צריך להיות ממוקם.
  חסרונות השיטה: רק משתמשים בעלי הרשאות של עורך או מנהל יכולים להטמיע בצורה הזו. ברשת אתרים רק משתמש העל יכול להשתמש בה.
  יתרונות השיטה: נותנת שליטה על מאפינים כמו פרטיות מוגברת שאין עליהם שליטה דרך השיטות האחרות

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

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

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

['caption' width="300" caption="הופעה"]<a href="http://wordpress.marksw.com/wp35/files/2013/01/IMG_0526.jpg"><img title="IMG_0526" src="http://wordpress.marksw.com/wp35/files/2013/01/IMG_0526-300×224.jpg" alt="" width="300" height="224" /></a>[/'caption']

פרמטרים:

• caption (חובה) – הכיתוב שיוצג
• width (חובה) – רוחב הכיתוב
• align – לאן ייושר טקסט הכיתוב. ערכים אפשריים:
  • alignnone – ללא ישור
  • alignright – מיושר לימין
  • alignleft – מיושר לשמאל
  • aligncenter – ממורכז
• id – שם מזהה למתן אפשרות לעיצוב יעודי

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

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

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

['gallery']

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

פרמטרים אפשריים:

• columns – מספר העמודות שישמשו להצגת הגלריה
• link – אם הערך שלו הוא "file", במקום קישור לדף המדיה יהיה קישור לגירסאת התמונה המלאה
• size – גודל התמונות המוצגות. הערכים האפשרים הם:
  • thumbnail – יוצגו תמונות קטנות בגודל המוגדר בהגדרות המדיה תחת "תמונה מוקטנת"
  • medium – יוצגו תמונות קטנות בגודל המוגדר בהגדרות המדיה תחת "בינוני"
  • large – יוצגו תמונות קטנות בגודל המוגדר בהגדרות המדיה תחת "גדול"
  • full – יוצגו התמונות המלאות
    תבניות ותוספים עשויים להגדיר גם גדלים אחרים בהם ניתן יהיה להשתמש.
• include – רשימה של מספרים מזהים של קבצי המדיה של תמונות אותן רוצים להציג כחלק מהגלריה. תמונות אלו לא חייבות להיות משויכות לפוסט. אם include="5,8" יוצגו תמונות שקבצי המדיה שלהן מזוהים במספרים 5 ו 8 (איך למצוא מספר מזהה של קובת מדיה)
• exclude – רשימה של מספרים מזהים של קבצי המדיה של תמונות אותן לא רוצים להציג כחלק מהגלריה למרות שהן משויכות לפוסט. אם exclude="5,8" לא יוצגו תמונות שקבצי המדיה שלהן מזוהים במספרים 5 ו 8 (איך למצוא מספר מזהה של קובת מדיה)
• id – בגלריה יוצגו תמונות המשויכות לפוסט שהמספר המזהה שלו ניתן בפרמטר הזה. אם id="5" יוצגו תמונות המשויכות לפוסט מספר 5. (איך למצוא מספר מזהה של פוסט)
• ids – רשימה של מספרים מזהים של קבצי המדיה של תמונות אותן רוצים להציג כחלק מהגלריה. תמונות אלו לא חייבות להיות משויכות לפוסט. אם ids="5,8" יוצגו תמונות שקבצי המדיה שלהן מזוהים במספרים 5 ו 8 (איך למצוא מספר מזהה של קובת מדיה)
• orderby – קביעת פרמטר המיון לפיו תבוצע הצגת התמונות. האפשרויות הן:
  • menu_order – לפי מספר ה"סדר" של התמונה בין התמונות המוצגות
  • title  – לפי כותרת קובץ המדיה של התמונה
  • post_date – לפי תאריך הפרסום של קובץ המדיה של התמונה
  • rand – אקראי
  • ID – לפי סדר העלאת התמונות
• order – סוג המיון עולה או יורד. ערכים אפשריים הם
  • ASC – עולה
  • DESC – יורד
• itemtag – תג הHTML  בו מוכלת כל תמונה והכותרת שלה. ברירת המחדל היא dl
• icontag – תג הHTML  בו מוכלת כל תמונה. ברירת המחדל היא dt
• captiontag – תג הHTML  בו מוכלת כל כותרת של תמונה. ברירת המחדל היא dd

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