امروز دوشنبه, ۳ مهر , ۱۳۹۶

آموزش فارسی سازی قالب جوملا (بخش اول)

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

با توجه به مسائل با لا تصمیم گرفتم هر چند ناقص اما هر هر چیز از چند دستور css که بلدم را ذره ذره اینجا براتون تشریح کنم . بعدشم یه قالب را با هم فارسی میکنیم و میبینیم که چطوری یه قالب فارسی میشه مثل یه دوره تحصیلی .

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

۱- تمامی مرور گر ها (چون باید دائما قالب خود را با مرور گرهای خود تست کنید

۲- یکی از اضافات firefox به نام ; cssviewerکه میتونید از اینجا دانلودش کنید: https://addons.mozilla.org/en-US/firefox/addon/2104

۳- برنامه معروف photoshop هر ورژنی که بود

۴- برنامه dreamviewer

۵- ابزار webdeveloper مخصوص فایرفاکس

مقدمه در مورد دستورات css

i هر دستور css دارای سه بخش به ترتیب زیر است

selector {property:value}

مثال

body {color:black}

body نام بخشی است که قرار است خاصیت به آن مربوط شود در ایجا خاصیت رنگ است که ارزش سیاه را دارد . همچنین میتوان این تگ ها را گروهی بگار برد مثلا اگر بخواهید مثلا اگر بخواهید تمامی عناوین به رنگ سبز باسد میتوانید آن را گروهی بکار ببرید

مثال

h1,h2,h3,h4,h5,h6
{
color:green
}

عنی h1 تا ۶ همگی سبز باشد

نکته در مورد نام بخش ها نگران نباشید . اگر همراه با آموزش جلو بیایید خود به خود همگی را حفظ خواهید شد

نکته : کسانی که کد نویسی html را میدانند این دروس برای آنان بسیار ساده خواهد شد چرا که css پیوستگی مشخصی با html دارد

به عنوان آموزش اول با دستور direction شروع میکنیم که خاصیت است

direction میتواند دارای ۳ ارزش متفاوت باشد

direction: ltr(left to right) & rtl(right to left) & inherit

ltr به معنای چپ به راست

rtl یعنی راست به چپ

inherit به معنای ارث بری از بخش والد است

برای فارسی سازی قالب معمولا میگویند به تگ body که مربوط به کل قالب است دستور direction:rtl را اضافه کنید . نمیتوان گفت که این کار درست است یا غلط ! به دلیل این که هر قالب با قالب قبلی فرق دارد در بعضی از قالب ها اصلا نباید این کار را انجام داد و در بعضی دیگر این یک باید است .

اما اگر نخواهیم این دستور را در ابتدای قالب یا همان body قرار دهیم چه باید انجام دهیم . که البته خود من هم این کار را توصیه میکنم اما وقت گیر تر است .

ما باید در قسمت را جداگانه با این دستور بکار ببریم

direction به معنای جهت میباشد و وقتی میگوییم direction:rtl یعنی جهت از راست به چپ باشد

برای آنکه با این دستور بیشتر آشنا شوید میتوانید از کارگاه آنلاین برای تست دستور استفاده کنید از این ادرس :

http://www.w3schools.com/Css/tryit.asp?filename=trycss_text_direction

خبرنامه

برای دریافت آخرین مطالب سایت در ایمیلتان مشترک شوید!

قالب وردپرسدانلود رایگان قالب وردپرسپوسته خبری ایرانیقالب مجله خبریطراحی سایتپوسته وردپرسکلکسیون طراحی