رفتن به مطلب

سوال در مورد تصویر اسلایدر و شاخص قالب


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

سلام دوستان

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

در صفحه اول سایت برای هر پست یک تصویر شاخص هستش با یه سایز کوچیک که نمیدونم از کجا میشه سایزش رو تغییر داد

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

تصویر شاخص پست ها مربع هستش ولی اسلاید شو مستطیل !

این ادرس سایت واسه دیدن


http://just-music.ir/

میخوام سایز تصویر شاخص رو تغییر بدم و همچنین تصاویر اسلاید شو رو کاری کنم که از تصویر شاخص عکسارو نگیره ! و از داخل عکس های پست تصویر رو بگیره و نمایش بده ! یا حالا هر طوریه سایزش مناسب تر بشه ! خودتون ببینید ...

پیشاپیش تشکر

لینک به ارسال

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

قصد دارم ابتدا سایز تصویر شاخص رو تغییر بدم (برای این قالب فعلی !)

نمیشه تصاویر اسلایدر رو دستی وارد کرد ؟

لینک به ارسال

شما اول به فانکشنز قالبت اضافه کن


if ( function_exists( 'add_theme_support' ) ) {
add_theme_support('post-thumbnails'); // Add Thumbnail Theme Support
add_image_size( 'large', 700, '', true ); // Large Thumbnail
add_image_size( 'medium', 250, '', true ); // Medium Thumbnail
add_image_size( 'small', 120, '', true ); // Small Thumbnail
add_image_size( 'slider-size', 700, 200, true ); // Custom Thumbnail Size call using the_post_thumbnail('slider-size');

}

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


the_post_thumbnail();

بنویس


the_post_thumbnail('slider-size');

لینک به ارسال
  • 2 ماه بعد...

سلام دوباره .

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

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

وقتی اینکار رو میکنم باز قسمت Specify image dimensions در gtmetrix از تصاویر شاخص ایراد میگیره !!! در صورتی که سایزی که میده کاملا یکی هست ! چطور باید درستش کنم ؟

باز ممنون

لینک به ارسال

جستجو کنید در فایلها مشخص هست

خطای gtmetrix هم زمانی که مقدار width , height تصویر مشخص نشده باشد . رخ میدهد

لینک به ارسال

سایز هارو در فایل فانکشن قالب به این صورت قرار دادم :


if ( function_exists( 'add_theme_support' ) ) {
add_theme_support('post-thumbnails'); // Add Thumbnail Theme Support
add_image_size( 'large', 615, '340', true ); // Large Thumbnail
add_image_size( 'medium', 200, '150', true ); // Medium Thumbnail
add_image_size( 'small', 120, '', true ); // Small Thumbnail
add_image_size( 'slider-size', 615, 340, true ); // Custom Thumbnail Size call using the_post_thumbnail('slider-size');
}

با افزونه Regenerate Thumbnails تصاویر رو دوباره ریسایز کردم

ولی دیگه اسلایدر نمایش داده نمیشه !

کد های اسلایدر هم فک کنم پیدا کردم (feature.php

) با این محتویات :


