رفتن به مطلب
behzad

مشکل در تعیین اندازه تصویر شاخص

پست های پیشنهاد شده

سلام

خسته نباشید دوستان

لطفا این تصویر رو ببینید

http://redhue.ir/img.php?image=8921_1111_1qx2.png

تصویری که به عنوان تصویر شاخص انتخاب کردم اندازش کمتر از اندازه تعریف شده(620px x 400px) هستش که شما در بالای متن اصلی میبینید. حالا کدی میخوام که همون تصویر با اندازه کم را ، خودکار به اندازه تعریف شده(620px x 400px) تغییر بده هر چند هم که کیفیت پایین بیاد.؟

با تشکر از شما

www.itdot.ir

ویرایش شده توسط behzad

به اشتراک گذاری این ارسال


لینک به ارسال

در تنظبمات> رسانه میتونید سایز تصاویر شاخص رو تعیین کنید

به اشتراک گذاری این ارسال


لینک به ارسال

برای بالا بردن اندازه تصویر بهتر از css استفاده کنید که فایل اضافی روی هاستتون نسازه


min-height:400px;
min-width:620px;

به اشتراک گذاری این ارسال


لینک به ارسال

من دقیقا جواب سئوال شما را دادم

به اشتراک گذاری این ارسال


لینک به ارسال

سلام

خسته نباشید دوستان

لطفا این تصویر رو ببینید

http://redhue.ir/img...1_1111_1qx2.png

تصویری که به عنوان تصویر شاخص انتخاب کردم اندازش کمتر از اندازه تعریف شده(620px x 400px) هستش که شما در بالای متن اصلی میبینید. حالا کدی میخوام که همون تصویر با اندازه کم را ، خودکار به اندازه تعریف شده(620px x 400px) تغییر بده هر چند هم که کیفیت پایین بیاد.؟

با تشکر از شما

www.itdot.ir

میشه بگید اندازه ش رو کجا و به چه شیوه ای تعریف کردید ؟

اندازه تصویر شاخص رو توی سی اس اس تعریف کردید یا فانکشن؟

اگه کدهاتون رو بذارید بهتر میشه کمک کرد

ویرایش شده توسط Mekaeil Andisheh

به اشتراک گذاری این ارسال


لینک به ارسال


img {

max-width: 100%;

height: auto;

}

در کد بالا با تغییر سایز اندازه ها بهم میخورن

فانکشن


// Register Thumbnails

/////////////////////////////////////


if ( function_exists( 'add_theme_support' ) ) {

add_theme_support( 'post-thumbnails' );

set_post_thumbnail_size( 620, 400, true );

add_image_size( 'post-thumb', 620, 400, true );

add_image_size( 'medium-thumb', 300, 194, true );

add_image_size( 'square-thumb', 240, 225, true );

add_image_size( 'small-thumb', 85, 54, true );

}

من در واقع میخوام اندازه تصویر کوچک که برای تصویر شاخص انتخاب میشه ،بعد ارسال پست، اندازه تصویر در بالای متن پست ارسالی تمام طول و عرض قالب تصویر رو که

اندازه تعریف شده(620px x 400px) رو پر کنه؟

به اشتراک گذاری این ارسال


لینک به ارسال

اگر میخواهید کیفیت تصویر رو تغییر بدهید برای فرمت JPG

add_filter( 'jpeg_quality', create_function( '', 'return 80;' ) );

80 کیفیت تصویر هست

برای حذف مقادیر اندازه از خروجی تابع


dd_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10, 3 );

function remove_thumbnail_dimensions( $html, $post_id, $post_image_id ) {
$html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
return $html;
}

بعد میتوانید از طریق CSS به width height مقدار بدهید

به اشتراک گذاری این ارسال


لینک به ارسال

ممنون

داخل کد فانکشن قرار بدم ؟

ارور داد

بله

چه خطایی؟

به اشتراک گذاری این ارسال


لینک به ارسال

add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10, 3 );

به اشتراک گذاری این ارسال


لینک به ارسال


add_filter

خطا از بابت a بود که اول add جا مونده بود.

خوب حالا تو ی css


img {

max-width: 100%;

height: auto;

}

اینه که با تغییر اندازه کل تصاویر بهم میخورن

و

کد


#post-area {
float: right;
font: 18px/35px inassim, tahoma, tahoma;
position: relative;
width: 100%;
}
#post-area p {
display: block;
margin-bottom: 15px;
}

.post-image {
display: block;
margin-bottom: 20px;
width: 100%;
}

#content-area {
display: block;
float: right;
padding: 20px 19px 20px 20px;
width: 620px;
}

به اشتراک گذاری این ارسال


لینک به ارسال

شما باید فقط استایل تصاویر پست رو تنظیم کنید


#content-area img {
}

یا


#content-area img{
}

به اشتراک گذاری این ارسال


لینک به ارسال

مهندس جان مشکل حل شد ولی یه سری تصاویر اندازش خیلی بزرک شد میشه سایت رو ببینین؟

ویرایش شده توسط behzad

به اشتراک گذاری این ارسال


لینک به ارسال

حداکثر اندازه رو تعیین کنید

به اشتراک گذاری این ارسال


لینک به ارسال

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

به اشتراک گذاری این ارسال


لینک به ارسال

#content-area img {
min-height:400px;
min-width:620px;
}

به اشتراک گذاری این ارسال


لینک به ارسال

مشکل برای این هست

که باید تغییر نسبی باشه

و با این روشها نمیشه

میتوانید در همان کلاس width , height رو تنظیم کنید

به اشتراک گذاری این ارسال


لینک به ارسال

میشه از این کد استفاده کرد؟


<?php
if ( !function_exists('fb_AddThumbColumn') && function_exists('add_theme_support') ) {
// for post and page
add_theme_support('post-thumbnails', array( 'post', 'page' ) );function fb_AddThumbColumn($cols) {
$cols['thumbnail'] = __('Thumbnail'); return $cols;
}
function fb_AddThumbValue($column_name, $post_id) { $width = (int) 35;
$height = (int) 35;
if ( 'thumbnail' == $column_name ) {
// thumbnail of WP 2.9
$thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );
// image from gallery
$attachments = get_children( array('post_parent' => $post_id, 'post_type' => 'attachment', 'post_mime_type' => 'image') );
if ($thumbnail_id)
$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );
elseif ($attachments) {
foreach ( $attachments as $attachment_id => $attachment ) {
$thumb = wp_get_attachment_image( $attachment_id, array($width, $height), true );
}
}
if ( isset($thumb) && $thumb ) {
echo $thumb;
} else {
echo __('None');
}
}
}// for posts
add_filter( 'manage_posts_columns', 'fb_AddThumbColumn' );
add_action( 'manage_posts_custom_column', 'fb_AddThumbValue', 10, 2 );
// for pages
add_filter( 'manage_pages_columns', 'fb_AddThumbColumn' );
add_action( 'manage_pages_custom_column', 'fb_AddThumbValue', 10, 2 );
}?>

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

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

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

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


×
×
  • اضافه کردن...