הגלריה של וורדפרס

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

איך עושים את זה:

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

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

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

התוצאה:

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

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

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

בהצלחה, דייזי עיצוב גרפי www.daisydesign.co.il