آموزش طراحی قالب برای جوملا 1.5

[shookr 6]

خیلی از دوستان علاقه مند به طراحی قالب جوملا هستند ، اما وقتی فایل یکی از قالب های جوملا را باز می کنند با یک سری کد های php و html نام مفهوم آشنا می شوند. من در این مطلب سعی داریم تا شما را با کد های جوملا آشنا کنیم بهمین منظور ابتدا توضیحاتی راجع به فایل ها و سیپس راجع به کد ها برای شما عنوان میکنیم که امیدواریم بدرد شما هم بخورد:

قالب جوملا از چند بخش تشکیل شده است »

1- فایل های php

2- فایل های css

3- فایل های جاوا اسکریپت

4- تصاویر

5- فایل های کمکی ini , xml ,png ,html ,ico

فایل های php که اصلی ترین آن فایل index.php می باشد همان ظاهر کلی را طراحی می کند ، برای جزئیات شما میتوانید فایل مربوط به هر قسمت را در پوشه html بارگذاری کنید ، نمونه این فایلها به همراه برنامه های جوملا در پوشه های component و modules قرار دارند که می توان برای هر قالب سفارشی نمود ، البته اگر پوشه html خالی باشد جوملا از ظاهر پیش فرض خود استفاده می کند.

فایل های css فایل های چینش و رنگ بندی سایت را تشکیل می دهند اصلی ترین فایل این قسمت template_css.css یا template.css می باشد ،

بهتر است تمامی کدهای مربوط به چینش و رنگ بندی در این فایل ها قرار گیرد ، اینطوری دیگر برای یافتن یک کد گیچ نمی شوید.برای صدا زدن فایل css باید از کد زیر در قالب استفاده شود :

کد:

فایل های جاوا اسکریپت بیشتر برای ایجاد افکت های زیبا در سایت کاربرد دارد ، کتابخانه این فایل ها در جوملا قرار دارد و شما نیازی به فراخوانی مجدد آنها ندارید. برای صدا زدن فایل های javascript باید از کد زیر در قالب استفاده کنید:

کد:

فایل های تصویری زیباترین بخش قالب را به خود اختصاص می دهند ، فرمت این تصاویر باید jpg , gif , png و برای انیمیشن ها swf باشد .برای صدا زدن تصاویر از کد زیر استفاده می شود:

کد:

>فایل های کمکی فایل هایی هستند که برای هسته جوملا استفاده می شود و سیستم برای شناسایی قالب با آنها کار دارد، مثلا params.ini برای نگهداری اطلاعات ذخیره شده در بخش ویرایش قالب در مدیریت جوملا کاربرد دارد ، شما میتوانید در فایل xml اصلی قالب خود پارامترهایی را صدا بزنید و نتیجه را در فایل params.ini ذخیره کنید

فایل templateDetails.xml فایل نصاب و کنترل کننده جوملا می باشد ، این فایل دارای فرمت زیر است :

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

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

نام قالب شما در این بخش می باشد

کد:template_nameا

ین بخش به اطلاعات عمومی راجع به قالب شما اختصاص دارد، شامل تاریخ ایجاد ، قوانین دسترسی ، طراح و اطلاعات تماس و ...

کد:11/20/06R.Balvardi r.balvardi@gmail.comThis email address is being protected from spam bots, you need Javascript enabled to view it http://www.mitratemplate.comGNU/GPL1.0.2Software company and IT technology template with multi lingual and page direction support

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

کد:index.phptemplateDetails.xmltemplate_thumbnail.pngparams.ini

این قسمت موقعیت قرار گیری ماژول ها در قالب عنوان می شود ، جوملا میتواند در هر یک از این موقعیت ها یک یا چند ماژول را قرار دهد.

کد:leftrighttopuser1user2user3user4bannerfooter

این قسمت میتوانید پارامترهای قالب را تعریف کنید ، مثلا در قالب های چند رنگی میتوان رنگ را به عنوان پارامتر تعریف کرد.

کد:ImageText

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

کد:en-GB.lang_file.iniadmin/en-GB.lang_file.ini

این کد انتهایی فایل است که فایل را می بندد

کد:

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

کد محافظت در مقابل سوء استفاده هکرها در قالب : این کد جلوی اجرای مستقیم فایل قالب را میگیرد و به هکر ها اجازه رویت محتوای قالب را بصورت مستقیم نمی دهد.

کد:<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

این کد پیشانی یا معرفی نامه سایت شما را نمایش میدهد.

کد:

آموزش کد های قالب جوملا 1- آشنایی با کد ماژول : کد ماژول کدی است که به شما اجازه نمایش ماژول های نصبی در بخش مدیریت را می دهد ، شما میتوانید با تغییر style ساختار ماژول را عوض کنید استایل های مجاز این ها هستند : none,xhtml,rounded با زدن دستور index.php?tp=1 جلوی هر سایت جوملایی میتوانی این موقعیت ها را ببینید.

