Inline Related Post Eklentisi


#1

Merhaba, şurada yer alan inline related post eklentisinin aynısını eklenti kullanmadan yapmak mümkün mü? Böyle bir şey yapılırsa çok sevinirim. Daha önce bir kaç kez yapmaya çalıştım ancak çok saçma şeyler ortaya çıktı :frowning:


#2

şu kod işine yarayabilir.

<?php
$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),
      'showposts'=>5, // Gösterilecek benzer yazı sayısı
      'caller_get_posts'=>1
   );
 
   $my_query = new wp_query($args);
   if( $my_query->have_posts() ) {
      echo '<h3>Benzer yazılar</h3><ul>';
      while ($my_query->have_posts()) {
         $my_query->the_post();
      ?>
         <li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
      <?php
      }
      echo '</ul>';
   }
wp_reset_query();
}
?>

#3

css ilk önce bu

.single .related-posts-after-content .related-thumb {
display:inline-block;		
width: 32%;		
}

Nereye koymak istiyorsanız da aşağıda kod

<div class="related-posts-after-content">

<h3>You Might Also Like</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="related-thumb">
<a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br />
<?php the_title(); ?>
</a>

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

sonucu şu şekilde gözükecek

You-Might-Also-Like


#4

Teşekkür ederim. Görseldeki gibi yapmak mümkün mü?


#5

Satır içi ilgili gönderi

İlk önce aşağıdaki kodu temanızın functions.php eklemeniz gerekiyor.

function forum_startupwordpress3($atts) {
 extract( shortcode_atts( array(
 'id' => 'id',
 ), $atts ) );
$baslik = get_the_title($id);
$url = get_permalink($id);
$img = wp_get_attachment_url( get_post_thumbnail_id($id) );
return <<<HTML
<html>
 <body><div class="startupwordpress_kart">
 <div class="startupwordpress_kart_gorsel"><a href="$url" target="_blank"><img class="img" alt="$baslik" src="$img" /></a></div>
 <div class="startupwordpress_kart_kategori"><a>&#304;LG&#304;L&#304; YAZI</a></div>
 <div class="startupwordpress_kart_baslik"><a href="$url" title="$baslik" target="_blank">$baslik</a></div>
 </div>
 </body>
 </html>
HTML;
}
add_shortcode('forum_startupwordpress3', 'forum_startupwordpress3');
// forum.startupwordpress.com satır içi gönderi kartı tasarımı

Daha sonra

/* forum.startupwordpress.com satır içi gönderi kartı tasarımı */
.startupwordpress_kart {
 background-color: white;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
 max-width: 100%;
 border: 0 solid;
 overflow: hidden;
 -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.1);
 -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.1);
 -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.1);
 box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.1), 0 1px 5px 0 rgba(0,0,0,.1);
 padding: 0;
 }
.startupwordpress_kart_gorsel .img {
 width: 220px;
 padding-right: 16px;
 margin-left: auto;
 margin-right: auto;
 height: 130px;
 float: left;
 text-align: center;
 display: block;
 overflow: hidden;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 }
.startupwordpress_kart_kategori a {
 display: table-cell;
 color: #999;
 padding-top: 16px;
 font: inherit;
 }
.ilgili_karti_kategori a:hover {
 color: #999;
 }
.startupwordpress_kart_baslik {
 font-size: 1.5em;
 font-weight: bold;
 color: #141412;
 line-height: 1.5;
 margin: 10px 15px 7px;
 }
.startupwordpress_kart_baslik a {
 box-shadow: none;
 color: #141412;
 text-decoration: none;
 }
@media (max-width: 960px) {
 .ilgili_karti_gorsel .img {
 width: 100%;
 padding-right: 0px;
 }
 .startupwordpress_kart_kategori a {
 padding-left: 16px;
 }
 }

Daha sonra yazınızda, yada yazılarda eklemek istediğiniz yere aşağıdaki kodu ekleyeceksiniz id=“buraya eklemek istediğiniz yazının id gelecek”

[forum_startupwordpress3 id="2341"]


#6

kodları ekledim ancak görsel ve başlık hiç hoş durmadı. Sanırım css de düzenleme yapmak gerecek. Bunu yukarıda bahsettiğim görselde olduğu gibi resim solda, sağda ise başlık ve hemen altında bir miktar içerik şeklinde yapmak mümkün mü?

Aşağıdaki görsel hiç hoş durmuyor :frowning:


#7

css kodlarını, görünüm özelleştir bölümündeki ek css ekleyerek deneyiniz. Temaya eklenen css, daha önce önbelleğe alındığından yenilenmiyor. En sağlıklı aşağıdaki kısımdan eklemeniz olacaktır.

55


#8

İlerleyen saatlerde deneyeceğim, sonucu yazarım.