آموزش تغییر ابعاد تصویر از پیش تعریف شده (predefined) در وردپرس

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

وقتی یک تصویر رو با استفاده از فانکشن Featured Image در هر نوع پستی آپلود میکنین، خواه استاندارد باشه یا سفارشی، یا از طریق Dashboard > Media > Add New panel، وردپرس به طور خودکار چندین نسخه از همون تصویر رو در FTP شما با ابعاد مشخص شده در تنظیمات Media و source code پوسته فعلی‌تون ایجاد میکنه.

به عنوان مثال، تصویر شما به صورت 1920×1200_front.jpg نامیده میشه و زمانی که اون رو از طریق وردپرس در پوشه wp-content\uploads\2011\07 آپلود کنین، به این موارد میرسین:

1920×1200_front.jpg

1920×1200_front-100×100.jpg

1920×1200_front-164×151.jpg

1920×1200_front-200×120.jpg

1920×1200_front-692×300.jpg

اگر تصاویر پیش‌فرض مورد استفاده برای پست‌های قالب شما landscape-oriented باشن و تصویری portrait-oriented آپلود کنین، قطعا به صورت اشتباهی برش داده میشه.

برای رفع این مشکل، فایل theme-init.php واقع در پوشه themes\theme_number\includes\ رو در یک ویرایشگر php (Dreamweaver) باز کنین، ابعادی رو که باید تغییر بدین رو خواهید دید. کامنت‌های اضافه شده به کد به شما کمک میکنه بدونین دقیقا چه ابعاد تصویری رو باید ویرایش کنین.

به عنوان مثال، نام تصویر برش خورده شما که در ftp ایجاد شده Mona_Lisa-560×300 هست و می‌خواهین ابعادش رو به 195 X 302 (پرتره) تغییر بدین. کد شما به این صورت خواهد بود:

// This theme uses  post thumbnails
if (  function_exists( 'add_theme_support' ) ) { // Added in 2.9
add_theme_support(  'post-thumbnails' );
set_post_thumbnail_size(  148, 115, true ); // Normal post thumbnails
add_image_size(  'large-thumbnail', 1920, 1280, true ); // Large Thumbnail
add_image_size(  'post-thumbnail-xl', 692, 300, true ); // Portfolio Extra Large Thumbnail           
add_image_size(  'portfolio-post-thumbnail-small', 148, 85, true ); // Portfolio Small Thumbnail
add_image_size(  'portfolio-post-thumbnail', 220, 150, true ); // Portfolio Thumbnail
add_image_size(  'portfolio-post-thumbnail-large', 370, 240, true ); // Portfolio Large  Thumbnail
add_image_size(  'portfolio-post-thumbnail-xl', 560, 300, true ); // Portfolio Extra Large  Thumbnail
add_image_size(  'small-thumbnail', 90, 55, true ); // Small Thumbnail
}

// This theme uses post thumbnails

if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9

add_theme_support( 'post-thumbnails' );

set_post_thumbnail_size( 148, 115, true ); // Normal post thumbnails

add_image_size( 'large-thumbnail', 1920, 1280, true ); // Large Thumbnail

add_image_size( 'post-thumbnail-xl', 692, 300, true ); // Portfolio Extra Large Thumbnail

add_image_size( 'portfolio-post-thumbnail-small', 148, 85, true ); // Portfolio Small Thumbnail

add_image_size( 'portfolio-post-thumbnail', 220, 150, true ); // Portfolio Thumbnail

add_image_size( 'portfolio-post-thumbnail-large', 370, 240, true ); // Portfolio Large Thumbnail

add_image_size( 'portfolio-post-thumbnail-xl', 560, 300, true ); // Portfolio Extra Large Thumbnail

add_image_size( 'small-thumbnail', 90, 55, true ); // Small Thumbnail

}

پست پیشنهادی : آموزش حذف/تغییر پیشوند Protected در پست های محافظت شده با رمز عبور در وردپرس

شما باید:

add_image_size(  'portfolio-post-thumbnail-xl', 560, 300, true ); // Portfolio Extra Large  Thumbnail

1	add_image_size( 'portfolio-post-thumbnail-xl', 560, 300, true ); // Portfolio Extra Large Thumbnail

رو به

add_image_size(  'portfolio-post-thumbnail-xl', 195, 302, true ); // Portfolio Extra Large  Thumbnail

1	add_image_size( 'portfolio-post-thumbnail-xl', 195, 302, true ); // Portfolio Extra Large Thumbnail

تغییر بدین.

و تصویر رو از پنل مدیریت وردپرس از طریق گزینه Featured image پست آپلود کنین و پیش نمایش پست رو در بخش کاربری سایتتون مشاهده کنین.

اگر تصویر شما دارای frame هست، ارتفاع و عرض frame تصویر رو در css تغییر بدین.

آموزش تغییر ابعاد تصویر از پیش تعریف شده (predefined) در وردپرس

شبنم داوودی زاده 525