You are in: Home Thiết kế Template Thiết kế Template cho Joomla 1.5 (phần 6 - nhúng mã Joomla)

Download Joomla 1.0.15

joomla-1-0-front-end.png

Download Joomla 1.5.6

joomla-1-5-back-end.png
Thiết kế Template cho Joomla 1.5 (phần 6 - nhúng mã Joomla)
User Rating: / 10
PoorBest 
Written by VINAORA   
Friday, 11 January 2008 00:17

Phần 6: Nhúng mã của Joomla!

Joomla! xây dựng một loại thẻ riêng cho việc thiết kế Template, đó là thẻ <jdoc>. Thẻ <jdoc> được dùng để nạp các phần tử riêng biệt của Joomla, chẳng hạn như: Nạp phần Head, nạp các Module, nạp các Component.

Thẻ này được khai báo như sau:

<jdoc:include type="[head|module|component]" />

Bây giờ hãy mở file "index.php" của template và nhúng vào các đoạn mã của Joomla!

Bước 6.1: Nhúng đoạn mã nạp phần HEAD:

<head>
<jdoc:include type="head">
</head>

Bước 6.2: Nhúng các đoạn mã để nạp MODULE và COMPONENT:

Thay |-TOP-|, |-USER3-|, |-USER4-|...

templates-joomla

bằng các đoạn mã giống như hình dưới:

Template-Joomla

Hoặc copy đoạn mã đầy đủ sau

<html>
<head>
<jdoc:include type="head">
</head>
<body>
<div id="top"><jdoc:include type="modules" name="top" /></div>
<hr />
<div id="user3-user4">
<div id="user3" style="float:left; width:350px;"><jdoc:include type="modules" name="user3" /></div>
<div id="user4"><jdoc:include type="modules" name="user4" /></div>
</div>
<hr />
<div id="main">
<div id="left" style="float:left; width:150px;"><jdoc:include type="modules" name="left" /></div>
<div id="component" style="float:left; width:250px;"><jdoc:include type="component" /></div>
<div id="right"><jdoc:include type="modules" name="right" /></div>
</div>
<div style="clear:both;"></div>
<hr />
<div id="footer"><jdoc:include type="modules" name="footer" /></div>
</body>
</html>

Bước 6.3: Kiểm tra kết quả

Mở Website của bạn và kiểm tra kết quả: 

Keyword:

  • joomla, template, layou, div, module, modules, component, user, head
Last Updated ( Friday, 11 January 2008 00:56 )