Home > Thiết kế web với Joomla > Thiết kế Template cho Joomla 1.5 (phần 6 - nhúng mã Joomla)

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

April 19th, 2008

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ả:

Random Posts

Thiết kế web với Joomla

  1. le minh bao
    May 5th, 2008 at 14:35 | #1

    Thẻ div trong html có tác dụng gì vậy bạn

  2. August 18th, 2008 at 15:18 | #2

    Thanks for sharing.

  1. No trackbacks yet.