close
تبلیغات در اینترنت
نحوه فارسی سازی قالب های جوملا آرتیستر

فیتک دانلود - مركز دانلود رايگان

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

نظر شما در مورد قالب و محتوای این سایت چیست؟




جستجوگر پیشرفته



آخرین ارسال های انجمن
عنوان پاسخ بازديد آخرين ارسال
دانلود رايگان جديدترين ورژن آتس آپ جار 2.12.25 دانلود رايگان جديدترين ورژن آتس آپ جار 2.12.25 12 14386 amirzarbakhsh
معرفی اپلیکیشن پرورش افکار امیر شریفی معرفی اپلیکیشن پرورش افکار امیر شریفی 0 27 fns4565
معرفی کامل اپلکیشن کسب درآمد Pivot معرفی کامل اپلکیشن کسب درآمد Pivot 0 26 admin
آموزش کسب درآمد از طریق crypto tab آموزش کسب درآمد از طریق crypto tab 0 21 admin
جدیدترین ورژن تلگرام برای اندروید Telegram.3.3.1 جدیدترین ورژن تلگرام برای اندروید Telegram.3.3.1 20 2341 amirzarbakhsh
دانلود جدیدترین ورژن نرم افزار مدیریت دانلود IDM برای موبایل (اندروید) دانلود جدیدترین ورژن نرم افزار مدیریت دانلود IDM برای موبایل (اندروید) 7 1902 vahiddgn
 داستانی زیبا از بخشندگی کوروش کبیر! داستانی زیبا از بخشندگی کوروش کبیر! 4 2130 vahiddgn
اجرای برنامه های اندروید در ویندوز Windroye 2.7.8b اجرای برنامه های اندروید در ویندوز Windroye 2.7.8b 5 2174 vahiddgn
سوالات و مشکلات برنامه واتس آپ whatsapp سوالات و مشکلات برنامه واتس آپ whatsapp 2 12125 vahiddgn
دانلود رایگان جدیدترین ورژن واتس آپWhatsApp Messenger 2.12.271 دانلود رایگان جدیدترین ورژن واتس آپWhatsApp Messenger 2.12.271 2 6453 fns4565
دانلود جديد ترين ورژن نرم افزارTeamViewer 9.0.29480 کنترل از راه دور کامپیوتر دانلود جديد ترين ورژن نرم افزارTeamViewer 9.0.29480 کنترل از راه دور کامپیوتر 1 2238 ashkan
دانلود رایگان نمونه سوالات استخدامی 1394 دانلود رایگان نمونه سوالات استخدامی 1394 1 1648 ashkan
نسخه جدید اپرا مینی برای اندروید - Opera Mini Browser 7.6 Android نسخه جدید اپرا مینی برای اندروید - Opera Mini Browser 7.6 Android 1 1870 ashkan
دانلود نسخه جدید نرم افزار وایبر برای گوشی ها و تبلت های اندروید دانلود نسخه جدید نرم افزار وایبر برای گوشی ها و تبلت های اندروید 1 2369 ashkan
دانلود برنامه بی نهایت کردن سکه بازی اندروید بدون روت دانلود برنامه بی نهایت کردن سکه بازی اندروید بدون روت 0 1268 amin2492
[Forum_Post_Title] صفحه اول انجمن | [Forum_Post_Title] ثبت نام در انجمن | [Forum_Post_Title] ورود به پنل کاربری

یکی از گزینه هایی که جوملا را جذاب و زیبا جلوه داده است ، قالب های بی نظیر و زیبا و پرکاربرد این مدیریت محتوا میباشد .

امروزه بسیاری از طراحان قالب های را طراحی میکنند که از همه نظر مناسب و درخور کار شما میباشد .

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

برای این که قالب مذکور ، توانایی قرار گیری در سایت های ایرانی را داشته باشد باید فارسی سازی و یا به اصطلاح RTL ( راست به چپ و یا right to left ) شود .

ابتدا به یک مقدمه میپردازم تا با نحوه کار آشنا شوید .

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

1-template.css (که در قالب های مختلف نام این فایل متفاوت است و درباره این موضوع بحث میشه . )

2-editor.css

3-index.php ( گاهی اوقات نیاز به ویرایش داریم . )

خوب هر مرحله را با دقت جلو میریم . به تمامی مراحل دقت کنید .

template.css

بقیه در ادامه مطلب ...

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

