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.8

joomla-1-5-front-end.png
Thiết kế Template cho Joomla 1.5 (phần 6 - nhúng mã Joomla)
User Rating: / 12
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 "Head", nạp "Module", nạp "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ả. VD: http://vinaora.com/joomla

Keyword:

  • joomla, template, layout, div, module, modules, component, user, head, jdoc, include
  • thiết kế, thẻ, phần tử

Câu hỏi liên quan:

  • Thiết kế template Joomla như thế nào?
  • Xây dựng template Joomla thế nào?
  • Các bước thiết kế template Joomla?

Bài liên quan:

Last Updated on Monday, 22 September 2008 02:07