در این جلسه آموزشی درباره نحوه ساخت و ایجاد قالب در جوملا سخن خواهیم گفت. این آموزش تمامی فایل ها و کدهای مورد نیاز برای ایجاد یک قالب اساسی را پوشش می دهد. کدهای مورد نیاز به صورت آماده ارائه شده است بنابراین می توان آن را کپی کرده و با ویرایش تا تغییر مختصری از آن ها استفاده کرد.
در زیر مراحل ساده ای برای مدیریت قالب ها در جوملا استفاده شده است -
<?xml version = "1.0" encoding = "utf-8"?>
<extension version = "3.0" type = "template">
<name>Tutorials Point</name>
<creationDate>2015-06-13</creationDate>
<author>Tutorials Point</author>
<authorEmail>این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید</authorEmail>
<authorUrl>http://www.example.com </authorUrl>
<copyright>Jack 2015</copyright>
<license>GNU/GPL</license>
<version>1.0.2</version>
<description>My First Template</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>footer</position>
</positions>
</extension>
جزئیات کد :
بنابراین ، همانطور که می بینید ، مجموعه ای از اطلاعات را بین تگ های نشانه گذاری شده داریم. بهترین رویکرد شما کپی و چسباندن این پرونده در فایل templateDetails.xml و تغییر بیت های مربوطه (مانند <neme> و <author> ) است.
<?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!DOCTYPE html> <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "<?php echo $this->language; ?>" lang = "<?php echo $this->language; ?>" > <head> <jdoc:include type = "head" /> <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/system.css" type = "text/css" /> <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/general.css" type = "text/css" /> <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" /> </head> <body> <jdoc:include type = "modules" name = "top" /> <jdoc:include type = "component" /> <jdoc:include type = "modules" name = "bottom" /> </body> </html> ?>
جزئیات کد
<?php defined( '_JEXEC' ) or die( 'Restricted access' );?> <!DOCTYPE html> <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "<?php echo $this->language; ?>" lang = "<?php echo $this->language; ?>" >
<head> <jdoc:include type = "head" /> <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/system.css" type = "text/css" /> <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/system/css/general.css" type = "text/css" /> <link rel = "stylesheet" href = "<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type = "text/css" /> </head>
<body> <jdoc:include type = "modules" name = "top" /> <jdoc:include type = "component" /> <jdoc:include type = "modules" name = "bottom" /> </body>
موقعیت های ماژول
در بالا ، خطی که می گوید name = top یک موقعیت ماژول به نام بالا را اضافه می کند و به جوملا اجازه می دهد تا ماژول ها را در این بخش از قالب قرار دهد. خط type= component شامل کلیه مقالات و محتوای اصلی (در واقع ، کامپوننت ها) است و بسیار مهم است. در مرکز قالب قرار می گیرد.
توجه: شما می توانید خطوط ماژول خود را در هر جایی از بدنه مورد نظر خود اضافه کنید ، اما باید خط مربوطه را به فایل templateDetails.xml اضافه کنید که در کنار index.php از قالب شما قرار دارد.
نوار ابزار صفحه قالب ها : استایل ها
1399-1391 © تمامی حقوق مربوط به وب سایت جوم آریا ( شرکت فناوری آریا خرم ) می باشند .
با افتخار نیرو گرفته از سیستم مدیریت محتوای جوملا
میزبانی هاست وب سایت جوم آریا بر روی سرورهای قدرتمند : میزبان فا