Em um dos meus projetos Joomla, precisei criar uma nova posição no Joomla, então fiz este tutorial bem simples e prático para compartilhar com vocês.
Para adicionar uma nova posição no Joomla abra o ficheiro index.php do tema que está utilizando. Dentro dele tem a tag <body></body>, no qual será inserido o código abaixo dentre eles.
1º Passo – Criando Posição no Joomla
Para adicionar uma nova posição no Joomla abra o ficheiro index.php do tema que está utilizando. Dentro dele tem a tag <body></body>, no qual será inserido o código abaixo dentre eles.
Código:
<div id="banner-topo"><?php if (mosCountModules('nomedaposição')>0) { ?><?php mosLoadModules('nomedaposição',-2); ?><?php } ?> </div>
nomedaposição é onde vai sua nova posição, você poderá inserir qualquer nome de acordo que fique melhor para sua produção e organização.
Até aqui Ok é só salvar o arquivo index.php.
2º Passo – Criando Estilo na nova posição do Joomla
Id=pub-menu é o estilo que será nossa nova posição do joomla, onde iremos alterar altura, largura e posicionamento no site. Vamos ver no 2º Passo.Código:
#banner-topo {
position: absolute;
float: left;
margin-top: 105px;
margin-left: 100px;
}
position: absolute;
float: left;
margin-top: 105px;
margin-left: 100px;
}
Nota: Para algumas posições no joomla, dependendo do tema que utiliza, pode existir vários ficheiros de estilo “.css”, dependendo da posição que deseja, tem que saber em qual colocar este último código, ou então pode colocar em todos, desde que coloque um id que não seja igual aos outros.
3º Passo – Inserindo a Posição no Módulo
É necessário mostrar ao Joomla essa nova posição, para isso devem ir ao XML do template e adicionar o novo módulo dentro das tags <positions>, como no exemplo a seguir:
<positions>
<position>breadcrumbs</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>nomedaposição </position>
<position>footer</position>
<position>syndicate</position>
<position>debug</position>
</positions>
Está pronto, agora é só configurar o módulo que quiserem para essa posição, pois ela já aparece na lista de posições disponíveis.
Se existir dúvidas, deixem comentários por favor.
4 comentários:
muito bom ! parabéns !
e em que ficheiro eu publico essas configurações do modulo altura,largura etc...
ola, encontrei seu post pelo google. Fiquei com a mesma duvida, em qual arquivo eu coloco Id=pub-menu e seu codigo?
[]s e obrigado
Em qualquer arquivo de folha de estilo que esteja usando no template. geralmente tem um arquivo chamado template.css. Coloque dentro dele.
Postar um comentário