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

امکانات:

یک) پشتیبانی از ابزارک

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

سه) حجم بسیار کم

دمو | دانلود

پ.ن: برای برداشتن اون مثلن تبلیغ ِ بنده کافی‌ه عکس جایگزین‌تون رو به جای اون عکس داخله فولدر تم قرار بدید و از توی پوسته سربرگ لینک اون رو هم عوض کنید.

۵ نظر

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

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

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

<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; }

۴ نظر

بازم تو انتخاب عنوان گند زدم :| همونطور که توی پست قبل برای حوادث پیشومده راه ِ استایل سیاه گذاشتن برای وبلاگ رو توضیح دادم این‌بار برای تعطیل کردن وبلاگ که بعضیا انجام میدن یه تم وردپرس فارسی کردم.این تم رو داخله سایت وردپرس فارسی هم دیده بودم و برای همین علاوه بر ترجمه تغییراتی از قبیل رنگ و … هم توی استایل‌ش به وجود آوردم.

نمونه | دانلود (حجم: ۲۳ کیلوبایت)

نکته: برای تغییر نوشته هم باید به قسمت ویرایش پوسته اصلی (ایندکس) و همچنین برای تنظیمات فیدبرنر باید به قسمت «تنظیمات این پوسته» برید.

بدون نظر

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

برای استفاده از جی‌اسکریپت توی وردپرس باید این کد استفاده‌ش رو داخل پوسته هیدر تم خودتون قرار بدید و در بین wp_head() و head که باید آدرس فایل جی‌اسکریپت‌تون توش قرار بگیره.مثله:
<script language="javascript" type="text/javascript" src="http://wizengamot.ir/wp-content/themes/simple%20paper/nicetitle.js"</script>
برای راحتی بیشتر کار میتونید دقیقن از همین آدرس هم استفاده کنید و اون رو روی هاست خودتون آپلود نکنید.
بعد باید به قسمت استایل تم خودتون کدی رو اضافه کنید:

div#qTip { padding: 3px; border: 1px solid #666; display: none; background: #fff; color: #000000; font: 11px tahoma; position: absolute; z-index: 1000; direction:rtl;}
بدون شک شما میتونی طبق خواست‌تون این کد رو تغییر بدید و از هر نظری با سلیقتون سازگارش کنید و فقط نیاز به یکم سی‌اس‌اس بلد بودن داره

اگه سوالی داشتین خوشحال میشم کمکتون کنم :)

۴ نظر

این تم یکم با تم هایی که قبلن منتشر کردم فرق میکنه.این تم که نام اصلیش Ki*s هست یه کار فوق‌العاده ساده و در عین حال کار آمده که به درد دوستان مینیمال‌نویس میخوره.این تم متاسفانه با ابزارک سازگاری نداشت و خودم اون رو با ابزارک سازگار کردم و البته بعد نسبتن پشیمون شدم چون ویجت‌های خودش خیلی قشنگ تر بودن و پیشنهاد میکنم اگه خواستید در سایدبار تغییری بدید از طریق همون ویرایش تم عمل کنید.فاصله حروف از هم درجاهایی زیاد بود و خودم کمش کردم.

پیش‌نمایش | دانلود

امیدوارم استفاده ببرید :)

۲ نظر

فکر میکنم افزونه WP-Polls وردپرس پیش چشم همه وردپرسی ها شناخته شده باشه.(برای کسانی هم که این افزونه رو نمیشناسن باید بگم که این افزونه همونطور که از اسمش پیداست برای نظرسنجی به کار میره.)توی این پست میخوام یک قابلیت اضافه از این پلاگین رو که فکر میکنم از چشم اکثر وردپرسیها دور مونده رو به شما معرفی کنم.
ممکنه شما دوست داشته باشید موضوعی از وبلاگتون رو با موضوع دیگه ای مقایسه کنید یا مثلن دوست داشته باشین که سایت های خبرگزاری های معروف رو با هم دیگه مقایسه کنید.برای این کار لازم نیست که فردی که میخواد نظر بده دنبال لینک اون موضوع ها یا خبر گزاری ها بگرده تا بتونه نظر خودش رو بگه،تنها کافیه از راه زیر عمل کنید:

یعنی کافیه با استفاده از دستور های اچ تی ام ال به قسمتی از پاسخ یا سوال خودتون لینک بدید.
اگه مثه تصویر بالا عمل کنید یه چیزی مثله این میشه:

امیدوارم استفاده برده باشید.
پ.ن:این پلاگین تو بلاگها هم هست.

بدون نظر

پوسته فارسی جدیدی رو برای شما آماده کردم که simple papers نام دارد و از کارهای سایت Blog Oh Blog است.مثله بقیه ی کارهای این سایت پوسته زیبا و کاملی هست.این پوسته که کمتر از یک هفتست منتشر شده رو با امکانات زیر برای شما فارسی کردم:
۱-پشتیبانی از ابزارک
۲-سازگاری با تمامی مرورگر ها
۳-فارسی سازی کامل
۴-حجم بسیار کم
 دانلود | پیش نمایش
امیدوارم از این پوسته استفاده ببرید.
پ.ن ۱: این متن مستقیمن از پارسیش کپی شده چون حال نداشتم متن جدید بنویسم (این تم رو هم فارسی کردم،ببینید).
پ.ن ۲: در رابطه با این جریانان خاتمی و این حرفا هم به نظرم دوستان کاملن ابراز احساسات کردن.مال منم مثه اوناست.

۲ نظر