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

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

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

<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 ، عرض و طول و مشخصن آدرس بکگراند عکس رو هم باید تغییر بدید :)

۲ نظر

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

یک)فونت مورد استفاده برای سایزهای بزرگ

فونت منتخب برای نوشتار عادی تاهوماست ولی این برای سایزهای بزرگ اصلن صدق نمیکنه و به عنوان مثال عنوان وبلاگ یا عنوان پست باید Times new roman باشند و کلن این مورد برای h3،h2 و h1 این مورد باید رعایت بشه.همچنین سعی باید بشه که سایز فونت از ۱۸px bold بزرگتر و از ۱۰px تاهوما کوچکتر نشه.

دو)استفاده از حالت‌های italic

برای زبان فارسی استفاده از حالت italic برای بعضی جاها مثل نقل قول و غیره اصلن مناسب نیست و باعث زشت به نظر رسیدن مطالب میشه که این قضیه باید برای bold هم رعایت بشه.

سه)فونت تاهوما برای دکمه‌ها و فرم‌ها

دکمه‌هایی که برای فرستادن نظر یا جستجو استفاده میشه باید از فونت تاهوما استفاده کنند.در صورتی که استایلی برای اونا نوشته نشده بود که بخواهید اون رو تغییر بدید میتونید این دو استایل رو به آخر فایل استایل‌تون اضافه کنید:

برای تاهوما کردن فونت دکمه ارسال نظر و همچنین قسمت نوشتن و اطلاعات نویسنده: (رنگ‌ها متناسب با رنگ‌های تم عوض باید بشن)

#comments input#author, #comments input#url, #comments input#email{
border:1px solid #000;
padding:5px;
font-family:tahoma;
font-size:11px;
width:200px;
background:#fff;
}
#comments textarea{
font-family:tahoma;
font-size:11px;
line-height:18px;
width:440px;
padding:5px;
border:1px solid #000;
background:#fff;
}
#comments input#submit{
background:#fff;
font-family:tahoma;
font-size:11px;
padding:5px;
border:1px solid #000;
margin:0;
}

و برای تاهوما کردن فونت ِ فرم و دکمه جستجو هم استایل زیر:

#search input#searchsubmit{
background:#fff;
font-family:tahoma;
font-size:11px;
padding:3px 5px 3px 5px;
border:1px solid #555;
margin:0px 0 10px 2px;
direction:rtl;
text-align:right;
float:left;
}
#search input#s{
border:1px solid #555;
padding:4px 5px 4px 5px;
font-family:tahoma;
font-size:11px;
width:100px;
background:#fff;
float:right;
text-align:right;
}

*به جای این width:100px هم اندازه عرض جایی که میخوان فرم رو بذارین قرار بدید.

چهار)لینک‌های هیدر

لینک‌های هیدر که معمولن به برگه‌ها یا دسته‌ها تعلق داره باید کاملن راست به چپ بشن و علاوه بر این باید محل قرار گرفتن‌شون هم از جپ به راست بره و این هم از چیزایی‌ه که خیلی رعایت نمیشه.

۵ نظر

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

اول این افزونه رو دانلود،نصب و فعال کنین.به بخش ویرایش پوسته‌ها برید و پوسته کامنت‌ها رو ویرایش کنید.احتمالن برای هر کامنت اطلاعاتی در نظر گرفته شده مثله تاریخ و نویسنده و… و بعد یا قبل از اون هم از دستور برای نمایش متن کامنت استفاده شده (comment_text).پیشنهاد میکنم کل بخش اطلاعات و متن کامنت رو پاک کنید و از کد زیر استفاده کنید: (توجه کنید که دستوری که برای در انتظار تایید بودن کامنت رو در بر نمیگیره و اون رو پاک نکنید)

<div class="gravatar"><img src="<?php gravatar("", 40, "http://www.pelangipetang.com/images/gravatar.jpg") ?>" alt="Gravatar" /></div>
<p class="commentmetadata">&nbsp;توسط <?php comment_author_link() ?> در <?php comment_date('F jS, Y') ?> <?php edit_comment_link('ویرایش','',''); ?></p><br>  <?php comment_text() ?>

برای تغییر سایز نمایش آواتارها باید اون عدد «۴۰» رو عوض کنید و همونطور که خودتون احتمالن متوجه شدید،باید برای گراواتار هم استایل بنویسید که البته کار بسیار آسون و ساده‌ایه.من برای استایل دادن به آواتار به شما پیشنهاد میکنم از کد زیر که برای شما آماده کردم استفاده کنید:

.gravatar {
float: right;
background: #fff;
border: 1px solid #aaa;
margin: 3px 0;
padding: 2px; }

۴ نظر

کشوری است که در آن (تنها) زندانیان سیاسی مننژیت میگیرند.

۲ نظر

به اعتقاد داشتن،
اعتقاد ندارم.

بدون نظر

به اعتقاد داشتن اعتقاد ندارم…

بدون نظر