نمایش مطالب مرتبط در وردپرس بدون افزونه

مطالب مرتبط در وردپرس بدون افزونه

نمایش مطالب مرتبط در وردپرس بدون افزونه

نمایش مطالب مرتبط در وردپرس بدون افزونه

نمایش مطالب مرتبط در وردپرس بدون افزونه

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

و کم کردن bounce rate سایت شماست

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

و نرخ پرش ( bounce rate ) خود را کمتر کنید

با نمایش مطالب مرتبط با موضوع نمایشی در سایت شما

کاربر مابقی مطالب سایت شما را هم مطالعه می کند

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

نمایش مطالب مرتبط در وردپرس بدون افزونه

نمایش مطالب مرتبط در وردپرس از 2 روش انجام می شود

یکی از طریق افزونه و دیگری از طریق کد

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

نمایش مطالب مرتبط در وردپرس بدون افزونه

افزودن تصویر شاخص به وردپرس

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

برای اینکار فایل functions.php قالب وردپرس خود را باز کرده و کد زیر را در آن کپی کنید.

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 200, 200, true );

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

حالا که تصویر شاخص شما ساخته شد

برای ساخت اتوماتیک تصویر شاخص از مطالب سایتتون افزونه auto post thumbnail فارسی رو نصب و فعال کنید.

نمایش مطالب مرتبط در وردپرس

افزودن بخش مطالب مرتبط به قالب وردپرس

حالا باید وارد فایل single.php شوید. فایل

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

دنبال کد php endwhile بگردید و قبل از آن کد زیر را قرار دهید.

<div class="relatedposts"><h3 class="par88">مطالب مرتبط</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,
'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(200,200)); ?><br /><?php the_title(); ?></a></div><? } }
$post = $orig_post;
wp_reset_query(); ?></div>

نمایش مطالب مرتبط در وردپرس

نحوه ویرایش و استفاده

در کد بالا برای تعیین تعداد نمایش مطالب میتونید عدد 4 رو به تعدادی که میخواین تغییر بدید

در ضمن برای نوشته مطالب مرتبط کلاس .par88 رو قرار دادم

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

دقت کنید وقتی اندازه تصویر رو تغییر میدید باید تو فایل فانکشن هم تغییرش بدید

من روی 200 در 200 قرار دادم هر دو رو وقتی خواستید تغییر بدید هر دورو همزمان تغییر بدید

یعنی هم فایل فانکشن هم فایل سینگل پی اچ پی رو

نمایش مطالب مرتبط در وردپرس

در زیر هم استایل خام رو براتون قرار دادم که خودتون هر طور خواستید ویرایش کنید

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

.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}.par88 {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;}

توجه کنید : اگر قالب شما از مطالب مرتبط رو داره و میخواید فقط به صفحات اضافه بشه نیاز نیست کدهای فایل فانکشن رو قرار بدید

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

رو عینن کپی کنید و درجای مناصب صفحاتتون قرارش بدید

موفق باشید

نمایش مطالب مرتبط در وردپرس بدون افزونه

بهترین کدها

፨ لطفا قبل از ارسال کامنت اینجا کلیک کنید ፨

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نه + 12 =

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