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

سلام

نمی خواهید محبوب ترین پست های وب سایت تان را برای بازدید کنندگان نمایش دهید؟ شاخص این محبوبیت نیز،تعداد نظرات داده شده به پست ها خواهد بود.برای این کار کافیست یک تابع به فایل 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;
		}

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

در همین رابطه :   چگونه نوار مدیریت جدید وردپرس را بردارم!
دسته بندی : هک های وردپرس

یک نظر

پاسخ دهید

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

More in CSS, طراحي وب
آموزش عبارات (Expression) در AngularJs

در این پست می خواهیم در مورد عبارات یا Expression ها رد AngularJs صحبت کنیم . عبارات در انگولار جی...

Close