کد:کد مسیر سایت : این کد به طراح اجازه میدهد که خروجی قالب سایت را دارای آدرس کند ، به عنوان مثال به جای این شیوه آدرس دهی images/artocle.jpg این آدرس تولید میشود : http://www.yoursitename.com/images/article.jpg

کد:<?php echo $this->baseurl ?>

در صورتی که علاقه دارید ماژول های خالی نمایش داده نشوند از کد زیر استفاده کنید : قسمت اول : <?php if($this->countModules('top')) : ?> ، قسمت دوم : <?php endif; ?> هر چه در بین این دو کد قرار گیرد در صورت خالی بودن موقعیت top مخفی میشود ، البته میتوانید از دستور <?php else: ?> ما بین این دو کد نیز استفاده کنید.

کد:<?php if($this->countModules('top')) : ?> <?php else: ?> <?php endif; ?>کد تشخیص زبان : برای تشخیص و استفاده از نام زبان در طراحی ، مثال برای دو زبانه کردن یک قالب این کد کاربرد دارد ، میتوانید فایل های هر زبان را در پوشه ای مجزا قرار داده و با این کد صدا برنید.

کد:<?php echo $this->language; ?>

کد برای زبان فارسی : داخل این 2 تا کد هر چی قرار بگیره وقتی زبان فار

سی باشه لود میشه

کد:<?php if($this->direction == 'rtl') : ?> <?php endif; ?>

کد لایسنس برای فوتر :

کد:<?php echo JText::_('Powered by') ?>

کد نمایش پیغام های سایت : این کد برای نمایش پیغام های جوملا استفاده میشود

کد:

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

کد:

گاهی یه قالب به اندازه یه سیستم ممکنه کد داشته باشه ، اما با این راهنمای ساده میتوانید چیزی را که لازم دارید بیابید

خوب فکر کنم کمی کمکتون کنه

[عبدالله عصمتی 35]

خیلی از دوستان علاقه مند به طراحی قالب جوملا هستند ، اما وقتی فایل یکی از قالب های جوملا را باز می کنند با یک سری کد های php و html نام مفهوم آشنا می شوند. من در این مطلب سعی داریم تا شما را با کد های جوملا آشنا کنیم بهمین منظور ابتدا توضیحاتی راجع به فایل ها و سیپس راجع به کد ها برای شما عنوان میکنیم که امیدواریم بدرد شما هم بخورد:

قالب جوملا از چند بخش تشکیل شده است »

1- فایل های php

2- فایل های css

3- فایل های جاوا اسکریپت

4- تصاویر

5- فایل های کمکی ini ' date=' xml ,png ,html ,ico

فایل های php که اصلی ترین آن فایل index.php می باشد همان ظاهر کلی را طراحی می کند ، برای جزئیات شما میتوانید فایل مربوط به هر قسمت را در پوشه html بارگذاری کنید ، نمونه این فایلها به همراه برنامه های جوملا در پوشه های component و modules قرار دارند که می توان برای هر قالب سفارشی نمود ، البته اگر پوشه html خالی باشد جوملا از ظاهر پیش فرض خود استفاده می کند.

