Guia completo para entender as posições de modelo do Joomla 3

Novos usuários do Joomla tendem a achar as posições dos módulos de template confusas e possivelmente frustrantes. O Joomla 3 melhorou a forma como os modelos funcionam para garantir que isso seja less confuso, no entanto, alguns usuários ainda podem achar difícil adicionar posições de modelo a seus modelos. Este artigo sobre CollectiveRay.com tentará limpar o ar sobre as posições do módulo de modelo.

Conteúdo[Show]
 

Em primeiro lugar, a maioria das pessoas se esforça para entender quais posições de modelo estão disponíveis para uso em seu modelo Joomla. Isso é muito fácil de descobrir usando as seguintes etapas:

Como exibir módulos no Joomla?

Quando você está criando um site usando um novo template Joomla que você não usou antes, você precisa saber as posições do template Joomla que são suportadas e você pode usar. Você pode fazer isso checando o Gerenciador de Módulos no administrador, ou seja, visualizando as posições que possuem módulos atribuídos a elas, ou então use esta dica. Para ver quais as posições dos módulos disponíveis usando o gerenciador de módulo, você precisa ir para Extensões> Módulos e clicar em um módulo existente.

No parâmetro de posição, você verá uma lista completa de posições às quais você pode atribuir o módulo. Os disponíveis no modelo serão listados no menu suspenso Posições:

mostrar posições de template do joomla disponíveis

No entanto, mesmo que veja a lista de posições, você ainda não sabe onde e como elas são usadas no modelo, então precisamos ver onde elas estão posicionadas.

Para entender como mostrar as posições dos módulos no Joomla, siga estas etapas:

  1. Vá para o Gerenciador de Modelos (Extensões> Modelos> Modelos)
    gerenciador de modelos
  2. Clique no botão Opções no canto superior direito
    opções de modelo
  3. Habilitar as posições do módulo de visualização
    habilitar as posições do módulo de visualização
  4. Vá para o frontend e adicione? Tp = 1 ao final do URL do Joomla, por exemplo, www.collectiveray.com? tp = 1
  5. Todas as posições de modelo existentes agora serão mostradas com seus nomes, por exemplo, posição-1, posição-7, banner, como pode ser visto abaixo:
    visualização das posições do módulo frontend
  6.  

Quais são as posições do módulo Joomla?

As posições do Joomla são espaços reservados para os quais você define os módulos, de forma que um módulo seja mostrado nessa posição. Por exemplo, se o modelo Joomla tem uma posição de pesquisa, você deve colocar o módulo de pesquisa nessa posição.

O mesmo vale para outras posições de módulo como banner, barra lateral, rodapé, breadcrumbs, esquerda, direita etc.

Observe que normalmente você pode adicionar mais de um módulo à mesma posição, ou seja, pode adicionar mais de um módulo às posições esquerda e direita, com a ordem em que são exibidos sendo determinada pelo parâmetro Ordem na configuração do Módulo.

As posições em Joomla 3 são definidos por template. Os problemas de posições do modelo são de responsabilidade do desenvolvedor do modelo. Eles precisam garantir que as posições do modelo definidas no arquivo de detalhes do modelo realmente existam no modelo.

Se precisar de posições de modelo adicionais, você precisará alterar seu modelo para atender às posições adicionais de que você precisa. Isso requer conhecimento de PHP, HTML e XML para não quebrar seu modelo.

Isso é particularmente importante para você saber e entender, especialmente se estiver planejando usar uma série de extensões do Joomla, como aquelas que nós listamos aqui.

Como atribuir um módulo a uma posição?

Quando você está projetando seu site com Joomla, você deseja atribuir um número de módulos diferentes para posições diferentes. Isso pode ser feito por meio do parâmetro Positions do módulo. Agora que você conhece as posições disponíveis, basta alterar o parâmetro Positions para o nome da posição onde deseja que o módulo seja exibido.

mostrar posições de template do joomla disponíveisSe você atribuir mais de um módulo à mesma posição, por exemplo, no barra lateral posição, os módulos serão mostrados na ordem em que são configurados usando o Encomenda suspenso.

vários módulos em uma posição

Para alterar a ordem, você precisa selecionar uma posição diferente na Encomenda parâmetro de cada módulo:

pedido de módulo

Usando a tag JDOC

Então, o que determina onde os módulos são renderizados?

A tag JDOC no arquivo index.php é substituída pelos módulos atribuídos àquela posição (via Extensions> Module Manager e atribuindo um módulo a uma posição particular) quando a página está sendo renderizada. Então, se tivermos