در بعضی قالب ها فایل های داخل css حدود 4 یا 5 عدد هستند . اما در قالب های پیشرفته تا حد 20 و یا بیشتر ، فایل داخل css وجود دارد . از تعداد فایل ها نترسید . برای فارسی سازی ویرایش تمامی فایل ها الزامی نمیباشد . فقط چند فایل اصلی الزامی هستند .

در قالب های معمولی و نیمه حرفه ای ، فایل template.css وجود دارد . در بعضی قالب ها این نام متفاوت است . اما از دو جهت میتوان تشخیص داد .

1- حجم این فایل اصولا از بقیه فایل ها بیشتر است . ( زیرا پایه قالب در این فایل تنظیم و ویرایش شده است . )

2- نام این فایل به گونه ای انتخاب میشود که تعیین کننده نوع فعالیت آن باشد . برای مثال : style.css , layout.css , main.css و...

ما در این آموزش اکثریت را مدنظر قرار میدهیم .

template.css را با یک ویرایشگر قوی باز میکنیم . ( ترجیحا Adobe Dream Weaver ).

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

فرمان اول : direction:rtl ( این فرمان در انتها و یا هر قسمتی از فایل css که قرار بگیرد آن قسمت را راست به چپ میکند و نحوه نوشتاری فارسی را زیبا تر میکند . برای مثال : در هنگام گذاشتن پرانتزو.. دیگر با مشکل مواجه نمیشوید)

فرمان دوم : float:right ,float:left (معنای float را شناور میگوییم . اما در قالب و در css برای موقعیت هایی کاربرد دارد که میتوانند در صورت نیاز ما هرجای قالب باشند . و با این دستور مکان آنها ( یعنی سمت راست یا چپ بودن ) را مشخص میکنیم )

فرمان سوم : text-align:right , text-align:left ( با این دستور طرز نوشتاری آن قسمت را مشخص میکنیم . دقت کنید که این دستور با direction:rtl متفاوت است . )

فرمان چهارم : font-family ( این دستور نوع گروه فونت نوشتاری شما را مشخص میکند . در حال حاضر بهترین فونت برای زبان فارسی ، فونت Tahoma میباشد . )


خوب حالا به ویرایش قالب میپردازیم .

در ابتدای قالب ما تگی داریم با شکل و شمایل زیر.

.body{ } 

در داخل این تگ یک سری کد اعم از font-family و text-align هم نوشته شده که الان با این کدها کار نداریم .

در انتهای این تگ قبل از } ما باید کد direction:rtl را اضافه کنیم . تگ body تمام قالب شما را شامل میشود و تغیرات در این تگ ، بر روی کل قالب تاثیر میگذارد . اما این کافی نیست و قسمت های کوچکی هم باید تغییر داده شوند .

در مرحله بعد ما باید تمامی بلاک ها ، دکمه ها ، موقعیت ها و منوبار ، بالای سایت (navigation ) را هم فارسی کنیم .

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

برای منوی بالا : navmenu , topmenu , main-menu , navigation , main-nav و...

برای بلاک ها : leftcolumn, rihtcolumn, left-block , right-block و...

دکمه ها ( این قسمت کمی پیچیده است . گاهی اوقات برای هر نوع دکمه در یک قالب چندید اسم قرار میدهند ) : readmore , button , readmore.button , div#but و...

موقعیت ها ( امکان پیشبینی نیست . )

حالا در نرم افزار خود بر روی صفحه کلید (keyboard) سیستم خانگیتون ctrl+f را میزنید تا یک صفحه جستجو برای شما باز شود . حالا به دنبال کلمات بالا میگردیم و در انتهای همه کد rtl کردن را اضافه میکنیم . ( مانند تگ body )

بعد از اتمام rtl کردن سراغ قرار دادن کدهای بعدی میرویمم .

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

right , left , inherit

ما با کلمه inherit کاری نداریم و اگر آن را مشاهده کردیم ، ویرایش نمیکنیم . تنها right و left را ویرایش میکنیم . به این ترتیب ، در جلوی float هرچه left دیدید به right و هر چه right دیدیم به left تغییر میدهیم .
( هیچوقت برای float در جستجی نرم افزار از replace استفاده نکنید . )

پس از تکمیل ویرایش flot ، نوبت به ویرایش text-align میرسد . ویرایش این قسمت هم مانند قسمت float میباشد و هیچ فرقی ندارند .

