تغییر سایز تصاویر پست ها

[yohana 0]

سلام بر اساتید محترم

تصاویر مطالب تو سایتم تو قسمت بایگانی دسته ها قسمتی از عکس رو نشون میده

به جز پست پایینی بقیه پست ها رو تصاویرش مثل پست بالایی میمونه

[np.1400 542]

سلام.

تو بخش تنظیمات --> رسانه تیک گزینه ی "بریدن تصاویر بندانگشتی (به طور عادی، تصاویر بندانگشتی متناسب هستند)" رو بردارید از این به بعد درست میشه

ولی قبلی ها نه.

احتمال اینکه از کدنویسی باشه خیلی کمه.

[yohana 0]

ممنون بزرگوار .یعنی میتونم دوباره تصویر شاخص ها رو حذف کنم و مجدد بارگذاری کنم درست میشه قبلی ها یا نه

تو کد نویسی هر چی گشتم چیزی پیدا نکردم

[شهاب 283]

ممنون بزرگوار .یعنی میتونم دوباره تصویر شاخص ها رو حذف کنم و مجدد بارگذاری کنم درست میشه قبلی ها یا نه

تو کد نویسی هر چی گشتم چیزی پیدا نکردم

برای اینکه قبلی ها درست شه باید تصاویر رو مجدد از سیستم بارگذاری کنی نه اونایی که توی رسانه وردپرس هستش.

بله اینجوری درست میشه اما سئوی سایت به مشکل بر میخوره.

[yohana 0]

باز همون مشکل هست.عکس جدید بارگذاری کردم بازم همون مشکله

[شهاب 283]

باز همون مشکل هست.عکس جدید بارگذاری کردم بازم همون مشکله

پس صد در صد عرض عکس تصاویر در این بخش در کد نویسی یه مقدار مشخص تعیین شده. مثلا: width: 30px باید اینو تغییر بدی شما

[yohana 0]

اون رو بر روی درصد تعیین شده که مقدار رو تغییر میدم فقط عکس بزرگ میشه قاب هیچ تغییری نمیکنه

اینم کدش

.post-area .post-thumb img {

• width: 20%;
  
• height: auto;
  
• margin-top: 20px;
  
• margin-right: 20px;
  
• margin-bottom: 20px;
  
• margin-left: 20px;
  

[شهاب 283]

اون رو بر روی درصد تعیین شده که مقدار رو تغییر میدم فقط عکس بزرگ میشه قاب هیچ تغییری نمیکنه

اینم کدش

.post-area .post-thumb img {

• width: 20%;
  
• height: auto;
  
• margin-top: 20px;
  
• margin-right: 20px;
  
• margin-bottom: 20px;
  
• margin-left: 20px;
  

آدرس این بخش رو بذار که بررسی شه

ویرایش شده مهر 94 توسط شهاب

[yohana 0]

تمام بایگانی دسته ها اینطوره

اینجا

[شهاب 283]

تمام بایگانی دسته ها اینطوره

اینجا

بهترین راهی که پیدا کردم:

کد زیر رو جایگزین کد بالا کن و یکی از تصاویر رو مجددا که برا این بخش هست رو از سیستم بارگذاری کن و تست کن.

.post-area .post-thumb img {
    width: 30%;
    border: solid;
    border-width: thin;
    border-color: silver;
    height: auto;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}

[np.1400 542]

نه مشکل از css نیست.

مشکل از برش تصاویره. اگه از اونجا تیک رو ورداشتید و درست نشده یعنی از کدهای فانکشنه.

از فایل function.php تابع بند انگشتی رو پیدا کنید بذارید اینجا یعنی عبارت زیر:

add_theme_support( 'post-thumbnails' );

و هر کدی که باهاش تو یه گروهه. مثلا برای من میشه این:

/*-----------------------------------------------------------------------------------*/
/* Post Thumbnail Support
/*-----------------------------------------------------------------------------------*/
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
add_image_size( 'widgetthumb', 70, 60, true ); //widget
}
function mts_get_thumbnail_url( $size = 'full' ) {
    global $post;
    if (has_post_thumbnail( $post->ID ) ) {
	    $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), $size );
	    return $image[0];
    }

    // use first attached image
    $images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . $post->ID );
    if (!empty($images)) {
	    $image = reset($images);
	    $image_data = wp_get_attachment_image_src( $image->ID, $size );
	    return $image_data[0];
    }

    // use no preview fallback
    if ( file_exists( get_template_directory().'/images/nothumb-'.$size.'.png' ) )
	    return get_template_directory_uri().'/images/nothumb-'.$size.'.png';
    else
	    return '';
}

[شهاب 283]

نه مشکل از css نیست.

مشکل از برش تصاویره. اگه از اونجا تیک رو ورداشتید و درست نشده یعنی از کدهای فانکشنه.

از فایل function.php تابع بند انگشتی رو پیدا کنید بذارید اینجا یعنی عبارت زیر:

add_theme_support( 'post-thumbnails' );

و هر کدی که باهاش تو یه گروهه. مثلا برای من میشه این:

/*-----------------------------------------------------------------------------------*/
/* Post Thumbnail Support
/*-----------------------------------------------------------------------------------*/
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
add_image_size( 'widgetthumb', 70, 60, true ); //widget
}
function mts_get_thumbnail_url( $size = 'full' ) {
global $post;
if (has_post_thumbnail( $post->ID ) ) {
	 $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), $size );
	 return $image[0];
}

// use first attached image
$images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . $post->ID );
if (!empty($images)) {
	 $image = reset($images);
	 $image_data = wp_get_attachment_image_src( $image->ID, $size );
	 return $image_data[0];
}

// use no preview fallback
if ( file_exists( get_template_directory().'/images/nothumb-'.$size.'.png' ) )
	 return get_template_directory_uri().'/images/nothumb-'.$size.'.png';
else
	 return '';
}

بله درسته بنده میدونستم که از سی اس اس نیست و خواستم که راه راحت تری پیدا شه.

دوستمون باید کادر تصاویر بندانگشتی رو در این بخش تغییر سایز بده یا حذف کنه

[yohana 0]

ممنون از دوستمون شهاب بابت زحماتشون اما نشد.

منظورتون فانکش قالب هست؟

اونجا همچین چیزی نبود

[yohana 0]

تو پوشه framework قالبم فانکشن بود و این و پیدا کردم

if(!function_exists('wpo_thumbnail_url')){
    //Get thumbnail url
    function wpo_thumbnail_url($size){
	    global $post;
	    //$url = wp_get_attachment_url( get_post_thumbnail_id(get_the_ID()),$size );
	    if($size==''){
		    $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			 return $url;
	    }else{
		    $url = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), $size);
			 return $url[0];
	    }
    }
}

[np.1400 542]

شرمنده از این به بعدشو نمیدونم

کد چیزی از سایز نداره.

[yohana 0]

نه نداره لینک دمو قابل رو میتونم بدم البته انگلیسی

اینجا

[yohana 0]

دوستان با کوچیک کردن سایز تصاویر قبل از بارگذاری مشکل حل شد.

قبلا تصاویر رو با اندازه 500*500 بارگذاری میکردم اما حالا 250*250

البته نمیدونم برای اینکه تصویر داخل پست بزرگتر باشه باید یه تصویر دیگه با سایز بزرگتر اپلود کنم یا نه!!!!!!