no arquivo index.php, e o módulo do Menu Principal é atribuído ao esquerda posição, o menu principal será exibido em vez desta tag no esquerda posição.

Isso se aplica a cada tag jdoc definida no arquivo index.php. Se eu tiver um

isso será substituído pelos módulos que são atribuídos ao certo posição.

Nomes de posições lógicas

O atributo name na tag jdoc é um nome lógico. Portanto, se o nome da posição for "right", você esperaria que a posição do módulo estivesse à direita do conteúdo, "top" no topo do conteúdo, "sidebar" ao lado e "rodapé" o no rodapé do site.

É inteiramente possível definir a posição inferior na parte superior do módulo, embora normalmente os designers de modelos definam nomes de tags que fazem sentido, ou seja, a posição esquerda seria eventualmente exibida na área esquerda da página, e a posição do banner seria exibido logo acima do conteúdo e assim por diante.

Como posso saber quais posições meu modelo suporta?

Os designers de modelo mais conceituados explicam quais posições de módulo estão disponíveis no modelo.

No Joomla 3, a responsabilidade permanece com o designer para definir as posições corretas no arquivo de detalhes do modelo. No entanto, para modelos gratuitos, pode-se não saber quais posições realmente existem.

Então, como você descobrirá quais posições são suportadas pelo modelo?

A maneira mais fácil de fazer isso é seguir nossas instruções acima em Como exibir módulos no Joomla

Você também pode ver diretamente quais são as posições nos arquivos de modelo!

Simplesmente abra o arquivo index.php do template e procure a tag jdoc. Observe o nome dos lugares quando a tag jdoc aparece. Ou seja, se você encontrar as seguintes tags no arquivo index.php:

  

... 

  

  ...

   

.... 

  

Você pode assumir com segurança que as posições suportadas por seu modelo são:

  • topo
  • esquerda
  • bandeira
  • certo 

Adicionando Posições de Módulo Joomla

Nesta seção, mostraremos brevemente como criar uma nova posição de módulo em qualquer modelo.

Primeiro, você precisa decidir onde colocar a posição em seu modelo (em termos de HTML do modelo).

Você precisa entender exatamente como funciona o tempalate. Por exemplo, estaremos adicionando um barra lateral posição para o nosso modelo. Encontramos a posição (no arquivo index.php) onde queremos adicionar a barra lateral inicial e inserir o código php / html semelhante ao seguinte:


  

   
   
      

 
   

 Em seguida, precisamos criar a posição do módulo no arquivo de detalhes do modelo, criando um novo barra lateral posição. Encontre o arquivo TemplateDetails.xml incluso em seu modelo em / templates / /templateDetails.xml

Encontre o tag em seu arquivo XML. É mais ou menos assim:


      deixou
      direito
      principal
      bandeira
      cabeçalho
      rodapé
      caminho
      usuário1
      usuário2
      usuário3
      usuário4
      usuário5
      inserir
      depurar
      procurar
      depurar

Para adicionar sua própria posição, você precisa inserir um novo antes da tag de fechamento das posições, no nosso caso, adicionaremos barra lateral posição logo após o depurar posição. O resultado final será o seguinte:


      deixou
      direito
      principal
      bandeira
      cabeçalho
      rodapé
      caminho
      usuário1
      usuário2
      usuário3
      usuário4
      usuário5
      inserir
      depurar
      procurar
      depurar
      barra lateral
 

Uma vez feito isso, podemos agora atribuir um módulo ao barra lateral posição no Extensões> Módulos Disputas de Comerciais.

nova posição em módulos

 

Se você realmente deseja parecer profissional, pare de procurar modelos gratuitos. A maioria deles tem aparência ruim, é muito limitada em posições e flexibilidade, tem bugs e geralmente contém links ocultos para os designers originais.

Se você quiser que seu site tenha uma ótima aparência, vá aos profissionais e obtenha um modelo a partir daí. Você não se arrependerá, e o resultado final será exibido com certeza. A primeira impressão de um site é obviamente do modelo, e você realmente deseja obter a primeira impressão certa! 

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.
 

 

Plug-in de cache com melhor classificação

Torne seu site mais rápido 

Passo a passo - curso gratuito por e-mail, como fazer seu site carregar less de 1 segundo  

 

quem somos nós?

CollectiveRay é administrado por David Attard - trabalhando dentro e ao redor do nicho de web design por mais de 12 anos, oferecemos dicas práticas para pessoas que trabalham com e em sites. Também administramos DronesBuy.net - um site para entusiastas de drones.

David Attard

 

 

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...