Já pensou em criar seu template Joomla do Zero? Vamos explicar como…

Algo bem legal no Joomla que é fácil adaptar ou criar seu próprio modelo do zero, podendo aproveitar um template gratuito em Bootstrap e transformar em Joomla.

Site com templates bootstrap gratuito:

https://bootstraptaste.com/

Para ganhar velocidade, a sugestão é baixar o template em branco para o Joomla, que são apenas a estrutura de instalação com um index de exemplo.
Se pesquisar existe algumas opções, mas o que usamos é este:

https://www.creativesights.com/blog/free-blank-joomla-bootstrap-template (Link para baixar e artigo explicando a solução).

Abaixo um pequeno tutorial de como converter seu tema html em template para Joomla (3.x).

Passo 01

Joomla Template Estrutura de Diretórios

Joomla irá procurar index.php dentro do diretório template. So, rename the index.html file to index.php. Então, renomeie o arquivo index.html para index.php.

Passo 2

Substituir o código HTML antes da tag do corpo do seu arquivo HTML com este código.

<?php
#
#
// no direct access / / No acesso directo
#
defined( '_JEXEC' ) or die( 'Restricted access' ); defined ( '_JEXEC') or die ( 'Acesso restrito');
#
?>
#
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
#
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > <html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "<? php echo $ this-> language;?>" lang = "<? php echo $ this-> language; ?> ">
#
<head> <head>
#
<jdoc:include type="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 / 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 / system / CSS / general.css" type = "text / css" />
#
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/your_template_name/your_css_directory/your_css_file.css" type="text/css" /> <link rel = "stylesheet" href = "<? php echo $ this-> baseurl?> / templates / your_template_name / your_css_directory / your_css_file.css" type = "text / css" />
#
#
</head> </ head>

Você deve notar neste código:

Alterar your_template_name “para o nome do seu modelo”, your_css_directory “ao nome do seu diretório do CSS, eo último,” mudança your_css_file.css “ao nome do seu arquivo CSS. Se você tiver mais de um css, você deve declará-los um por um.

Se você tem alguns arquivos javascript, você deve declará-los com a mesma forma.

<link rel = "stylesheet" href = "<? php echo $ this-> baseurl?> / templates / your_template_name / your_css_directory / your_css_file.css" type = "text / css" />

Passo 3

O padrão Joomla modelo tem algumas posições módulo, como trilha, esquerda, direita, superior, user1, user2, user3, user4, rodapé, depurar sindicato. As posições joomla módulo são mostradas abaixo.

Joomla Module Position

Para criar uma posição de módulo, temos de colocar este código a adequá posição. O atributo name é o nome da posição do módulo. O trecho de código para criar uma posição do módulo é:

#
<div id="header_r">
#
<div id="logo"></div> <div id="logo"> </ div>
#
<jdoc:include type="modules" name="top" /> <jdoc:include type="modules" name="top" />
#
</div> </ div>

Após isso, você precisa colocar um componente. O código é mostrado abaixo.
< jdoc:include type="component" />

Se você precisa incluir a mensagem, você só precisa incluir este código:

< jdoc:include type="message"/>

Este artigo é baseado no tutorial:
http://www.joomlaclube.com.br/suporte/forum/documentao-suporte-joomla/3159-tutorial-5-passos-convertendo-html-template-para-joomla