آموزش تغییر ابعاد تصویر از پیش تعریف شده (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 (پرتره) تغییر بدین. کد شما به این صورت خواهد بود:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
// 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 } |
شما باید:
|
1 |
add_image_size( 'portfolio-post-thumbnail-xl', 560, 300, 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 تغییر بدین.
