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

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

برای انجام این کار در جای مناسب در فایل 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 class="rel_posts">
<div class="rel_thumb"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array(130,130)); ?></a></div>
<div class="rel_link"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></div>
</div>
<?php
endwhile;
}
}
?>
 
<div class="clearer"></div>

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

 (<?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' ); ?>
مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

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

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام توروخدا کمکم کنید من بعد قرار دادن کد ها سایتم به کل از دستم خارج شده حتی نمیتونم که دوباره مثل اولش کنم ارورHTTP ERROR 500 تورو قران یکی کمکم کنه بتونم مثل اول کد هارو پاک کنم خواهش میکنم همیار وردپرس کمکم کنید توروخدا

  2. سلام ممنون از مطلب مفیدتون – اگر از پست تایپ سفارشی استفاده کرده باشیم باید چکار کنیم ؟

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

  4. 4 سال عضو همیار وردپرس

    سلام خیلی ممنون از آموزش
    یه سوال! بخوام عنوان در حد 3 کلمه زده بشه و طولانی نباشه، چه باید بکنم؟

  5. سلام
    کد در سینگل دات پی اچ پی قرار دادم
    و درست کار می کند
    اما برای تمامی پست ها مطالب مرتبط قرار نمی دهد
    معیار و نوع کدنویسی برای انتخاب پست های مرتبط در این کد چیست؟
    امکان اینکه حتما و برای هر پستی که کشاهده می شود پست های دیگر حتی غیر مشابه هم دیده شود وجود دارد؟

    • معیارش رو بر اساس دسته بندی انتخاب میکنه مثلا مطالب ورزشی شما رو به عنوان پیشنهادی زیر پست های ورزشی میذاره..!

  6. با سلام به همیار وردپرس.من از قالب صحیفه استفاده میکنم تو قسمت مطالب مرتبط عکسا هم اندازه نیستن و اون قسمتو بهم ریخته نشون میده لطفا راهنمایی کنید چطوری اندازه تصاویر نوشته های مرتبط را هم اندازه کنم خواهش میکنم زود جواب بدید.ممنون از سایت خوبتون

  7. این کد رو که من توی قسمت single.php میزارم ،نظرات سایتم تو دسته بندی همنام ،مجدد تکرارمیشه.یعنی تو دسته بندی هر سایتم که نظر گذاشته میشه تو همون دسته بندی تکرار میشه.
    ممنون میشم راهنمایی کنید.

  8. با سلام
    آقا تروخدا کمک کنید به آموزش شما گوش دادم تویه قالب کد هارو زدم همون چیزایی که گفته بودین همه رو انجام دادم وقتی زدم به روز رسانی تنظیمات با ارور500مواجه شدمه چکار باید کنم؟
    نه سایت میادش نه صفه ادمینی

  9. سلام
    درسته نظر قبلی من رو تایید نکردید مبنی بر راهنمایی برای ارائه همین کد دسته بندی موضوعی نه برچسب.
    این کد رو که من توی قسمت single.php میزارم ،نظرات سایتم تو دسته بندی همنام ،مجدد تکرارمیشه.یعنی تو دسته بندی هر سایتم که نظر گذاشته میشه تو همون دسته بندی تکرار میشه.
    ممنون میشم راهنمایی کنید.

  10. خواهشا دیدگاه بنده رو تایید کنید من شدید به این آموزشی که تو نظر قبلی دادم نیازمندم.
    ممنون میشم.

  11. سلام
    ضمن خسته نباشید،جهت نمایش دسته های سایت ،چه کدی رو باید تغییر داد؟
    ممنون میشم راهنمایی بفرمایید.

  12. زنده باد همیار:)

  13. سلام … لطفا توضيح بديد كه در اين مطلب چطور به جاي برچسب از دسته مشترك استفاده كنيم؟

  14. سلام ببخشید کد بالا بر چه اساسی مطالب مرتبز رو نمایش میده ؟
    بر اساس برچسب هستش یا مطالب اون دسته؟؟؟

  15. 6 سال عضو همیار وردپرس

    سلام خسته نباشید…من از کد مرتبط بالا استفاده کردم…میشه ی توضیح کوچیک در مورد خط ۴ ($first_tag = $tags[0]->term_id;) بدید!!! مرسی 🙂

  16. 6 سال عضو همیار وردپرس

    سلام
    اگه بخوایم آخرین مطالب همان نویسنده رو با تصویر بند انگشتی نمایش بدیم باید چی کار کنیم؟

    • 7 سال عضو همیار وردپرس

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

    • 6 سال عضو همیار وردپرس

      قالب من پشتیبانی میکنه.
      من میخوام آخرین مطالب نویسنده رو نشون بدم نه آخرین مطلب فلان دسته یا تگ.
      ممنون میشم راهنمایی بفرمایید.

    • 7 سال عضو همیار وردپرس

      سلام
      هم میتونید کد نویسی انجام بدید هم از افزونه استفاده کنید!
      افزونه هایی که برای اینکار وجود دارند :
      Easy Author Box
      Fancier Author Box
      Latest Posts by Author
      Recent Posts Plus

    • 6 سال عضو همیار وردپرس

      نه میخوام از کد استفاده کنم .
      اگه میشه کدشو برام پیدا کنید . من هرچی گشتم نتونستم پیدا کنم …

  17. سلام پست های مرتبط یعنی بر چه اساس مرتبط ؟ تگ، اسم نویسنده، عنوان متن یا … ؟

  18. چطوری میشه در داخل یه پست مثلا بعد از 5 خط مطالب مرتبط را درون مطلب کار کرد

  19. تشکر بابت آموزش خوبتون
    واقعا استفاده از کد بهتر از پلاگین هم حرفه ای و منعطف تره و هم سبک تر
    البته پلاگین هم، راحت تر

  20. سلام من کد هارو به درستی قرار دادم ولی اصلا نمایش نمیده.
    mihanbuy.net

  21. جالب بود؛
    استایلشو فقط باید یکم شخصی سازی کرد متناسب با قالب
    تشکر <3

  22. سلام
    من اين كدو رو برداشتم و هركاري كه گفتيد بنده انجام دادم اما هيچ اتفاقي نميوفته

  23. سوالت مثله اینه که بگی من مریضم کمکم کنید. یه توضیحی بدی بد نیست!!!!!! این اصلا ربطب به دانش برنامه نویسی نداره ها. ربط به طرز فکر داره!

  24. آقا چرا نمیگی این کد رو از کجا کش رفتی؟ اینم شد زندگی؟ منبعی چیزی داششش

  25. آقا من این single.php رو از کجا پیدا کنم؟؟

  26. سلام
    هر افزونه و کدی زدم عکس مطالبم رو نشون نمیده راهنمایی کنید. ممنون

  27. چطوری میشه کاری کرد که مطالب رو از رو دسته بندی نشون بده نه تگها
    لطفا جواب بدین- تو رو خدا نپیچون

  28. مرسی جالب بود سایته خوبی دارید

  29. سلام
    اقا علی من تو یه پست دیگه همین مورد رو گفتک
    اینجا رو هم لطف کنید ویه توضیح بدید
    چطوری میشه کاری کرد که مطالب رو از روس دسته بندی نشون بده نه تگهات

  30. سلام جالب بود

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

    ممنونم جواب بدین.

    این سایت :
    http://www.persiangfx.com

  32. من که میگذارمش کلا صفحه پست دیگه بالا نمیاد!
    جاهای مختلف اون فایل رو امتحان کردم

  33. این کد به نظر مشکلاتی داره . چون وقتی ازش استفاده کردم و در قالبم گذاشتم سایز عکس ها رو کوچیک بزرگ نشون می داد و همه رو یک اندازه نشون نمیداد ؟

  34. سلام
    این کد گفته محصولات مرتبط رو تصاویرشون رو بر اساس تصاویر شاخص

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

  35. Parse error: syntax error, unexpected T_VARIABLE in /home/……/single.php on line 79

  36. سلام و خسته نباشید
    کدها جواب میدهممنون از نوشته ی خوبتون.

    من یه کد نوشتم که این مطالب مرتبط رو تو یه باکس نشون بده ولی حالا اگه یه نوشته ای مطلب مرتبط نداشته باشه , اون باکس نمایش داده می شه ولی مطلبی توش نیست.

    چطور می تونم با یه دستوره شرطی تشخیص بدم که یه نوشته مطلب مرتبط داره یا نه؟

    با تشکر

  37. سلام علی جان خسته نباشی
    من به مشکلی خوردم در همین زمینه میخواستم تصویر مطلب م کنار خبر باشه داخل سایت بیای متوجه میشی من عکس ثابت گذاشتم هرچی تلاش کردم موفق نشدم واقعا دیگه صبرم تموم شد ، ممنون میشم راهنمایی کنی

  38. سلام جناب حاجی محمدی
    من باز مثل همیشه با مطالب شما مشکلم حل شد از زحماتتان ممنونم و یه خواهشی دارم نظرتون در مورد قالب من چیه؟ خودم طراحی کردم تازه واردم دوست دارم نظر شما را بدونم.
    مرسی با تشکر مرادی

  39. ممنون از مطلب خوبتون

  40. سلام آقا من این کد رو قرار میدم کامن پست های دیگرو نشون میده.میشه راهنمایی کنید

  41. خیلی حال میکنم با سایت اینجوری
    کلا یه جوری سایتم با سایت شما میارم بالا
    هم از لحاظ مطلب و دسته بندی خیلی کامل هستید و جوری نیستید که باید بعدش بگیم مشکل داره و نفهمیدیم و اینجوریا خیلی کارتون درسته چون خودم که طراحم میدونم چقدر سخته بخوای در مورد دو خط کد کلی چیز بگی تا مطمئن بشی بازدید کننده فهمیده و گیر نمیده
    در کل قالبتون خیلی عالیه از هر تکنولوژی من دیده بودم توش کار رفته فقط کاشکی چیزایی در سطح خیلی بالا هم اموزش میدادید

  42. میشه شما زحمتشو برام بکشین ؟

  43. یعنی نمی شه در IF یه کدی قرار بدیم که مطالب تصادفی نشون بده ؟

    آخه با افزونه می شه این کار رو کرد
    خیلی برام مهم هست چجوری می تونم به دست بیارم ؟

  44. آقا حالا این رو قرار دادیم اگه بخواییم در صورت نبود مطالب مطالب تصادفی نمایش بده چیکار کنیم ؟

  45. من اضافه کردم هیچی نمیاد

  46. میشه مال خود این سایت رو بزارین ؟

  47. من کشتم خودم رو نشون نمیده که نمیده ، تو اون دسته هم ملب داره ام نمیدونم چشه 🙁

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

  49. سلام آقا علی یه کمک من از کد بالا استفاده کردم عکس هم نشون میده ولی عنوان هر پست رو کامل به صورت افقی می نویسه بعد باعث میشه همه تصاویر تو یه سطر نباشن میرن زیر هم و به هم میریزه .
    چطوری میشه کاری کرد که هر پنج تا تو یه سطر باشن و عناوینشون هم وقتی جا ندارن کلمه ها زیر همدیگه برن مثل این تصویر http://img4up.com/up2/36225739655374093064.png

  50. منبع؟ CSS-Tricks؟

  51. با سلام و عرض خسته نباشی

    من تمام کد هایی رو که گفتید قرار دادم ولی باز هم عکس هارو نشون نمیده
    من از افزونه ی wp related posts هم استفاده کردم ولی عکس هارو نشون نمیده

    اینم فایل های single , function
    http://www.mediafire.com/download.php?pl6lvofaeqncu5j

    مشکل از کجاست ؟

    با تشکر

  52. سلام
    شما جواب خیلی از کامنت های دیگه رو دادی
    لطفا جواب این سوال هم بدید

  53. سلام
    چجوری پست مشابه رو تشخیص میده – یعنی پست مشابه رو به چه اساسی انتخاب میکنه
    خیلی ممنون

  54. به جای این همه کد میتونین افزونه wp-related-post رو نصب و کد زیر رو در قالبتون قرار بدین

    مطالب مرتبط :

  55. سلام

    میتونم بپرسم چرا لینک ما رو حذف کردید؟

    • 9 سال عضو همیار وردپرس

      عزیزم مدتی شما از ما حمایت کردید ما هم از شما حمایت کردیم اما الان دیگر این طور نیست … در ضمن ما تبادل لینک فعلا نداریم … لینک هایی که در پائین قرار میگیرد کاملا اختیاری هست

  56. کماکان منتظر قالب و افزونه های جدید هستیم

  57. سلام
    دوستان عزیز من چطوری میتوانم کد جاوا اسکریپ تبلیغات رو در وبلاگم بگذارم آیا راهی هست من بتونم تبلیغات با کد جاوا در وبلاگ بگذارم من میخوام تبلیغات گوگل رو در زیر مطالبم بگذارم ممنون میشم کمکم کنید

  58. سلام علي آقا من رفتم يه اسكريپت تبادل لينك خودكار نصب كردم ولي وقتي لينك رو ثبت مي كني لينك نمايش داده نمي شه.
    آدرسش هم اينه : http://www.sunp30.ir/links.php
    ممنون ميشم كمك كني

  59. Sلام . خیلی جالبه این افزونه . یه آموزش در مورد سایت gravatar.com نمیذارید؟ من عضوش شدم آواتارم انتخاب کردم اما آواتارم رو تو سایتها که نظر میدم نشون نمیده . بعدش وقتی اواتور رو انتخاب کردم فقط یک قسمت بالاشو نشون میده نه کل اواتار ؟ اگه یه آموزش در این مورد بزارید ممنونتون میشم .

مطالب زیر را حتما بخوانید

دوره‌های آموزشی