Joomla é um sistema multifuncional de gerenciamento de sites (CMS) que permite que você faça quase todas as configurações de recursos. A função "Modelos" é responsável por exibir os elementos nas páginas do site neste CMS. Cada um dos modelos pode ser instalado automaticamente ou criado de forma independente pelo webmaster.
É necessário
- - habilidades no uso de HTML e CSS;
- - um pacote de qualquer template Joomla.
Instruções
Passo 1
Antes de criar seu layout, escolha um modelo que você usará para escrever seu próprio código. Isso economizará seu tempo e evitará escrever linhas desnecessárias de código que são padrão para o Joomla e são usadas na instalação de qualquer skin.
Passo 2
Copie o modelo para uma pasta separada e abra o arquivo templateDetails.xml em seu diretório raiz. Este documento contém informações de serviço, descrição e nome do layout. Modifique os blocos necessários conforme achar necessário. Por exemplo, você pode editar o descritor para alterar o nome do autor para o seu, especificar o e-mail, o endereço da página inicial. Na linha, você pode inserir um nome para o seu layout futuro.
etapa 3
Vá para o bloco do arquivo que está sendo editado. Remova todos os descritores que fazem parte deste bloco, começando com debug e terminando na posição 14, deixando apenas um após a operação. Da mesma forma, exclua as linhas e o idioma.
Passo 4
Depois de realizar as operações, salve as alterações no arquivo e exclua a pasta do idioma no diretório com os arquivos de modelo. Em seguida, abra o arquivo index.php com o editor que você está usando e exclua todo o conteúdo, exceto a linha:
<? php
definido (‘_ JEXEC’) ou morrer; ?>
Etapa 5
Dê qualquer nome à pasta de modelo e, em seguida, empacote-a em um arquivo usando o programa arquivador, clicando com o botão direito do mouse no diretório do seu modelo e selecionando "Criar arquivo …". O arquivo que você cria deve ter uma extensão.zip.
Etapa 6
Vá para o painel de administração de recursos e vá para a seção "Modelos". Usando a operação de instalação, importe o arquivo que acabou de criar e aguarde a notificação sobre a instalação bem-sucedida. Em seguida, ative o modelo resultante selecionando-o no menu padrão.
Etapa 7
Desenhe uma amostra de design para seu futuro template e escreva o código HTML apropriado no arquivo index.php de acordo. Crie código usando alguns dos recursos do mecanismo. Portanto, você pode inserir o comando para substituir automaticamente os cabeçalhos Joomla padrão:
Este código incluirá todas as tags necessárias na seção da página.
Etapa 8
Você pode inserir seu próprio código de tabela em cascata em template.css em uma das pastas de recursos. Depois de criar um novo modelo css, inclua-o em seu arquivo index.php usando
-
/ templates / template; ? & rt; /css/template.css”type =“text / css”>.
Etapa 9
Em seguida, crie a marcação de página usando o código HTML. Para fazer isso, continue editando index.php de acordo com seu modelo fornecido. Se necessário, adicione as posições desejadas ao bloco de arquivos templateDetails.xml, atribuindo os IDs apropriados a cada uma das seções em seu design. Portanto, para definir os parâmetros do cabeçalho, você pode criar um Head e incluir este parâmetro no arquivo index.php da seguinte forma:
Etapa 10
Depois de criar um novo cabeçote, você pode editá-lo através da janela do Joomla no gerenciador de módulos. Para isso, faça uma nova publicação e insira o texto e as imagens necessárias que serão exibidas no título. Faça o mesmo com todos os elementos da interface que você está criando e salve todas as alterações feitas.
