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

تبلیغات
کانال تلگرام فتولیا

سلام

نمی خواهید محبوب ترین پست های وب سایت تان را برای بازدید کنندگان نمایش دهید؟ شاخص این محبوبیت نیز،تعداد نظرات داده شده به پست ها خواهد بود.برای این کار کافیست یک تابع به فایل functions.php قالب اضافه کرده و  با کمی css مخلوط کنید،تا زیباتر به نظر برسد.

 

اول اجازه دهید تابعی که قرار است استفاده کنیم را بنویسیم.به این شکل:

function popularPosts($num) {
    global $wpdb;

    $posts = $wpdb->get_results("SELECT comment_count, ID, post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , $num");

    foreach ($posts as $post) {
        setup_postdata($post);
        $id = $post->ID;
        $title = $post->post_title;
        $count = $post->comment_count;

        if ($count != 0) {
            $popular .= '<li>';
            $popular .= '<a href="' . get_permalink($id) . '" title="' . $title . '">' . $title . '</a> ';
            $popular .= '</li>';
        }
    }
    return $popular;
}

حالا برای استفاده از این تابع کافیست آن را در جایی فراخوانی که می خواهید لیست پست ها نمایش داده شوند.تعداد نمایش پست ها نیز می توانید با عددی که به تابع پاس می دهید،تعیین کنید که ما از ۱۰ استفاده کرده ایم:

<div class="popular">
    <h2>Most Popular Posts</h2>
    <ul>
        <?php echo popularPosts(10); ?>
    </ul>
</div>

برای زیبایی کار و نمایش بهتر می توانیم کمی از css بهره بگیریم.من از کد زیر استفاده کرده ام که شاید برای شما هم مفید باشد:

.popular {
	clear: both;
	float: left;
	margin: 10px 0;
	width: 283px;
	}

	.popular ul, .popular ul li {
		margin: 0;
		padding: 0;
		font-size: 12px;
		}

		.popular ul li {
			margin: 4px 0;
			padding-left: 20px;
			background: url(images/star.png) no-repeat 2px 2px;
			}

	.popular h2 {
		border: 0;
		border-bottom: 1px solid #aaa;
		font-size: 22px;
		font-weight: normal;
		font-family: Georgia,serif;
		margin: 0 0 15px;
		padding: 0 0 5px;
		}

امیدوارم لذت و استفاده برده باشید

در همین رابطه :   روش افزودن آسان دکمه Google +1 به وبلاگ شما

One Comment

پاسخ دهید

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

More in فونت
فونت های حرفه ای رایگان ۲۰۱۲

اکنون داریم به نیمه سال نزدیک می شویم و به احتمال زیاد شما دنبال فونت های جدید و زیبا می...

Close