فریم ورک آنلاین دیما

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

این دوتا خط مال جوملا 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');

 

برای فعال سازی نسخه موبایل باید هنگام ایجاد قالب ، نسخه سیستم مدیریت محتوای خود را بر روی Joomla 3.0 بگذارید و نسخه موبایل را بلی بگذارید به این ترتیب برای قالب شما نسخه موبایل نیز ساخته خواهد شد.

به یاد داشته باشید در صورتی که نسخه موبایل را برای قالب انتخاب کرده باشید فایل اصلی دیزاین قالب شما به جای index.php به desktop.php تغییر نام می دهد و فایل نمایش نسخه موبایل mobile.php نام دارد.

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

در این مثال بخش وسط سایت که مطال در آن لود می شود دارای یک موقعیت راست و یک موقعیت چپ می باشد و اندازه هر موقعیت 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; ?>        

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

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

 

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

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

خیر این کار به دلیل اینکه ممکن است نقض کپی رایت باشد ، غیر فعال شده است ، بهمین دلیل ما این ابزار را محدود کرده ایم ، این ابزار فقط برای کسانی است که قالب خود را طراحی کرده اند و نیاز دارند تا تبدیل به جوملا شود!

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

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

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

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

  • در بخش طراحی قالب براحتی میتوانید چارچوب قالب سایت خود را با فرمت دایو طراحی و پیاده سازی کنید . این برنامه قالب شما را با رعایت استاندارهای وب ایجاد می کند
  • از کلید های جهت نما برای ایجاد سطر و ستون های قالب استفاده کنید
  • در قسمت خالی وسط هر موقعیت میتوانید نام ماژول خود را وارد کنید ، در غیر اینصورت سیستم برای موقعیت نام گذاری می کند
  • اگر قصد دارید خروجی قالب طراحی شده را به جوملا 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 باعث می شود تا موقعیت عنوان نداشته باشد.
تمامی حقوق برای گروه نرم افزاری دیما محفوظ است ، طراحی شده توسط دیما تمپلیت (میترا تمپلیت) ، قدرت یافته از دیما سی ام اس

از سایت های زیر بازدید کنید!