<?php if(of_get_option('feature_on') != false) { ?>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function ($){
// main slider
$('.slider').cycle({
fx: '<?php echo of_get_option('cycle_effect'); ?>',
easing: '<?php echo of_get_option('cycle_ease'); ?>',
speed: <?php echo of_get_option('cycle_speed'); ?>,
timeout:<?php echo of_get_option('cycle_timeout'); ?>,
pause: 1,
<?php if(of_get_option('cycle_effect') == 'fade') {?>
speedIn: 1000,
speedOut: 1000,
<?php } ?>
cleartype: true,
cleartypeNoBg: true,
pager: 'ul.slider_nav',
slideExpr: '.slider_item',
slideResize: 0,
after: feature_after,
before: onbefore,
pagerAnchorBuilder: function(idx, slide) {
return 'ul.slider_nav li:eq(' + (idx) + ')';
}
});
$('ul.slider_nav li, .slider_items').hover(function() {
$('.slider').cycle('pause');
}, function () {
$('.slider').cycle('resume');
});

function feature_after() {
$('.slider_items .slider_caption').stop().animate({opacity:1, bottom:0},{queue:false,duration:300 });
$('.feature_video_icon, .feature_slide_icon, .feature_article_icon').stop().animate({top:0},{queue:true,duration:300});
}

function onbefore() {
$('.slider_items .slider_caption').stop().animate({opacity:1, bottom:'-120px'},{queue:false,duration:300});
$('.feature_video_icon, .feature_slide_icon, .feature_article_icon').animate({top:'-40px'},{queue:true,duration:300});
}

//slider nav
jQuery('.slider_nav li:not(.activeSlide) a').click(
function () {
jQuery('.slider_nav li a').css('opacity', 0.7);
jQuery(this).css('opacity', 1);
}
);
jQuery('.slider_nav li:not(.activeSlide) a').hover(
function () {
jQuery(this).stop(true, true).animate({opacity: 1}, 300);
}, function () {
jQuery(this).stop(true, true).animate({opacity: 0.7}, 300);
}
);
});
</script>
<div class="box_outer" id="feature_outer">
<div class="Feature_news">
<div class="slider_wrap">
<div class="slider_items">
<div class="slider">
<img class="dummy_slide" src="<?php echo MOM_IMG; ?>/dummy.gif" width="630" height="340">
<?php
$f_display = of_get_option('feature_display');
$f_cat = of_get_option('feature_category');
$f_tag = of_get_option('feature_tag');
?>
<?php if ($f_display == 'lates') { ?>
<?php query_posts(array('showposts' => 7)); ?>
<?php } elseif ($f_display == 'category') { ?>
<?php query_posts(array('showposts' => 7, 'cat' => $f_cat )); ?>
<?php } elseif ($f_display == 'tag') { ?>
<?php query_posts(array('showposts' => 7, 'tag' => $f_tag )); ?>
<?php } else { ?>
<?php query_posts(array('showposts' => 7)); ?>
<?php } ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<div class="slider_item">
<div style="position:relative; overflow:hidden;">
<a href="<?php the_permalink(); ?>">
<?php $timthumb = of_get_option('timthumb');
if ($timthumb == true) { ?>
<img src="<?php echo MOM_SCRIPTS ?>/timthumb.php?src=<?php echo mom_post_image('large'); ?>&h=340&w=615&zc=1" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />
<?php } else { ?>
<?php
$thumb = mom_post_image('large');
$ntImage = aq_resize( $thumb, 615, 340, true );
?>
<?php if (strpos(mom_post_image(), 'youtube')) { ?>
<img src="<?php echo mom_post_image(); ?>" width="615" height="340" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />

<?php } elseif (strpos(mom_post_image(), 'vimeo')) { ?>
<img src="<?php echo mom_post_image(); ?>" width="615" height="340" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />

<?php } elseif (strpos(mom_post_image(), 'dailymotion')) {?>
<img src="<?php echo mom_post_image(); ?>" width="615" height="340" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />

<?php } else { ?>
<img src="<?php echo $ntImage; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />
<?php } ?>
<?php } ?>
<?php
global $post;
$type = get_post_meta($post->ID, 'mom_article_type', true);
if ($type == 'video') {
echo "<span class='feature_video_icon'></span>";
} elseif ($type == 'slideshow') {
echo "<span class='feature_slide_icon'></span>";
} elseif ($type == 'article') {
echo "<span class='feature_article_icon'></span>";
}
?>
</a>
<div class="slider_caption">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p>
<?php global $post;
$excerpt = $post->post_excerpt;
if($excerpt==''){
$excerpt = get_the_content('');
}
echo wp_html_excerpt(strip_shortcodes($excerpt),180);
?> ...
</p>
</div> <!--End Slider Caption-->
</div>
</div> <!--Slider Item-->
<?php endwhile; ?>
<?php else: ?>
<!-- Else in here -->
<?php endif; ?>
<?php wp_reset_query(); ?>
</div> <!--Slider-->
</div> <!--Slider Items-->
<ul class="slider_nav slider_nav_main">
<?php if ($f_display == 'lates') { ?>
<?php query_posts(array('showposts' => 7)); ?>
<?php } elseif ($f_display == 'category') { ?>
<?php query_posts(array('showposts' => 7, 'cat' => $f_cat )); ?>
<?php } elseif ($f_display == 'tag') { ?>
<?php query_posts(array('showposts' => 7, 'tag' => $f_tag )); ?>
<?php } ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<li>
<a href="#">
<?php $timthumb = of_get_option('timthumb');
if ($timthumb == true) { ?>
<img src="<?php echo MOM_SCRIPTS ?>/timthumb.php?src=<?php echo mom_post_image(); ?>&h=59&w=76&zc=1" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />
<?php } else { ?>
<?php
$thumb = mom_post_image();
$ntImage = aq_resize( $thumb, 76, 59, true );
?>
<?php if (strpos(mom_post_image(), 'youtube')) { ?>
<img src="<?php echo mom_post_image(); ?>" width="76" height="59" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />

<?php } elseif (strpos(mom_post_image(), 'vimeo')) { ?>
<img src="<?php echo mom_post_image(); ?>" width="76" height="59" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />

<?php } elseif (strpos(mom_post_image(), 'dailymotion')) {?>
<img src="<?php echo mom_post_image(); ?>" width="76" height="59" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />

<?php } else { ?>
<img src="<?php echo $ntImage; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />
<?php } ?>
<?php } ?>
</a>
</li>
<?php endwhile; ?>
<?php else: ?>
<!-- Else in here -->
<?php endif; ?>
<?php wp_reset_query(); ?>
</ul>

<div class="clear"></div>
</div> <!--Slider_wrap-->
</div> <!--End Feature news-->
</div> <!--End Feature Outer-->
<?php } ?>

مشکل چیه الان ؟! هر کاری کردم باز نمایش داده نمیشه -.-

لینک به ارسال

اگر مشکل شما gtmetrix هست

کد رو بررسی کنید

تعدادی از تگهای img اندازه ندارند

لینک به ارسال

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

لینک به ارسال

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

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

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

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

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

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

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

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

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