محل کار داده

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

یکی از مزایای استفاده از وردپرس، افزونه هاست. افزونه های وردپرس تقریبا هر چیزی را که می توانید تصور کنید افرادی هستن آن را در زمینه های برنامه نویسی پلاگین فعالیت می کنند

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

افزونه های زیادی در وردپرس برای اضافه کردن “پست های مرتبط” به یک وبلاگ وجود دارند از آنجایی که وردپرس چیزی برای این استاندارد ندارد، همه باید از نوع پلاگین برای نمایش پست های مرتبط در سایت خود استفاده کنند.

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

شروع کار: نوشته های مرتبط با ریز عکسها

اول کار اگه قالب شما تصاویر بند انگشتی را ساپورت نمی کند در فایل functions.php کد زیر را اضافه کنید


	
add_theme_support( 'post-thumbnails' );

تصاویر بند انگشتی در سایز ۱۵۰. ۱۰۰ به نمایش در می آید در صورت تغییر این قسمت کد ها زیر را یافته و آن را تغییر دهید اندازه بستگی به سلیقه شما دارد می توانید اندازه رو تغییر دهید


add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 100, 50, true );

بعد در هر کجایی که می خواهید نوشته های مرتبط نمایش داده شود کد زیر را اضافه کنید




<div class="relatedposts">


<h3>Related posts</h3>


<?php $orig_post = $post; global $post; $tags = wp_get_post_tags($post->ID);
   
  if ($tags) {
  $tag_ids = array();
  foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
  $args=array(
  'tag__in' => $tag_ids,
  'post__not_in' => array($post->ID),
  'posts_per_page'=>4, // Number of related posts to display.
  'caller_get_posts'=>1
  );
   
  $my_query = new wp_query( $args );
 
  while( $my_query->have_posts() ) {
  $my_query->the_post();
  ?>
   
  

<div class="relatedthumb">
    <a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?>
    <?php the_title(); ?>
    </a>
  </div>


   
  <? } } $post = $orig_post; wp_reset_query(); ?>
</div>

برای طراحی گرافیکی کد زیر را در فایل style.css اضافه کنید


.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}
.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: left; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}

نمایش این کد ها در وب سایت دیتا وردپرس

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