سری آموزشی فارسی سازی پوسته ی وردپرس(3)
راست چین کردن :
برای اینکار باید فایلی با نام rtl.css ایجاد کنید و دستورات Css را بنویسید.دستوراتی که در rtl.css می باشند نسبت به Style.css اولویت دارد یعنی اگر در دو فایل Style.css و rtl.Css دستوری برای کلاس form نوشته شده باشد دستورات فایل rtl.css قابل قبول است.
دستورات فایل rtl.css:
Direction:rtl; => این دستور برای راست چین کردن مورد استفاده قرار می گیرد، برای مثال اگر در متن فارسی کلمه انگلیسی قرار گیرد نظم و ترتیب کلمات بهم میخورد.با استفاده از دستور direction:rtl; این مشکل برطرف می شود.
Font-family:Tahoma;=> تغییر فونت متن به فونت فارسی تاهوما
Text-align:right;=> به راست بردن متن
Float:right;=> به راست کردن کل شی، برای مثال اگر این دستور را در تگ body قرار دهید،کل پوسته به سمت راست می رود.
Direction:rtl;
font-family:Tahoma;
text-align:right;
float:right;
background:url(image)no-repeat right 6px !important;
padding:20px;اینها نمونه دستوراتی هستند که برای rtl مورد استفاده قرار می گیرند، بعد از ساخت فایل rtl.css در ابتدا برای تگ body دستورات زیر را بنویسید.
Body{
font-family:Tahoma,arial;
direction:rtl;}همچنین از دستورات زیر نیز می توانید استفاده کنید:
Body,p,li,#menu ul
li,h1,h2,h3,h4;{
direction:rtl;
font-family:Tahoma}نمونه فایل rtl.css:
کد زیر را در برنامه ای مثل نوت پد paste کنید=>
body {
font-family:tahoma,Arial; direction:rtl;
}
#header,#header h1,ul,.entry,h2.commentheading,form#commentform,#footer
{
text-align:right; font-family:tahoma,Arial;
}
#navcontainer ul li a{
margin: 5px -10px 0 0; background: url(images/headerBarLiBk.gif) left 3px no-repeat; float: right;
}
#searchBar,ul li.comments { text-align: left; font-family:tahoma,Arial;
}
h2.pagetitle {
font-family: tahoma,Arial; padding: 3px 3px 3px 480px;
}
#sidebar ul li ul li a {
background: url(images/sidebarBullet.gif) right center no-repeat; padding-right: 1em;
}
#navcontainer ul li.current_page_item a, #navcontainer ul li.current_page_ancestor a {
font-family: tahoma, Georgia, serif;
}
استانداردهای پوسته :
- پوسته ها به وسیله ی فایل زبان (mo)و اشیاء در rtl.css فارسی شده باشد.
- نام طراح سایت به هیچ وجه حذف نشود و فقط فارسی ساز قالب در صورت تمایل می تواند لینک خود را وارد کند.
فارسی سازی افزونه ها :
برای این کار شما باید تمامی مراحل بخش دوم را به غیر از راست چین کردن انجام دهید. در ضمن برای فراخوانی فایل زبان باید به جای استفاده از :
از :
استفاده شود.
کوتاه سخن:
در این مجموعه قصد داشتم تمامی مراحل فارسی کردن یک قالب وردپرسی را به شما آموزش دهم تا بتوانید خود اینکار را انجام دهید، فقط سعی کنید چند بار اینکار را انجام دهید تا با قالب های مختلف رو به رو شوید.
موفق و پیروز باشید
پایان