חודש: פברואר 2013

קישורים יכולים להכיל תיאור של הקשר בין הדף בו נמצא הקישור לבין הדף אליו הקישור מוביל. הם מצוינים בקוד הHTML המופק על ידי הוספת rel = "…" לקישור.

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

קשרים סמנטיים שימושיים:

• author – הקישור הוא לפרופיל של הכותב
• me – הדף הנוכחי הוא דף פרופיל והקישור מוביל לדף פרופיל אחר של אותו כותב
• nofollow – הקישור הוא לדף שאיננו בוטחים במהימנות שלו  (משמש בעיקר לסימון תוכן באיכות לא ידועה או נמוכה למנועי חיפוש)
• noreferrer – כאשר הגולש עובר לדף אליו מצביע הקישור הדפדפן לא צריך לשלוח מידע מהיכן הגולש הגיע (מידע זה נשלח כברירת מחדל)

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

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

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

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

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

לשונית עריכת תמונה:

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

לשונית אפשרויות נוספות:

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

אפשרויות תמונה נוספות

• מקור – כתובת התמונה. ניתן להחליף את התמונה המוצגת בתמונה בכתובת אחרת
• גודל – הרוחב והאורך שהתמונה תופסת בפיקסלים. כפתור "הגודל המקורי" יחזיר את נתוני הרוחב והאורך למה שהיה בתחילת העריכה.
• Css class – הסוגים העיצוביים המופעלים על התמונה. אלא אם יש הוראות מיוחדת של שימוש בתמונות בתבנית רצוי לא לגעת.
• עיצוב – מתן פקודות עיצוב ספציפיות (style) לתמונה, עובד בשילוב עם מאפיני התמונה. הדבר היחידי שאי אפשר לשנות דרך המאפינים הוא צבע הגבול שמצוין על ידי המילה black (שחור) כברירת מחדל. ניתן להחליף את black לכל אחד שמות הצבעים המופיעים בדף הזה.
• מאפיני תמונה – דרך ידידודית למשתמש לקבוע את תוכן שדה העיצוב. מאפשר קביעת גודל הגבול מסביב לתמונה וקביעת המרחק האופקי והאנכי שלה מתוכן סמוך. שינוי במאפיני התמונה משתקף מידית בשדה העיצוב
  • גבול – רוחב הגבול בפיקסלים
  • רווח אנכי – גודל הרווח האופקי בפיקסלים מקצה התמונה, או הגבול אם קיים, לתוכן סמוך
  • רווח אופקי – גודל הרווח האופקי בפיקסלים מקצה התמונה, או הגבול אם קיים, לתוכן סמוך

אפשרויות קישור נוספות:

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

• כותרת – הטקסט שיוצג כאשר העכבר נמצא מעל לקישור (בדרך כלל יוצג רק אם לתמונה עצמה אין כותרת)
• קשר סמנטי – בתיבה זו ניתן להגדיר את יחס השייכות (rel) בין הדף בו מופיע הקישור לדף אליו הקישור מוביל.
  את כל המשמעויות שרוצים לתת לקישור צריך להזין לשדה כאשר המונחים מופרדים על ידי רווח
• Css Classes – מחלקות העיצוב של הקישור. אין שום שימוש הגיוני בזה
• עיצוב – עיצוב הקישור. אין שום שימוש הגיוני בזה
• חלון (target) – אם מסומן תיווסף לקישור המלצה לדפדפן לפתוח את הדף שאליו מוביל הקישור בחלון חדש.

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

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

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

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

אזור בחירה מתוך ספרית המדיה

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

ניתן לסנן לפי סוגי המדיה הבאים בתפריט מצד ימין

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

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

אזור עריכה

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

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

אזור תחתון

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

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

העלאת קבצים

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

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

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

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

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

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

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

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

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

חלונית זו נפתחת מתוך עורך התוכן ומשמשת להוספת ועריכת מדיה וגלריה לתוכן הנערך.

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

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