فایل های css فایل های چینش و رنگ بندی سایت را تشکیل می دهند اصلی ترین فایل این قسمت template_css.css یا template.css می باشد ،[/font']

بهتر است تمامی کدهای مربوط به چینش و رنگ بندی در این فایل ها قرار گیرد ، اینطوری دیگر برای یافتن یک کد گیچ نمی شوید.برای صدا زدن فایل css باید از کد زیر در قالب استفاده شود :

کد:

فایل های جاوا اسکریپت بیشتر برای ایجاد افکت های زیبا در سایت کاربرد دارد ، کتابخانه این فایل ها در جوملا قرار دارد و شما نیازی به فراخوانی مجدد آنها ندارید. برای صدا زدن فایل های javascript باید از کد زیر در قالب استفاده کنید:

کد:

فایل های تصویری زیباترین بخش قالب را به خود اختصاص می دهند ، فرمت این تصاویر باید jpg , gif , png و برای انیمیشن ها swf باشد .برای صدا زدن تصاویر از کد زیر استفاده می شود:

کد:

>فایل های کمکی فایل هایی هستند که برای هسته جوملا استفاده می شود و سیستم برای شناسایی قالب با آنها کار دارد، مثلا params.ini برای نگهداری اطلاعات ذخیره شده در بخش ویرایش قالب در مدیریت جوملا کاربرد دارد ، شما میتوانید در فایل xml اصلی قالب خود پارامترهایی را صدا بزنید و نتیجه را در فایل params.ini ذخیره کنید

فایل templateDetails.xml فایل نصاب و کنترل کننده جوملا می باشد ، این فایل دارای فرمت زیر است :

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

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

نام قالب شما در این بخش می باشد

کد:template_nameا

ین بخش به اطلاعات عمومی راجع به قالب شما اختصاص دارد، شامل تاریخ ایجاد ، قوانین دسترسی ، طراح و اطلاعات تماس و ...

کد:11/20/06R.Balvardi r.balvardi@gmail.comThis email address is being protected from spam bots, you need Javascript enabled to view it http://www.mitratemplate.comGNU/GPL1.0.2Software company and IT technology template with multi lingual and page direction support

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

کد:index.phptemplateDetails.xmltemplate_thumbnail.pngparams.ini

این قسمت موقعیت قرار گیری ماژول ها در قالب عنوان می شود ، جوملا میتواند در هر یک از این موقعیت ها یک یا چند ماژول را قرار دهد.

کد:leftrighttopuser1user2user3user4bannerfooter

این قسمت میتوانید پارامترهای قالب را تعریف کنید ، مثلا در قالب های چند رنگی میتوان رنگ را به عنوان پارامتر تعریف کرد.

کد:ImageText

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

کد:en-GB.lang_file.iniadmin/en-GB.lang_file.ini

این کد انتهایی فایل است که فایل را می بندد

کد:

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

کد محافظت در مقابل سوء استفاده ه-ک رها در قالب : این کد جلوی اجرای مستقیم فایل قالب را میگیرد و به ه-ک ر ها اجازه رویت محتوای قالب را بصورت مستقیم نمی دهد.

کد:<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

این کد پیشانی یا معرفی نامه سایت شما را نمایش میدهد.

کد:

آموزش کد های قالب جوملا 1- آشنایی با کد ماژول : کد ماژول کدی است که به شما اجازه نمایش ماژول های نصبی در بخش مدیریت را می دهد ، شما میتوانید با تغییر style ساختار ماژول را عوض کنید استایل های مجاز این ها هستند : none,xhtml,rounded با زدن دستور index.php?tp=1 جلوی هر سایت جوملایی میتوانی این موقعیت ها را ببینید.

کد:کد مسیر سایت : این کد به طراح اجازه میدهد که خروجی قالب سایت را دارای آدرس کند ، به عنوان مثال به جای این شیوه آدرس دهی images/artocle.jpg این آدرس تولید میشود : http://www.yoursitename.com/images/article.jpg

کد:<?php echo $this->baseurl ?>

در صورتی که علاقه دارید ماژول های خالی نمایش داده نشوند از کد زیر استفاده کنید : قسمت اول : <?php if($this->countModules('top')) : ?> ، قسمت دوم : <?php endif; ?> هر چه در بین این دو کد قرار گیرد در صورت خالی بودن موقعیت top مخفی میشود ، البته میتوانید از دستور <?php else: ?> ما بین این دو کد نیز استفاده کنید.

کد:<?php if($this->countModules('top')) : ?> <?php else: ?> <?php endif; ?>کد تشخیص زبان : برای تشخیص و استفاده از نام زبان در طراحی ، مثال برای دو زبانه کردن یک قالب این کد کاربرد دارد ، میتوانید فایل های هر زبان را در پوشه ای مجزا قرار داده و با این کد صدا برنید.

کد:<?php echo $this->language; ?>

کد برای زبان فارسی : داخل این 2 تا کد هر چی قرار بگیره وقتی زبان فار

سی باشه لود میشه

کد:<?php if($this->direction == 'rtl') : ?> <?php endif; ?>

کد لایسنس برای فوتر :

کد:<?php echo JText::_('Powered by') ?>

کد نمایش پیغام های سایت : این کد برای نمایش پیغام های جوملا استفاده میشود

کد:

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

کد:

گاهی یه قالب به اندازه یه سیستم ممکنه کد داشته باشه ، اما با این راهنمای ساده میتوانید چیزی را که لازم دارید بیابید

خوب فکر کنم کمی کمکتون کنه

سلام دوست عزیز

1-لطفا به قوانین امتحان بگذارید و لینک منبع را بنویسید

http://www.persiadesigner.com/

2-لطفا کدها رو بین دو تگ code بنویسید

3-این آموزش طراحی قالب نیست فقط با کدها ما رو آشنا کرده

در هر صورت موفق باشید:thankyou:

[shookr 6]

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

دوما:چشم بین دو تگ کد مینویسم

سوما: تو این فروم خیلی با حال گیر میدین[highlight=#ffffff];)[/highlight]

[عبدالله عصمتی 35]

بحث گیر دادن نیست:@

همیشه باید به قوانین احترام گذاشت

در ضمن اگه از کتاب الکترونیکی برداشتین باید اسم اون رو به عنوان منبع ذکر کنید

فروم وقتی باحال هست که به قوانین احترام گذاشته شود:sleepy:

موفق باشید