راهنما

این دوتا خط مال جوملا 3 رو باید حذف کنی به جاش خط های پایین رو اضافه کنی :

 
 // Add JavaScript Frameworks 
 JHtml::_('bootstrap.framework'); 
 // Load optional RTL Bootstrap CSS 
 JHtml::_('bootstrap.loadCss', false, $this->direction); 
 

این مال جوملا 2 هست جاش بزار:

 
 $doc->addScript('templates/' .$this->template. '/js/jquery.min.js'); 
 

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

در این مثال بخش وسط سایت که مطال در آن لود می شود دارای یک موقعیت راست و یک موقعیت چپ می باشد و اندازه هر موقعیت 200 پیکسل و اندازه موقعیت مطالب 600 پیکسل می باشد که در مجموع عرض کل قالب 1000 پیکسل می باشد به همین جهت ما شرط را برای این موقعیت به این صورت می نویسیم و در بالای قالب قرار می دهیم ، چون سطر قرار گیری این بخش 4 می باشد کلاس آن به این صورت شده است.

<?php if($this->countModules("right")) : 
    $size1='';
else:
    $size1='200';
endif;
?>
<?php if($this->countModules("left")) : 
    $size2='';
else:
    $size2='200';
endif;
?>
<?php
$size3=(600+$size1+$size2);
?>

 

این قسمت ابتدایی ترین بخش کد ما یعنی کنترل اندازه موقعیت وسط در صورت نبود هر یک از دو یا هر دو موقعیت است ، برای کنترل هر کدام از موقعیت ها نیز از کد زیر به عنوان مثال استفاده می کنیم

        <?php if($this->countModules("left")) : ?>
            <div id="dima_4">
                <div id="dima_4_1_wrapper">
                    <div id="dima_4_1">
                        <jdoc:include type="modules" name="left" style="rounded" />
                    </div>
                </div>
        <?php endif; ?>        

 

امید است این آموزش به درد شما هم خورده باشد :)

برای افزودن یک موقعیت ماژول در جوملا میتوانید به ایندکس قالب خود کد زیر را اضافه کنید:

<jdoc:include type="modules" name="left" style="rounded" />

برای تغییر عناوین تب ها بعد از نصب قالب در جوملا می توانید با کلیک بر روی اسم قالب در پارامترهای سمت چپ قالب عناوین تب ها را تغییر دهید.

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

• در بخش طراحی قالب براحتی میتوانید چارچوب قالب سایت خود را با فرمت دایو طراحی و پیاده سازی کنید . این برنامه قالب شما را با رعایت استاندارهای وب ایجاد می کند
• از کلید های جهت نما برای ایجاد سطر و ستون های قالب استفاده کنید
• در قسمت خالی وسط هر موقعیت میتوانید نام ماژول خود را وارد کنید ، در غیر اینصورت سیستم برای موقعیت نام گذاری می کند
• اگر قصد دارید خروجی قالب طراحی شده را به جوملا 2.5 تبدیل کنید ، میتوانید یکی از موقعیت ها را انتخاب و کلمه component را در آن بنویسید ، سیستم بصورت خودکار قسمت مشخص شده را تبدیل به بخش کامپوننت قالب شما میکنید.
• همچنین میتوانید برای تمامی باکس ها نامهای اختصاصی بگذارید
• قالب تولید شده بصورت پیش فرض برای تمامی موقعیت ها از استایل rounded استفاده میکند ، شما میتوانید متناسب با نیاز خود این حالت را به none یا به xhtml تغییر دهید!
• برای تبدیل قالب طراحی شده به سیستم مدیریت محتوا و امکان ویرایش های بعدی لازم است تا با کلید ذخیره در پایین فرم حتما قالب را ذخیره کنید!
• برای کارایی بهتر لطفا از موقعیت های زیر که برای سیستم تعریف شده استفاده کنید
  • logo برای نمایش لوگو
  • left موقعیت سمت چپ یا راست بسته به نسخه برنامه شما
  • right موقعیت سمت چپ یا راست بسته به نسخه برنامه شما
  • footer برای نمایش کپی رایت
  • menu منوی درختی افقی
  • sldie اسلایدر تصاویر
  • tab ده عدد تب با استایل های متفاوت
  • user1 ta user5 برای نمایش همه چیز
  • bottom1 ta bottom5 برای نمایش همه چیز
  • footer1 ta footer5 برای نمایش همه چیز
  • breadcrumb مسیر سایت
  • date تاریخ
  • lang زبان
  • eng نوشته انگلیسی
  • search جستجو
  برای قالب سیستم های مدیریت محتوایی مثل دروپال این موقعیت ها تعریف شده هستند
• برای کنترل ماژول ها در جوملا باید از گزینه های -none یا -rounded یا -xhtml در انتهای نام موقعیت استفاده کنید ، به عنوان مثال menu-none باعث می شود تا موقعیت عنوان نداشته باشد.