در آخر به سراغ تنظیم فونت قالب میرویم . در جستجوی نرم افزار font-family را جستجو کنید . تمامی فونت های جلوی آن را پاک کنید و تنها دو فونت Tahoma,Arial را جایگزین کنید . ( به همین شکل که نوشتم جایگزین کنید . در بین فونت ها باید کاما قرار بگیرد . )

کار ما با این فایل به اتمام رسید . فایل را ذخیره میکنیم و ویرایش دیگر فایل ها را شروع میکنیم .
editor.css

این فایل تنها برای نوشتار کاربرد دارد . بعضی قالب ها در این فایل text-align و font-family را هم قرار میدهند . با یک جستجو ساده ببینید اگر این کدها موجود بودند ، آنها را مانند آموزش بالا ویرایش کنید .
index.php

این فایل داخل فولدر css نیست . این فایل در پوشه اصلی قالب قرار دارد .

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

برای حل این مشکل به لینک زیر بروید :

حل مشکل قالب در IE

برای اینکه بتوانید قالب های حرفه ای را نیز rtl کنید نیاز به مهارت و تمرین زیاد داریم . tl کردن کار دشواری نیست فقط با کمی تمرین به راحتی میتوانید قالب های بسیار زیبایی را فارسی کنید .


:: امتیاز: نتیجه : 2 امتیاز توسط 1 نفر مجموع امتیاز : 6

:: بازدید : 2683
:: ارسال شده در: قالب جوملا , آموزش جوملا ,
:: مطالب مرتبط: دانلود رایگان برنامه طراحی سایت WYSIWYG Web Builder 10 , دانلود رایگان قالب اردیبهشت برای جوملا فارسی 2.5 , فیلم های کامل آموزشی جوملا 2.5 به زبان فارسی , دانلود رايگان قالب شرکتی اطلس - ويژه جوملا 2.5 , دانلود رایگان مجموعه ۶۵ تم زیبا برای جوملا Joomla Webite Template 2013 , دانلود رایگان نرم افزار EasyPHP 5.3.6.0 , Adobe Dreamweaver CS6 - طراحی وب سایت , 20 گيگ هاست رايگان ,
:: برچسب‌ها: آموزش فارسی سازی قالب جوملا , قالب جوملا , آموزش رایگان جوملا , ساخت قالب جوملا با آرتیستر , فارسی سازی قالب جوملا با آرتیستر , آرتیستر , نحوه فارسی سازی قالب های جوملا آرتیستر , آموزشهای جوملا , آموزش جوملا 2.5 , مرجع آموزشی جوملا , جوملا 2.5 آموزش کامل جوملا , فیلم آموزشی جوملا 2.5 , فیلم آموزش جوملا به زبان فارسی , آموزش , جوملا , ویژگی های جوملا 2.5 , بهترین cms سال 2011 , آموزش نصب wamp server , آموزش نصب جوملا 2.5 در لوکال هاست , آموزش مدیریت محتوا در جوملا 2.5 ,
نویسنده
نویسنده : رضا
تاریخ : [دوشنبه 09 ارديبهشت 1392 ] [ 2:10]
تاریخ
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
آخرین مطالب ارسالی
user
progress عضو شويد

نام کاربری :
رمز عبور :

progress فراموشی رمز عبور؟

progress عضویت سریع
نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : * کد امنیتیبارگزاری مجدد
اخبار
نرم افزار
موبايل
كتاب الكترونيكي
طراحي سايت
اتو کد
بازي كامپيوتر
ترفند و آموزش
فیلم و سریال
کسب درآمد
آمار مطالب آمار مطالب
کل مطالب کل مطالب : 386
کل نظرات کل نظرات : 226
آمار کاربران آمار کاربران
افراد آنلاین افراد آنلاین : 7
تعداد اعضا تعداد اعضا : 322

کاربران آنلاین کاربران آنلاین

آمار بازدید آمار بازدید
بازدید امروز بازدید امروز : 996
باردید دیروز باردید دیروز : 4,387
ورودی امروز گوگل ورودی امروز گوگل : 19
ورودی گوگل دیروز ورودی گوگل دیروز : 73
بازدید هفته بازدید هفته : 5,383
بازدید ماه بازدید ماه : 38,434
بازدید سال بازدید سال : 226,152
بازدید کلی بازدید کلی : 4,340,993

اطلاعات شما اطلاعات شما
آِ ی پیآِ ی پی : 54.82.93.116
مرورگر مرورگر :
سیستم عامل سیستم عامل :
RSS

Powered By
Rozblog.Com
Translate : RojPix.ir