close
تبلیغات در اینترنت
مطالب مرتبط همراه عکس
loading...

ناب اسکریپت

یکی از راه های هدایت کاربران به قسمت های مورد علاقه شان این است که وقتی وارد ادامه مطلب یک پست میشوند مطالب مرتبط را ببینند و بر روی آنها کلیک نمایند . اما در برخی از سایت ها نمایش عکس برای مطالب مرتبط خیلی مهم است . مانند سایت های گالری عکس و یا کلیپ و …امروز میخواهیم با چند حرکت ساده , آموزش دهیم این امکان را با چند حرکت ساده انجام دهید…    برای انجام این کار در جای مناسب در فایل single.php کد زیر را قرار دهید . <?php $tags = wp_get_post_tags($post->ID); if ($tags) { $first_tag…

مطالب مرتبط همراه عکس

admin بازدید : 228 یکشنبه 26 خرداد 1392 نظرات ()

یکی از راه های هدایت کاربران به قسمت های مورد علاقه شان این است که وقتی وارد ادامه مطلب یک پست میشوند مطالب مرتبط را ببینند و بر روی آنها کلیک نمایند . اما در برخی از سایت ها نمایش عکس برای مطالب مرتبط خیلی مهم است . مانند سایت های گالری عکس و یا کلیپ و …
امروز میخواهیم با چند حرکت ساده , آموزش دهیم این امکان را با چند حرکت ساده انجام دهید…

 

Related Posts Without A Plugin With Thumbs مطالب مرتبط همراه عکس

 

برای انجام این کار در جای مناسب در فایل single.php کد زیر را قرار دهید .

<?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$first_tag = $tags[0]->term_id;
$args=array(
'tag__in' => array($first_tag),
'post__not_in' => array($post->ID),
'showposts'=>5,
'caller_get_posts'=>1
);

$rel_posts = new WP_Query($args);
if( $rel_posts->have_posts() ) {
while ($rel_posts->have_posts()) : $rel_posts->the_post(); ?>

<div>
<div><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(130,130)); ?></a></div>
<div><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></div>
</div>
<?php
endwhile;
}
}
?>

<div></div>

تعداد نمایش مطالب را به وسیله
(‘showposts’=>۵,)
میتوانید تنظیم کنید و سایز مطالب را میتوان با

(<?php the_post_thumbnail(array(130,130)); ?>)

ویرایش کرد.

برای نمایش بهتر لطفا کد های زیر را در فایل style.css قالب خود قرار دهید :

.rel_posts {float:left; margin: 15px 15px 15px 0;}
.rel_thumb {margin:10px 0 10px 0;}
.rel_thumb img {border:1px solid #aaa;}
.rel_link {text-align:center; color: #555;}
.clearer {clear:both;}

در صورتی که قالب شما از thumbnail پشتیبانی نمیکند کد زیر را به functions.php قالب خود بیفزایید :

<?php if ( function_exists( 'add_theme_support' ) )
add_theme_support( 'post-thumbnails' ); ?>

منبع: همیار وردپرس

مطالب مرتبط
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    آمار سایت
  • کل مطالب : 142
  • کل نظرات : 3
  • افراد آنلاین : 1
  • تعداد اعضا : 4
  • آی پی امروز : 29
  • آی پی دیروز : 38
  • بازدید امروز : 135
  • باردید دیروز : 73
  • گوگل امروز : 1
  • گوگل دیروز : 5
  • بازدید هفته : 388
  • بازدید ماه : 1,458
  • بازدید سال : 17,670
  • بازدید کلی : 167,677