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

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

وبلاگ - جوملا

با ورود جوملا 1.6 خیلی از وب سایت ها قصد مهاجرت از جوملا 1.5 به جوملا 1.6 را دارند و به غیر از موارد اصلی در مورد انتقال مطالب و افزونه ، مورد انتقال قالب هم مطرح است
یعنی همان تبدیل قالب جوملا 1.5 به جوملا 1.6!

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


ابتدا فایل index.php قالب مورد نظر را باز کنید(قالب های جوملا در پوشه template قرار دارند!)
و در بالای این فایل این کد را پیدا کنید:

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


کد مورد نظر رو با این کد جایگزین کنید:

defined('_JEXEC') or die;


خوب بعد از این کار باید برویم سراغ مرحله بعدی در ابتدا در مورد کدی که قرار هست قرار دهیم یک توضیح کوتاه خدمتتان عرض میکنم
در کتابخانه کلاس ها و اشیاء جوملا 1.6، شی ء $mainframe را نمیتوان فراخوانی کرد و ما به جای آن خودمان یک شی از کلاس اصلی جوملا تعریف میکنیم و در کد فراخوانی میکنیم تا در مواقعی که نیاز به توابع این کلاس داشتیم بتوانیم از این کلاس استفاده کنیم.

برای اینکار در تگفایل index.php این کد را قرار می دهیم :

 

در این صورت دیگر به جای این کد :

$mainframe->getCfg('live_site');


از این کد:

$app->getCfg('live_site');


استفاده می کنیم.


یا به جای استفاده از این کد :

$mainframe->getCfg('sitename');

از این کد:

$app->getCfg('sitename');

استفاده می کنیم.

فایل index.php را ذخیره کرده و فایل templateDetails.xml را بازکنید و در خط دوم این فایل این کد را جایگزین کد اصلی کنید:

 

و به جای این کد :

 

این کد را جایگزین کنید:

 


بعد از این کار شما نیاز دارید که پارامترهای قالب را نیز تغییر دهید
برای اینکار شما به جای این کد در فایل templateDetails.xml :





 <option value="theme1">theme1</option>
 <option value="theme2">theme2</option>
 <option value="theme3">theme3</option>
 
</params>

این کد را جایگزین کنید :

<config>
 <fields name="params">
</fields></config>
<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>
 

 


بعد از این اعمالی که انجام می دهید قالب را میتوانید نصب کنید و استفاده کنید ولی تنظیمات css قالب هنوز مانده و باید تغییراتی را در فایل template.css (بعضی از قالب ها فایل joomla.css را نیز دارند!)قالب انجام داد تا قالب به درستی به نمایش در بیاید.


کد زیر را :

.article_separator

با این کد جایگزین کنید:

.item-separator

و کد زیر را :

.blog_more

با این کد جایگزین کنید:

.items-more


در جوملا 1.5 برای نمایش دکمه های پرینت و پی دی اف و ارسال مطلب از تگ زیر استفاده می شد:

 

اما در جوملا 1.6 برای نمایش موارد بالا از این کد :

 

همراه با تگ

    استفاده میشود، حالا برای تنظیم این دکمه ها کد زیر را در فایل css قالب اضافه می کنیم :

 

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


یکی دیگر از تغییرات، تغییرات در نمایش صفحات لیست مجموعه (Category) است که نیاز به کد زیر دارد برای سفارشی سازی:

table.category{
border:1px solid #CCC;
width:100%;
text-align:center;
}
table.category th,table.category td{
padding:2px 6px;
}
table.category thead{
background:#EEE;
}
.jcat-children ul,.jcat-children li{
margin:0;
list-style:none;
}
.jcat-children li a{
background:url(../images/bullet_green_arrow.png) no-repeat 0 12px;
display:block;
padding:5px 5px 5px 15px;
font-size:0.9em;
}

تغییر دیگر در نمایش ماژول لوگین هست که شما میتونید این ماژول را با کد زیر اصلاح کنید:

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


خصوصیت دیگری که به جوملا 1.6 اضافه شده تغییر در اندازه نمایش تصویر قالب در قسمت مدیریت قالب ها است.در این تغییر شما می توانید تصویری در اندازه 800*600 ، به نام template_preview.png را در پوشه قالب قرار داده، تا در مدیریت قالب به نمایش در بیاید
بعد از ایجاد تصویر شما باید در فایل templateDetails.xml تگ زیر را اضافه کنید :

<filename>template_preview.png</filename>

 

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

 

به علت ارسال اسپم های فراوان، قسمت نظرات سایت در حال حاضر غیرفعال می باشد.
به این دلیل از شما کاربران گرامی عذرخواهی می کنیم.

ایمن شده بوسیله وب سایت تک وب دیزاین تک وب دیزاین