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

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

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

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' ); ?>

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

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

وردپرس

افزونه وردپرس

قالب وردپرس

امنیت وردپرس

هک و کد وردپرس

آموزش

جوملا

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

آموزش سئو

آموزش های مربوط به هاست

آموزش وردپرس

اسکریپت

اسکریپت های خدماتی

مدیریت فایل

توسعه وب

جوملا

قالب جوملا

پلاگین های جوملا

دروپال

قالب دروپال

قالب وبلاگ

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