آموزش طراحی قالب وردپرس #۱۴(امکان نظردهی)

اگر سری آموزش های طراحی قالب وردپرس را از اول دنبال نکرده اید به آدرس زیر بروید.

لیست آموزشهای قالب وردپرس

امروز کارهای اساسی ساخت یک وبلاگ کامل سازگار با زبان های ltr یا چپ به راست تموم میشه و از درس بعدی ما میریم سراغ فارسی کردن یا بهتر بگم سازگار کردن وبلاگ با زبان فارسی.

امروز باید به صفحه ی پست ها یا همون single.php یک فرم نظر دهی اضافه کنیم که کاربران بتونن نظرشون رو راجع به مطلب نوشته شده بنویسن.

ما اول باید یک فایل با فرمت php در فولدر تم بسازیم به نام: comments.php

و کد موجود در فایل زیر رو در comments.php  کپی کنیم.

comments.txt (2390 دانلود ها)

این کد رو من یکم باهاش ور رفتم اما چون مال خیلی وقت پیشه و من اوج حافظه! یادم نیست که چه تغییراتی توش دادم و چه اشکالاتی داره یا نه! اما من از همین توی سایت خودم استفاده میکنم و شما هم میتونین از تم classic یا default که روی خود وردپرس هستند هم استفاده کنین.

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

بعد از دانلود فایل زیر محتویاتش رو در style.css کپی کنید(بهتر است قبل از فوتر کپی کنید.)

comments-stylecheet.txt (1302 دانلود ها)

در ضمن این comment form با farsitype ، اسکریپت معروف کاوه احمدی هم سازگاره و لازم نیست توش تغییری ایجاد بشه بعدن میگم چه کاری با این اسکریپت میشه کرد!

بعد از ذخیره کردن فایل میریم سراغ single.php که این فرم رو باید در بر داشته باشه.

اگه همون طور که قبلا گفته بودم کد ها رو با رعایت فاصله و تمیز نوشته باشید احتمالا با پیدا کردن div/ مربوط به entry مشکلی نخواهید داشت اما اگه اینکار رو نکردین و خرچنگ و این حرفا از عکس زیر کمک بگیرین تا ببینین کجا باید کد زیر رو بنویسین:

<div class=”comments-template”>
<?php comments_template(); ?>
</div>

این تابع comments.php رو لود میکنه و میاره در زیر نوشته ی ما در single.php

بعد از ذخیره ی فایل میتونید تغییرات رو ببینید.

در page.php که مربوط به برگه ها است هم میتونید این کد رو کپی کنید اما معمولا چنین استفاده ای از این صفحات نمیشه.

این هم از این!

بیشتر از ۹۰ درصد تم هایی که میبینید همین کارهایی که ما انجام دادن نه چیزی بیشتر از اون!

فقط باید با css خیلی بازی کنید و هرچی میتونین تغییر بدین توش و اصلا هم نگران نباشید که اتفاق بدی بیافته! کافیه یه بک آپ داشته باشید که اگه خیلی گند زدین از اون استفاده کنین!

پیشنهاد من استفاده از DreamWeaver هست که کارتون رو تو این زمینه خیلی سریعتر میکنه و برای شروع کار عالیه.

در پست بعدی تم رو با فارسی سازگار خواهیم کرد.

در واقع کار اصلی رو یاد گرفتیم و مونده ترفند و تجربه!

مواظب باشید

بابای

این نوشته را با دیگران به اشتراک بگذارید