آموزش تبدیل قالب جوملا 1.5 به 1.6

[bodonoshir]

سلام

آموزش تبدیل قالب جوملا 1.5 به قالب جوملا 1.6 قسمت اول ( تغییرات مربوط به فایل templateDetails)

http://www.bodonoshir.com/component/content/article/6-templates/22--15-16.html

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

منتظر قسمت های بعدی باشید.....
یا علی

[firoozmandan]

سلام

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

یا علی

[bodonoshir]

سلام
جناب فیروزمندادن هر جور صلاحه بگید تا انجام بدیم!
یا علی

[firoozmandan]

ممنون
اگر لطف کنید و مستقیما آموزش را در همین قسمت قرار بدید ممنون میشم.
برای کامل کردن آموزشتون میتونید از مطلب زیر استفاده کنید تا آموزشی جامع تهیه بشه و در سایت هم منتشر بشه تا همه کاربران بتوانند استفاده کنند.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

یا علی

[bodonoshir]

سلام
چشم ! ممنون از زحمت ها تون !
بله این آموزش یه قمستی بود و کامل نبود!
یا علی

[bodonoshir]

بسم الله

تغییرات مربوط به فایل ها و کد در نسخه 1.6 نسبت به نسخه 1.5 در ادامه مطلب اومده که می تونید با اعمال این تغییرات در قالب خودتون اون رو به قالب جوملا 1.6 تبدیل کنید.
به همین سادگی...

index.php

کد زیر که برای عدم دسترسی مستقیم به فایل ایندکس اصلی قالب در ورژن 1.5 بود:

defined( '_JEXEC' ) or die( 'Restricted access' );

که باید به کد زیر تبدیل بشه:

defined('_JEXEC') or die;

templateDetails.xml
کد های زیر رو پیدا کنید( این کد بدون تغییر هست!)

<?xml version="1.0" encoding="utf-8"?>

بعدش ، توی خط جدید کد زیر رو اضافه کنید:

<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template  1.0//EN"  "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">

در نسخه 1.5 کد زیر اطلاعات ورژن و نوع فایل نصبی رو مشخص می کرد:

<install version="1.5" type="template">

ولی در نسخه 1.6 باید به کد زیر تغییر پیدا کنه:

<extension version="1.6" type="template" client="site">

در نسخه 1.6 ، در تعریف فایل های می تونید از کد های زیر هم استفاده کنید که به جای تعریف تمام فایل ها مثلا پوشه عکس ها فقط فولدر images رو وارد می کنید.

<folder>images</folder>

بعد از این تغییرات نوبت به ویرایش پارامتر ها می رسه!

در زیر یه نمونه از کد ها رو در ورژن 1.6 آوردم :

<params>
 <param name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose your template theme">
 <option value="theme1">theme1</option>
 <option value="theme2">theme2</option>
 <option value="theme3">theme3</option>
 </param>
</params>

که در جوملا نسخه 1.6 به شکل زیر باید نوشته بشه:

<config>
 <fields name="params">
 <fieldset name="advanced">
 <field name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose your template theme">
 <option value="theme1">theme1</option>
 <option value="theme2">theme2</option>
 <option value="theme3">theme3</option>
 </field>
 </fieldset>
 </fields>
</config>

بیشترین تغییراتی که در ورژن 1.6 ایجاد شده این هست که شما می تونید با کد <fieldset> پارامتر هاتون رو دسته بندی کنید. و این کار برای قالبی که پارامتر های اون زیاد هست به درد بخوره!

css (استایل قالب)

کلاس:

.article_separator

باید به کلاس زیر تبدیل بشه:

.item-separator

و کلاس:

.blog_more

باید به کلاس زیر تبدیل بشه:

.items-more

دکمه ها ( پرینت ، ارسال به دوستان و پی دی اف ) در مطالب هم که در ورژن 1.5 به شکل زیر بودند:

<td class="buttonheading" > ...

اما الان به صورت لیست (ul , li)توی کلاس زیر قرار گرفتن :

<div class="actions" > ...

برای بهتر شدن مفهومش یه مثال می زنم:

.actions{
margin:0;
}
.actions li{
list-style: none;
display:inline;
float:right;
}

در ماژول ورود به سایت هم تغییراتی ایجاد شده و لیبل و تکست باکس ها توی یه خط قرار می گیرن! اما اگر شما می خواید توی خطوط جدید درج بشن می تونید از کد زیر استفاده کنید:

#form-login #form-login-username label,
#form-login #form-login-password label{
display:block;
}

اما اگر از نسخه تیم جوملای فارسی استفاده می کنید این تیم یه کم دستکاری کردم و با <br> هر کدومشون رو توی یه خط قرار داده!

تصویر قالب

در ورژن 1.6 ،برای تصویر قالب می تونید از تصویر با سایز 600*800 استفاده کنید و برای این کار باید فایل template_preview.png رو توی روت (ریشه) قالب قرار بدید! فقط فراموش نکنید که باید کد زیر هم رو توی فایل templateDetails.xml درج کنید:

<filename>template_preview.png</filename>

استفاده همراه با ذکر منبع ....

فعلا یا علی

[mahdi manian]

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

مثلا
<install version="1.6" type="template">
را به اشتباه
<extension version="1.6" type="template" client="site">
نوشته اید.

[bodonoshir]

سلام
نه دوست عزیز همون که نوشته شده درست هستش ! اگر به قالب های پیشفرض جوملا 1.6 هم مراجعه کنید متوجه می شید که کد درست درج شده!
ولی ممنون از دقتتون
یا علی

[behrooz_1]

ممنون از آموزشتون

[sisto]

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

ضمن تشکر از آموزش چند تا سئوال داشتم درباره تنظیم این کدها در سی اس اس برای قالب :

.pagination-start ,.pagination-end,.pagenav,.pagination-prev,.pagination-next

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

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

قبلا از راهنمایی شما سپاسگذارم