سلام دوستان این آموزش را هم ببینید
با ورود جوملا 1.6 خیلی از وب سایت ها قصد مهاجرت از جوملا 1.5 به جوملا 1.6 را دارند و به غیر از موارد اصلی در مورد انتقال مطالب و افزونه ، مورد انتقال قالب هم مطرح است
یعنی همان تبدیل قالب جوملا 1.5 به جوملا 1.6!
خوب شروع میکنیم:
ابتدا فایل index.php قالب مورد نظر را باز کنید(قالب های جوملا در پوشه template قرار دارند!)
و در بالای این فایل این کد را پیدا کنید:
کد مورد نظر رو با این کد جایگزین کنید:
خوب بعد از این کار باید برویم سراغ مرحله بعدی در ابتدا در مورد کدی که قرار هست قرار دهیم یک توضیح کوتاه خدمتتان عرض میکنم
در کتابخانه کلاس های جوملا 1.6، کلاس $mainframe نمیتوان فراخوانی کرد و ما به جای آن خودمان یک شی از کلاس اصلی جوملا تعریف میکنیم و در کد فراخوانی میکنیم تا در مواقعی که نیاز به توابع این کلاس داشتیم بتوانیم از این کلاس استفاده کنیم.
برای اینکار در تگ <head> فایل index.php این کد را قرار می دهیم :
در این صورت دیگر به جای این کد :
از این کد:
استفاده می کنیم.
یا به جای استفاده از این کد :
از این کد:
استفاده می کنیم.
فایل index.php را ذخیره کرده و فایل templateDetails.xml را بازکنید و در خط دوم این فایل این کد را جایگزین کد اصلی کنید:
و به جای این کد :
این کد را جایگزین کنید:
بعد از این کار شما نیاز دارید که پارامترهای قالب را نیز تغییر دهید
برای اینکار شما به جای این کد در فایل templateDetails.xml :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
1.
<params>
2.
<param name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose your template theme">
3.
<option value="theme1">theme1</option>
4.
<option value="theme2">theme2</option>
5.
<option value="theme3">theme3</option>
6.
</param>
7.
</params>
این کد را جایگزین کنید :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
01.
<config>
02.
<fields name="params">
03.
<fieldset name="advanced">
04.
<field name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose your template theme">
05.
<option value="theme1">theme1</option>
06.
<option value="theme2">theme2</option>
07.
<option value="theme3">theme3</option>
08.
</field>
09.
</fieldset>
10.
</fields>
11.
</config>
بعد از این اعمالی که انجام می دهید قالب را میتوانید نصب کنید و استفاده کنید ولی تنظیمات css قالب هنوز مانده و باید تغییراتی را در فایل template.css (بعضی از قالب ها فایل joomla.css را نیز دارند!)قالب انجام داد تا قالب به درستی به نمایش در بیاید.
کد زیر را :
با این کد جایگزین کنید:
و کد زیر را :
با این کد جایگزین کنید:
در جوملا 1.5 برای نمایش دکمه های پرینت و پی دی اف و ارسال مطلب از تگ زیر استفاده می شد:
اما در جوملا 1.6 برای نمایش موارد بالا از این کد :
همراه با تگ <ul> استفاده میشود، حالا برای تنظیم این دکمه ها کد زیر را در فایل css قالب اضافه می کنیم :
یکی دیگر از تغییرات، تغییرات در نمایش صفحات لیست مجموعه (Category) است که نیاز به کد زیر دارد برای سفارشی سازی:
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا
ثبت نام کنید یا
وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
01.
table.category{
02.
border:1px solid #CCC;
03.
width:100%;
04.
text-align:center;
05.
}
06.
table.category th,table.category td{
07.
padding:2px 6px;
08.
}
09.
table.category thead{
10.
background:#EEE;
11.
}
12.
.jcat-children ul,.jcat-children li{
13.
margin:0;
14.
list-style:none;
15.
}
16.
.jcat-children li a{
17.
background:url(../images/bullet_green_arrow.png) no-repeat 0 12px;
18.
display:block;
19.
padding:5px 5px 5px 15px;
20.
font-size:0.9em;
21.
}
تغییر دیگر در نمایش ماژول لوگین هست که شما میتونید این ماژول را با کد زیر اصلاح کنید:
خصوصیت دیگری که به جوملا 1.6 اضافه شده تغییر در اندازه نمایش تصویر قالب در قسمت مدیریت قالب ها است.در این تغییر شما می توانید تصویری در اندازه 800*600 ، به نام template_preview.png را در پوشه قالب قرار داده، تا در مدیریت قالب به نمایش در بیاید
بعد از ایجاد تصویر شما باید در فایل templateDetails.xml تگ زیر را اضافه کنید :
امیدوار هستم این آموزش مفید واقع شده باشد.