הצגת תמונות בבלוג – איך לשפר את ה-CSS
לא זכור לי בדיוק מאיזו גרסת וורדפרס, אולם באחת מהאחרונות (זו שבה כל הממשק האחורי השתנה), נוספו אפשרויות רבות להוספת המדיה.
כעת, בעת הוספת התמונה ישנו שדה להוספת כיתוב לתמונה (בעת ההוספה הוא נקרא בעברית משום מה "כותרת" (יש שני שדות כותרת, זה התחתון מביניהם). אם תוסיפו בו כיתוב, הוא יופיע עם התמונה בפוסט עם מסגרת אפורה.
ככה לפחות זה יראה לכם בעת העריכה, אולם בתצוגה הפוסט בבלוג לעיתים המסגרת תעלם, המיקום של התמונה לא יהיה צמוד לטקסט ובאופן כללי, הכל יהיה פחות נעים.
אם אתם סובלים מבעיה זו, יתכן שהתבנית בה אתם משתמשים לא מציינת מאפיינים עבור הגדרות תצוגת התמונה והכיתוב, יתכן והתבנית ישנה או שמי שתרגם אותה (למשל, אני) לא שם לב והזניח את עניין התמונה.
אל דאגה, אפשר לסדר את זה בצורה מהירה ופשוטה.
כדי שכל הסיפור הזה יראה כמו שצריך בבלוג, עם המסגרת ובריווחים נכונים ובמיקום שבחרתם, ניתן להוסיף את חלק הקוד הבא בסוף קובץ ה-CSS של התבנית שלכם (אפשר לעשות זאת גם דרך ממשק הניהול: עיצוב>עריכת עיצובים):
.aligncenter,
div.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.aligncenter {
margin: 0 0 10px 0;
}
.alignleft {
float: left;
margin: 0 10px 10px 10px;
}
.alignright {
float: right;
margin: 0 10px 10px 10px;
}
.wp-caption {
border: 1px solid #ccc;
text-align: center;
background-color: #f7f7f7;
padding-top: 4px;
}
.wp-caption img {
float: none;
margin: 0px;
padding: 0px;
border: none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0px;
margin: 0px;
}
זה הכל. בהצלחה
לא עובד לי –>http://onethatknows.com/?p=544
בעמוד העריכה מופיעה לי המסגרת עם הכיתוב אבל באתר עצמו נעלמת המסגרת והכיתוב מוצמד לימין.
עומר, דווקא אני רואה את הכותרת והכיתוב באתר עצמו (הכתובת שציינת). איפה הבעיה?
מוזר, מקודם זה לא עבד.
תודה על השדרוג!!!!!!!!!!!!!!!!!!!!!!
היתה לי בעיית יישור תמונות ששברתי עליה את הראש, והטריק הזה פתר אותה אוטומטית
תודה רבה
תודה רבה!!! פתר לי את הבעיה באתר