آموزش مقدماتي ساخت قالب هاي جوملا

[سامان آخته 12]

با سلام خدمت شما دوستان عزیز

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

امروز میخوام آموزش شماره 1 طراحی قالبهای جوملا فارسی را قرار بدم

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

منظور از زشت یعنی همینجوری و رو هوا.خیلی باهال میشه. Grin

در کل قالبهای جوملا از چند تا فایل با نامهای index.php ,templateDetails.xml ,template_css.css و کمی هم عکس و مکس.

من خودم از دریمور برای طراحی قالبهام استفاده میکنم

چون واقعا همه چیز داره.مخصوصا پی اچ پی.

خوب.

index.php

اول یک صفحه جدید با پسوند php ایجاد میکنیم

بعد هر چی توی کدهاش داره رو پاک میکنیم.کاملا خالی باشه.

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

توجه : تو بعضی کدها نام iranmodern ذکر شده.

یادتون باشه این نام قالب هست.شما باید این اسم رو همون اسم قالب و پوشه قالبتون بزارید.

مثلا بجای ایران مدرن میزارید بjoomfa

همون اول کار ،این کدها رو که میزارم رو کپی کنید اونجا.

کد:

<?php

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

// needed to seperate the ISO number from the language file constant _ISO

$iso = explode( '=', _ISO );

// xml prolog

echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';

?>

<?php mosShowHead(); ?>

<?php

if ( $my->id ) {

initEditor();

}

$collspan_offset = ( mosCountModules( 'right' ) ) ? 2 : 1;

//right based combos

if ( mosCountModules( 'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {

$right = 1;

}

?>

حالا میایم تو دریمور چند تا تیبل table درست میکنیم.

با رنگ مشخص کردم موقعتها رو.

من میخوام تو این قالب بالاش یک عکس بزارم.

برای اینکار میام اول تو پوشه قالبم یک پوشه با نام images درست میکنم و تصویری که میخوام بزارم رو اونجا انتقال میدم.

بعد میام رو تیبل یا جدول بالا این کد رو کپی میکنم توش.

کد:

کد:

در اینجا اسم اون عکس ما banner.jpg هست.

=============================

نکته : تا اینجا فهمیدیم که کد تصاویر

کد:

کد:

<?php echo $mosConfig_live_site;?>/templates/iranmodern/images/banner.jpg" alt="banner">

هستش.پس هر جا عکس داشتید باید از این کد استفاده کنید.

=============================

حالا سراغ ماژول بریم.ماژول راست و چپ.

کد ماژول یا پنجره چپ

کد:

کد:

<?php mosLoadModules ( 'left',); ?>

حالا راست

کد:

کد:

<?php mosLoadModules ( 'right' ); ?>

=============================

نکته : تو این دو تا کد متوجه شدیم که هر پنجره ای که بخوایم بزاریم از این کد استفاده میکنیم.

کد:

کد:

<?php mosLoadModules ( 'modulename'); ?>

=============================

حالا میخوام مطالب صفحه اصلی رو بزاریم.

کد:

کد:

کد:

<?php mosMainBody(); ?>

حالا فوتر پایین :

کد:

کد:

<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>

حالا اگر دقت کرده باشید وقتی میرید تو جوملا مثلا بخش دانلود بالاش میزنه خانه/دانلود

این کدی که الان میگم همین کارو میکنه و وقتی رو خانه کلیک کنید میره صفحه اصلی.

کد :

کد:کد:

<?php mosPathWay(); ?>

خوب

index.php تموم شد

بریم xml

templateDetails.xml

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

محتوای این فایل :

کد:

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

نسخه و طرز نمایش قالب و فایل ما.مثلا یونیکد utf-8

کد:

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

کد:

iranmodern

اینجا نام قالب هست که توضیح دادم عزیزان.

کد:

1385/8/4

تاریخ ساخت این قالب

کد:

M.Alavi Nik

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

کد:

iran modern company

کپی رایت قالب.مثلا این قالب وابسته به شرکت ایران مدرن هست.کد:

info [at ] iranmodern.net

ایمیل طراح قالب

کد:

http://iranmodern.net,http://iranmodern.com

آدرس سایت طراح که خودم باشم.حالا کدوم یکی از سایتهام رو بزنم؟؟؟؟

کد:

1.1

نسخه قالب.شبیه همون بالایی هستش

کد:

design template by iran modern and ....

اینجا سری توضیحات میدیم که موقع نصب نمایش داده میشه.

کد:

index.php

template_thumbnail.png

در اینجا مشخص میکنیم چه فایلها و پوشه هایی درون این قالب ما هست و موقع نصب سیستم این فایلها رو به سرور انتقال میده.مثلا اگرکد:

index.php

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

کد:

rtl/images/ banner.jpg

ltr/images/banner.jpg

< / images>

عکسهاتون حتما باید اینجوری نوشته باشند.

بینکد:

css/template_css.css

ltr/css/template_css.css

rtl/css/template_css.css

rtl/css/editor_content.css

ltr/css/editor_content.css

سی اس اس هم باید اینجوری بهش بگیم.

بین

حالا باید ببندیم کدها رو.یعنی آخرش این رو اضافه کنید.کد:

دوستان بجای اسم قالب در index.php میتونند از <?php echo $mainframe->getTemplate(); ?> استفاده کنید.

یعنی

کد:

کد:

iranmodern=<?php echo $mainframe->getTemplate(); ?>

[sajadhashemlou 4]

من قالب رو ساختم ولي اين ارور رو ميده

Restricted access

چيكار كنم

[رضاگنجی 155]

دوست من این آموزش کاملا مقدماتی و برای آشنایی با روش کار است و اصلا کامل نیست !

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

[Saeed_Shamsi 758]

با سلام

در ضمن این آموزش برای جوملا1.0 هست ...