حالت موضوعی | حالت خطی

**admin**

در این مقاله سعی خواهم کرد تا بزبان ساده و با ابزار موجود نحوه فارسی کردن قالب های SMF رو توضیح بدم ... سطح این آموزش متوسط است و شما به فرض داشتن آشنایی مختصری به SMF و استانداردهای HTML میتوانید دستورالعمل های آن را بکار بسته و عملی کنید.

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

برای قراردادن یک نوشته در داخل یک کادر، یک فلید یا هر تگ در اسناد HTML باید به Left To Right یا Right To Left نوشته توجه کنیم. این جهت رو ما بصورت LTR یا RTL مشخص میکنیم و مفهموم اونها سمت نوشتاری و مخفف همان Left To Right یا Right To Left هست.

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

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

به صفحات فارسی میگیرد، توجه به همین نکته هست که زیاد هم وقت گیر نیست.

به عنوان مقدمه بهتر است به معرفی مراحل کار بپردازیم :

1. دریافت قالب مورد نظر
2. ایجاد تغییرات لازم در فایل های مربوطه
4. طراحی و ایجاد موضوعات گرافیکی به زبان فارسی از قبیل کلیدها و ...
5. تغییر فونت های مورد استفاده در قالب

بسیار خوب کارمون رو شروع کنیم :

1. برای دریافت قابل بهترین منبعی که میتونم معرفی کنم بخش گرافیک و قالب ها در انجمن های سایت simplemachines.org در آدرس دریافت قالب است.

شما میتوانید قالب مورد نظر خود را از آدرس فوق انتخاب و دریافت نمایید؛ خوشبختانه در این مرجع قالب ها دسته بنده شده و همچنین امکان پیش نمایش رو هم دارا خواهید بود ، این موضوع میتونه در انتخابتون کمک بسزایی بکنه ...

2. فایل های مربوط به قالب SMF فایلهای با پسوند php. و در فولدرهایی مجزا، در شاخه Themes/ هستند

حالا باید بریم سراغ جداول ( tables )
در تمامی فایل های قالب ( فایل های با پسوند nnnnnn.template.php ) به دنبال خطوطی که حاوی این کد هستند میگردیم ( منظور از nnnnnn نام فایل است):

کد:

<table ...................

و در کنار آن عبارت زیر رو اضافه میکنیم:

کد:

dir="rtl"

یعنی به عبارتی اگر کدی مثلا به این شکل داشته باشیم

کد:

<table cellspacing="0" cellpadding="0" border="0" width="100%" style="position: relative;]

باید به این شکل تغییر یابد :

کد:

<table dir="rtl" cellspacing="0" cellpadding="0" border="0" width="100%" style="position: relative;]

مرحله بعدی تعویض کدهای left و right است. باز هم در تمامی فایل های قالب ، کدهای align="left" رو یافته و کد رو به align="right" تغییر میدیم.

همچنین همه کدهای align="right" رو یافته و به کد align="left" تغییر میدیم

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

در این قسمت باید امکان نوشتن فارسی در فیلد ها رو ایجاد کنیم. عمده فیلد های مورد استفاده جهت نگارش input و textarea هستند. در تمامی فایل های قالب، عبارات textarea و input رو یافته و کدهای onKeyDown="FKeyDown();" onkeypress="FKeyPress();" رو به اون اضافه میکنیم

به عنوان مثال اگر در مورد input کدی مشابه این داشته باشیم:

کد:

<input type="text" name="user" size="10" />

به این شکل تغییر میکنه :

کد:

<input type="text" name="user" size="10" onKeyDown="FKeyDown();" onkeypress="FKeyPress();" />

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

کد:

<textarea name="post" rows="15" cols="35" style="width:450px" tabindex="3" class="post]

به این شکل تغییر میکنه:

کد:

<textarea name="post" rows="15" cols="35" style="width:450px" tabindex="3" class="post" onKeyDown="FKeyDown();" onkeypress="FKeyPress();]

(( لازم به ذکر است که کدهای مذکور رو به شکلی دیگری هم میتوان بکاربرد که به دلیل جلوگیری از پیچیده گی موضوع و عدم ضرورت به آن نمی پردازم ... ))

نکته مهم : در تمامی مودهایی که در SMF افزوده میشود ، نحوه فارسی کردن فیلدهای موجود در آنها به همین ترتیب فوق است. به این معنی که میتوانید برای فارسی کردن فیلدهای مورد اشاره در مودی که نصب میکنید با افزودن کدهای

کد:

onKeyDown="FKeyDown();" onkeypress="FKeyPress();"

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

اخطار : هرگز کدهای فوق رو در مورد فیلدهایی نظیر فیلدهای دریافت آدرس ایمیل و آدرس وب سایت و مخصوصا فیلد دریافت کلمه رمز کاربران ، بکار نبرید
عدم توجه به این مورد قطعا شما رو با مشکلات جدی مواجه خواهد کرد ...

3. برای فارسی کردن کلیدها و نمادهای گرافیکی، فولدری بنام persian در شاخه Themes/nnnnnn/images/ بسازید (nnnnnn نام قالبی هست که قصد ترجمه ان را دارید)

فایل های تصویری موجود در شاخه Themes/nnnnnn/images/english/ رو درون آن کپی کرده و توسط نرم افزار گرافیکی مثل Gimp یا PhotoShop یا هر نرم افزار دیگری که تمایل دارید، متون رو به فارسی تغییر دهید. همچنین در صورت تمایل میتونید از نمادهای گرافیکی که قبلا برای قالب های دیگر فارسی شده اند و در دسترس میباشند استفاده کنید
توجه کنید که این کار به سلیقه خودتان بستگی دارد و البته از کلیدهای انگیلیسی هم میتونید استفاده کنید و در این صورت اشکالی در روند استفاده از قالب وجود نخواهد داشت ...

4. فونت های مورد استفاده در قالب در فایلی با پسوند css. تعریف شده اند. فایل رو ویرایش کرده و فونتهایی نظیر Arial و Courierو Courier New و ... را به Tahoma تغییر دهید. سایز و اندازه فونت ها را هم از این قسمت می توانید تغییر دهید.

منبع : mambolearn