آخرین نظرات

با سلام.لطفا اگر امکان دارد این افزونه را بروزرسانی فرمایید.با ورژن های جدید دیجی کام و جوملا سازگار...
سلام و وقت بخیر
من فایل جلسه اول رو دیدم و عالی بود.
میخوام در این دوره شرکت کنم که از ادامه دوره ...
درود بر شما
این دوره کاملا رایگان بود و قسمت های بعدی هم در سایت منتشر نمیشود
22
آذر
1389

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

آموزش فارسی سازی قالب های آرتیستیر
(3 رای)

برنامه آرتیستیر را خیلی ها میشناسن . این برنامه برای اینکه شما بتونید خودتون برای خودتون قالب طراحی کنید و از آن استفاده کنید . این برنامه را میتونید از سایت رسمی آرتیستیر بخرید و نصب کنید و یا در سایت های وارز بگردید ، دانلود کنید و استفاده کنید . البته چون من در این وب سایت از وارز پشتیبانی نمیکنم بیشتر از این برای دانلود برنامه به صورت وارز نمیتونم کمک کنم اما سایتهای www.katz.cd و www.dl4all.com سایت های وارز هستند که همه چیز توشون گیر میاد .

این آموزش به مناسبت عید نوروز عمومی شد

 

 

سطح آموزش  :         
مبتدی
منبع آموزش  : www.joomina.ir
توضیحات     : آموزشهای طراحی وب جومینا براساس نیاز سنجی مدیران جومینا تهیه و منتشر میشود این آموزش ها قالبا  آموزش هایی است که دردنیای مجازی یا نیست و یا کمیاب است . لطفا در صورتی که از آموزش های عمومی جومینا در سایت های دیگر منتشر مینمایید منبع را ذکر نمایید

دانلود این کامپوننت تنها برای اعضا امکان پذیر است{module ثبت کد دعوت نامه }

 

خوب حالا میرسیم سر فارسی سازی قالب :

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

در پوشه اصلی قالب فایل index.php را باز کنید . این کار را با هر نرم افزاری میتونید انجام بدید حتی با notepad خود ویندوز . حال در این فایل دنبال این عبارت ها بگردید

 

<link rel="stylesheet" type="text/css" href="/<?php echo $templateUrl; ?>/css/template.css" />

این کد ها معمولا در خط 19 فایل index.php موجود است .در این خط php داره به جوملا میگه که تنظیمات css را از فایل template.css در پوشه css بخوان. در اینجا این نکته را بگم که میشه فارسی سازی را از همین فایل شروع کرد اما من شخصا شدیدا مخالف تغییر template.css در تمامی قالب ها هستم . چرا ؟

چون ممکنه در آینده بخواهیم قالب 2 زبانه داشته باشیم برای همین یک ترفند دیگه بکار میبریم تا به فایل template.css دست نزنیم. برای این کار در زیر خطی که کد بالا قرار دارد کد های زیر را گپی میکنیم :

<?php if($this->direction == 'rtl') : ?>

<link rel="stylesheet" type="text/css" href="/<?php echo $templateUrl; ?>/css/template_rtl.css" />

<?php endif; ?>

این بدان معناسات که نمای کلی حالا باید اینطوری بنظر بیاد

<link rel="stylesheet" type="text/css" href="/<?php echo $templateUrl; ?>/css/template.css" />
<?php if($this->direction == 'rtl') : ?>

<link rel="stylesheet" type="text/css" href="/<?php echo $templateUrl; ?>/css/template_rtl.css" />

<?php endif; ?>

 

خوب کد های جدیدی که اضافه کردیم داره به جوملا میگه که اگر دیدی متن داخل قالب راست به چپ بود علاوه بر تنظمات فایل template.css تنظیمات template_rtl.css را نیز که در پوشه css قرار داره اعمال کن .

اما ما هنوز هیچ فایلی به این نام در پوشه css نداریم خوب در این پوشه یهنی پوشه css یک فایل با نام template_rtl.css بسازید !

حالا کد های زیر را در این فایل کپی نمایید

/* design by amir reza tehrani */
.art-Post li ,.art-BlockContent-body li,.art-BlockContent-body ul,.pollstableborder td ,p,
form,table,a, a:link,.art-BlockContent-body,.breadcrumbs
,h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover,
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited,
h4 a:visited, h5 a:visited, h6 a:visited,.art-PostHeader,
.art-BlockHeader,.art-BlockContent-body ,.form-login,.art-BlockContent,.art-BlockContent-body, select ,input, form {direction:rtl; text-align:right}
.art-BlockContent-body ul li {background-position:right top; padding-right:15px}
.art-BlockContent-body ul li:hover {background-position:right -20px}

.art-menu li {float:right}
.art-menu ul li a,.art-menu ul a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover ,.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span{ text-align:right}
.art-menu ul {
visibility: hidden;
position: absolute;
z-index: 10;
right: 2px; margin:0; padding:0;
top: 0;
background:none; left: inherit;
}

 

هنوز کار تمام نشده ! حالا در پوشه قالب دنبال فایل templatedetails.xml بگردید و این خط را در قسمت فایل ها اضافه کنید

<fileName>css/template_rtl.css</fileName>

میتونید این خط را زیر کدهای زیر اضافه کنید

<fileName>css/templatel.css</fileName>

این خطی که اضافه کردیم داره به نصب کننده جوملا میگه که یک فایل به نام template_rtl.css وجود داره که باید در پوشه css قرار داده بشه .

کار تمام است . حالا پوشه قالب را zip کنید و آن را در جوملا نصب نمایید قالب شما کاملا فارسی است

 

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

مجموع رتبه (0)

0 از 5 ستاره
لطفا برای ثبت نظر خود وارد شوید
  • اولین نظر را شما بدهید