הקטנת תמונה ראשית

בתצוגת רשימה עם תמונות בתבנית אטלנטה, גודל התמונות מוגדר כ 360PX רוחב על 240PX גובה.

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

יש לך שתי אפשרויות איך להקטין את התמונה – באמצעות תבנית בת כמובן:
1. הדרך הפשוטה: להקטין באמצעות CSS את הרוחב המקסימלי של התמונה, נאמר עד לכ 20% (תשנה לפי מה שנוח לך). באמצעות הקוד CSS הבא:

.media .pull-left {
    width: 20%;
}

במקרה כזה, היחס של התמונה הרוחבית ישאר אותו דבר – מלבני.

2. הדרך הארוכה: להעתיק את הקובץ content/content-small_thumb.php אל תיקיית content בתבנית בת,
ושם לערוך את הקוד הבא (שורה 10) לפי הגדלים שאתה רוצה:

<?php if ( $image_url = Pojo_Thumbnails::get_post_thumbnail_url( array(
 'width' => '360', 'height' => '240', 'crop' => true ) ) ) :
 ?>

שים לב שבתוך הקוד מופיעים הגדלים הבאים:
'width' => '360'
'height' => '240'

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

<?php if ( $image_url = Pojo_Thumbnails::get_post_thumbnail_url( array(
'width' => '150', 'height' => '150', 'crop' => true ) ) ) :
?>

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

בהצלחה