من در کنار هر مطلب سایت، یک عکس قرار میدم. بطور مثال خبر در مورد آیفون یک عکس در مورد آیفون در سمت چپ اون قرار داده می شود.
چطور می توانم اندازه این عکس را فقط در صفحه ایندکس به صورت خودکار Resize نمایم؟!
یعنی کاربر که خلاصه خبر را در ایندکس می بیند، عکس کنار آنرا نیز در اندازه ای کوچکتر مشاهده کنید. (مثلاً 50% کوچکتر)
اما اندازه عکس در خود خبر در اندازه Original باشد.
با تشکر از راهنمایی شما
يه جورايي اين پلاگين شبيه به خواسته ي شماست ، توضيحاتشو بخونين بيشتر متوجه ميشين :
http://wordpress.org/extend/plugins/ordered-thumbnails
آقا شرمنده شما خودت با این پلاگ کار کردی، از دیروز تا الان من دارم دنبال تنظیماتش می گردم که اصلا از کجا باید شروع کرد :D
سلام
میخواین بند انگشتی بگیرین؟
این رو امتحان کنید:
<img src="/scripts/timthumb.php?src=/images/whatever.jpg&h=150&w=150&zc=1" alt="Screenshot" />
با کمک اسکریپت زیر :
http://timthumb.googlecode.com/svn/trunk/timthumb.php
websoft گفت:
يه جورايي اين پلاگين شبيه به خواسته ي شماست ، توضيحاتشو بخونين بيشتر متوجه ميشين :
http://wordpress.org/extend/plugins/ordered-thumbnails
این افزونه رو بالاخره فعال کردم یک ایراد کوچیکی که داره این هست که عکس ها رو بجای Resize کردن، اگر بزرگ باشند Cut می کنه در یک ابعاد Fix. من می خوام عکسی که توی Index.php می ره مثلا 50% کوچیکتر از عکس Single.php باشه.
-----
در رابطه با اسکریپت timthumb.php توی انجمن انگلیسی وردپرس هم یک نفر این رو پیشنهاد داده، هنوز که موفق نشدم درست کارش بندازم. :-(
اینو امتحان کنید
http://wordpress.org/extend/plugins/wp-post-thumbnail/
mostafa1990 گفت:
اینو امتحان کنید
http://wordpress.org/extend/plugins/wp-post-thumbnail/
لطفآ قبل از پیشنهاد افزونه، بخونید ببنید مشکل من چی هست !!! :?
دوست عزیز افزونه ای که شما معرفی کردید، دو تا ایراد داره اول اینکه فقط فرمت JPEG رو قبول می کنه و ایراد دوم اینکه اینم فقط عکس رو CUT میکنه و همون CUT شده رو در Single.php و Index.php قرار میده در کل هم خبری از Resize نیست اصلا.
افزونه ای که من معرفی کردم امکاناتش از اون یکی ها بیشتره
تغییر اندازه عکس هم به صورت دستیه
یه کاری هست...اینه که Scale بدید به عکس ها...البته با CSS...
مثلاً برای عکس به تنهایی یک کلاس تعریف کنید و مقدار ارتفاع و پهنا رو برای اون کلاس تعریف کنید...
خوبی : دقیقاً همون عکس براتون scale داده میشه
بدی : همون عکس اصلی لود میشه (هر اندازه باشه/حجم/اندازه و...) اما به اندازه ی دلخواهتون نمایش داده میشه...
دوباره پیشنهاد میدم از همون چیزی که من بالاتر معرف کردم استفاده کنید.
من خودم دارم از این استفاده میکنم و خیلی هم راضی هستم.
راه اندازیش هم کاری نداره چطور شما مشکل دارین؟!
این چیزی که مرتضا (تومن!) معرفی کرده از همه ی راه ها بهتره...کلاً تیمب تامب بهتره...
مرتضی جان کارهایی که انجام دادم رو می نویسم اینجا، هر کدوم اشتباه بود راهنمایی کنید. با تشکر.
1- نصب اسکرایپت
اسکریپت TimThumb.php را از لینک داده شده دانلود کردم.
در فولدر Theme سایت، یک فولدر جدید به اسم scripts ساختم.
yourdomain.com/wp-content/themes/your-theme/scripts/timthumb.php
در فولدر scripts، یک فولدر جدید به اسم “cache” ساختم.
yourdomain.com/wp-content/themes/your-theme/scripts/cache/
دسترسی تمام فولدرهای بالا عدد 777 گذاشته شد.
02. افزودن اسکرایپت به قالب سایت
در فایل Index.php مربوط به Theme به دنبال Loop گشتم. (شاید اینجا رو اشتباه کرده باشم)
این خط رو پیدا کردم :
ارسال شده توسط <a href="#"> <?php the_author() ?> </a> در تاریخ <?php the_time('F j, Y') ?>
و این کد رو در زیرش قرار دادم :
WinBeta
websoft
Morteza
Mostafa
بهرنگ<?php // This will show only the image. Alter the width and height (in both places) to your needs. ?>
<?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
<div class="postthumb">
<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="100" height="57" />
</div>
<?php } ?>در نهایت بخشی از Index.php به این صورت شد:
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><h1>
<?php the_title(); ?>
</h1></a>
<div class="clear"></div>
<div class="box-post-sub">
ارسال شده توسط <a href="#"> <?php the_author() ?> </a> در تاریخ <?php the_time('F j, Y') ?>
</div>
<div class="clear"></div>
<?php // This will show only the image. Alter the width and height (in both places) to your needs. ?>
<?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
<div class="postthumb">
<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="100" height="57" />
</div>
<?php } ?>در نهایت این خط رو بجای یک عکس در ادیتور گذاشتم.
<img src="/scripts/timthumb.php?src=http://www.winbeta.net/wp-content/uploads/2009/06/iPhone_3GS.jpg&h=150&w=150&zc=1" alt="" />
اما عکسی نمایش داده نشد.
بابا اینهمه چیکار کردی من قاطی کردم :D
timthumb.php رو بزار توی روت
حالا کافیه یه عکسی که آپلود کردی رو مستقیم بصورت زیر فراخوانی کنی :
<img src="/timthumb.php?src=/images/image.jpg&h=150&w=150&zc=1" alt="hot" />
اگه اومد عکس برو مرحله بعدی.
-----
اینجا
src="/scripts/timthumb.php?src=http://...
اشتباه آدرس timthumb.php رو دادی. باید /wp-content/themes/your-theme/scripts/timthumb.php میزاشتی :-?
یه جیز دیگه
توی حلقه
<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="100" height="57" />
آدرس رو دادی پس برای عکس توی ادیتور نباید
<img src="/scripts/timthumb.php?src=http://www.winbeta.net/wp-content/uploads/2009/06/iPhone_3GS.jpg&h=150&w=150&zc=1" alt="" />
اینجوری ادرس بدی.
باید آدرس عکس روبدی.
من از این افزونه استفاده کردم http://wordpress.org/extend/plugins/thumbnail-for-excerpts/
در قسمت FAQ نوشته:
Is not working for me. Why?
First, the question is too generic. But the main cause may be that you... don't use excerpts! If your theme do not use the_excerpt() is obviously that this plugin will not work. This is Thumnails for Excerpts. I repeat: Excerpts!
منظورش چی هست ؟ از کجا باید فهمید که قالب ما از این فانکشن استفاده می کنه؟ اگر استفاده نمیکنه چطور باید بهش اضافه کرد؟
ممنون :-)
فایل قالبت رو باز کن و ببین توی قسمت پست و ایندکس این تابع هست یا نه که معمولا هست!
نمیدونم چه قدر PHP و وردپرس بلدی ...
اما یک راهنمایی عملی میکنم شما را پوسته miniblog دقیقا همین کار را انجام میده .... یعنی عکس را که به قسمت زمینه دلخواه اضافه میکنی خودش تغییر اندازه اش میده و ...
برای برسی چگونگی این کار هم functions.php را باید برسی کنید ...
به صورت خلاصه کد شماره 1 را در تابع پوسته (functions.php) قرار دهید :
zxo003/*Fix Excerpts*/
function wp_improved_trim_excerpt($text) {
global $post;
if ( '' == $text ) {
$text = get_the_content('');
$text = apply_filters('the_content', $text);
$text = str_replace(']]>', ']]>', $text);
$text = strip_tags($text);
$excerpt_length = 80;
$words = explode(' ', $text, $excerpt_length + 1);
if (count($words)> $excerpt_length) {
array_pop($words);
array_push($words,'...');
$text = implode(' ',$words);
}
}
return $text;
}
remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'wp_improved_trim_excerpt');
/*End of Fix Excerpts*/
/*Custom Field Images*/
function image_attachment($key, $width, $height) {
global $post;
$custom_field = get_post_meta($post->ID, $key, true);
if($custom_field) {
echo '<img src="'.$custom_field.'" alt="" width="'.$width.'" height="'.$height.'" />';
}
else {
return;
}
}
/*End of Custom Field Images*/در هنگام استفاده از زمینه دلخواه به صورت زیر استفاده کنید :
<?php image_attachment('custom_keys', 98, 98); ?>توجه کنید این کدها فقط برای برسی هستند .... بهتر است به خود پوسته نگاه بیندازید ....
دریافت پوسته miniblog
http://asmane.org/persian-miniblog/
حل‌نشده
