שיחה ההאקר Emad
11 באוגוסט 2012 – 21:50 | 31 תגובות

קבוצת ההאקרים הפועלת תחת שמו של אימעד מורניה, RememberEmad, ופרסמה כי פרצה לשרתי חברת ההוסטינג WebGate, פרסמה היום קובץ נוסף ובו כ-500 פרטים נוספים ובהם שמות משתמש וסיסמאות של אתרים שאוחסנו ב-WebGate. נראה כי העימות בן קבוצת …

המשך קריאה »
geek

חנון זה מגניב. תרבות החיים האינטרנטית-טכנולוגית-גאדג'טית. הדברים שמבדילים את הנערים מהגברים.

הרשת

סיפורים מהרשת, בעיקר זו הישראלית. מה קורה, מי קורה ולמה קורה.

וורדפרס

בעיקר תבניות מתורגמות לעברית ולפעמים דברים שקשורים לבלוגים ובלוגרים.

מערכות ניהול תוכן

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

פלטפורמות חברתיות

על רשתות חברתיות, כלים לבניית רשתות ופלטפורמות חברתיות וכל מה מכונה web 2.0

ראשי » וורדפרס, מדריכים

הצגת תמונות בבלוג – איך לשפר את ה-CSS

מאת Erez Wolf בתאריך 12 בספטמבר 2008 – 20:395 תגובות
תמונה של תמונה של תמונה

תמונה של תמונה של תמונה

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

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

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

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

כדי שכל הסיפור הזה יראה כמו שצריך בבלוג, עם המסגרת ובריווחים נכונים ובמיקום שבחרתם, ניתן להוסיף את חלק הקוד הבא בסוף קובץ ה-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;
}

זה הכל. בהצלחה

קרא פוסטים נוספים בנושא זה:

שתף את הפוסט בטוויטר

5 תגובות »

הוסף תגובה!

עליך להיות מחובר כדי להוסיף תגובה.

126 queries in 0.275 seconds.