0

我是Joomla的新手,我正在将主题从 HTML 自定义到 joomla 3。我的文件夹结构就像

--我的网站
|
--CSS
--Images
--index.php
--index.html
--templateDetails.xml

索引.php

    <?php

    defined('_JEXEC') or die;

    $doc = JFactory::getDocument();

    $doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap.min.css');
    $doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap-responsive.css');
    $doc->addScript($this->baseurl . '/media/jui/js/jquery.min.js');
    $doc->addScript($this->baseurl . '/media/jui/js/bootstrap.min.js');

    JHtml::_('jquery.framework');
    JHtml::_('bootstrap.framework');
    ?>
    <!DOCTYPE html>
    <html>

     <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
        <jdoc:include type="head" />
            <link rel="stylesheet" type="text/css" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/templatemo_style.css"/>
    </head>
    <body>
    <!--
    This is a free CSS template provided by templatemo.com
    -->
    <div id="templatemo_container_wrapper">
        <div class="templatemo_spacer"></div>
    <div id="templatemo_container">
    <div id="templatemo_top"> <a href="http://www.templatemo.com" target="_parent">Website Templates</a> · <a href="http://www.flashmo.com/" target="_parent">Flash Templates</a> · <a href="#">Company</a> · <a href="#">Contact</a></div>
      <div id="templatemo_header">
          <div id="inner_header">
            <jdoc:include type="component" />
          </div>
      </div>

          <div id="templatemo_left_column">
            <div class="section_box2" align="justify">
            <div class="text_area">
            <img src="images/s_flashmo_022_park_34.jpg" alt="Photo One" title="Photo One" width="120" height="90" class="templatemo_pic" />
            <jdoc:include type="module" name="left" style="none" />
            </div>
            </div>



            </div>
          </div>

            <div id="templatemo_right_column">

                <ul class="templatemo_menu">
                    <jdoc:include type="module" name="right_menu" style="none" />
                </ul>

              <div class="section_box" align="justify">
                    <jdoc:include type="module" name="right_content" style="none" />
              </div>

        </div>

        <div id="templatemo_footer">
            <jdoc:include type="module" name="footer" style="none" />
        </div>

    </div>
    <div class="templatemo_spacer"></div>
    </div>
    </body>
    </html>

模板详情.xml

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd">
    <extension
        version="3.1"
        type="template"
        client="site">
        <name>MySite</name>
        <creationDate>01/10/2014</creationDate>
        <author>Rohil</author>
        <authorEmail>rohilmistry@xyz.com</authorEmail>
        <authorUrl>rohilmistry.com</authorUrl>
        <copyright>Copyright Rohil</copyright>
        <license>GNU General Public License version 2 or later; see LICENSE.txt</license>
        <version>1.0.0</version>
        <description>Site Description goes here ...</description>
        <files>
            <folder>images</folder>
            <folder>css</folder>
            <filename>index.php</filename>
            <filename>index.html</filename>
            <filename>templateDetails.xml</filename>
        </files>

        <positions>
            <position>top_header</position>
            <position>left</position>
            <position>right_menu</position>
            <position>right_content</position>
            <position>footer</position>
        </positions>


    </extension>

它给了我这个输出,我想实现这个

任何帮助,将不胜感激。

4

0 回答 0