توی نسخه‌ی جدیدی که از یکی از تم‌های قبلی آماده کردم و الان هم رو وبلاگ‌ه،میبینید که تعداد کامنت‌ها در روبروی مطلب نمایش داده میشه.اول باید بگم که این قابلیت رو در یکی از پوسته‌هایی که فارسی کردم دیدم و جالب به نظرم اومد.اگه قبلن هم چنین تجربه‌های (ساده‌ای) داشته باشید میدونید که کار آسونی‌ه و مطمئنن خودتون میتونید به راحتی از پس‌ش بر بیاید،ولی اگه تازه کار باشید و بخواید به آسون‌تری راهی که میشه همچین کاری کنید این پست برای شماست.میتونید از روش زیر استفاده کنید.

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

احتمالن برای عنوان مطلب همچین کدی داخل این پوسته هست:

<h2 id="post-<?php the_ID(); ?>" class="title" ><a href="<?php the_permalink() ?>" rel="bookmark" title="خواندن <?php the_title(); ?>"><?php the_title(); ?></a></h2>

شما این کد رو باید به کد زیر تغییر بدید:

<h2 id="post-<?php the_ID(); ?>" class="title" ><div class="post-comments"><p><?php comments_popup_link(__('0'), __('1'), __('%'), '',__('-')); ?></p><br></div><a href="<?php the_permalink() ?>" rel="bookmark" title="خواندن <?php the_title(); ?>"><?php the_title(); ?></a></h2>

(بدون شک در صورتی که میخواید در صفحه‌هایی مثله تک‌نوشته و نتایج جستجو هم نمایش داده بشه،باید اون پوسته‌ها روهم  ویرایش کنید)

دو) نوشتن استایل برای تعداد نظرات

این مثله مرحله قبل خیلی آسون نیست و ممکنه داخل‌ش دچار مشکل بشید.من توصیه میکنم این کد‌ها رو به پایین فایل استایل‌تون منتقل کنید:

.post-comments {
float: left;
width: 2px;
height: 20px;
padding: 18px 0 0 24px;
font: 18px Times new roman;
margin: -7px 20px 0 10px;
background: url(images/commentbck.png) no-repeat;
padding-right: 30px; }
.post-comments p {
float: left;
margin-top: 0px;
margin-right: 100px; }

که باتوجه به تم‌تون و همچنین سلیقه‌تون،باید در مقدار  padding ، margin ، float ، عرض و طول و مشخصن آدرس بکگراند عکس رو هم باید تغییر بدید :)

۲ نظر