Criando template para Joomla 2.5.x – parte 2

Na primeira parte desse tutorial vimos como transformar uma página HTML em um template Joomla! 2.5.x. Agora, vamos dar uma olhada no arquivo XML e outros arquivos que devem estar presentes para que o sistema “veja” o template e a instalação seja feita corretamente.

Antes de iniciar, baixe o pacote de instalação Meu_Template com todos os arquivos desse tutorial, caso ainda não o tenha feito.

  1. Em seu editor HTML ou de texto, abra um novo documento e salve-o na raiz de meutemplatejoomla com o nome templateDetails.xml (Atenção ao D maiúsculo)
  2. O arquivo é composto de três partes básicas
    1. Nesta parte o sistema reconhece a versão do documento, sua codificação e outras informações gerais sobre o template. O texto em verde pode ser modificado, conforme explicação ao lado da linha. O texto em vermelho deve ser removido.
      <?xml version=”1.0″ encoding=”utf-8″?>
      <!DOCTYPE install PUBLIC “-//Joomla! 1.6//DTD template 1.0//EN” “http://www.joomla.org/xml/dtd/1.6/template-install.dtd”>
      <extension version=”2.5″ type=”template” client=”site”>
          <name>Meu Template Joomla</name> [nome do template]
          <creationDate>15/09/11</creationDate> [data de criação do template]
          <author>Helvecio</author> [nome do autor template]
          <authorEmail>contact@hlvcdesign.com.br</authorEmail> [e-mail do criador do template]
          <authorUrl>http://www.hlvcdesign.com.br</authorUrl> [URL do criador do template]
          <copyright>[escreva aqui direitos autorais, se houver]</copyright>
          <license>GNU General Public License version 2 or later; see LICENSE.txt</license>
          <version>1.0</version> [versão do template]
          <description>Template de Exercício</description> [descrição rápida do template]
    2. Aqui as pastas (<folder>) e o nome dos arquivos (<filename>) dentro da pasta raiz do template deve ser declarados. É importante lembrar que todas as pastas e nomes de arquivos existentes da raiz devem estar citados. Caso um o outro não esteja presente, ocorrerá um erro e a instalação falhará.
      <files>
              <folder>css</folder>
              <folder>html</folder>
              <folder>imagens</folder>
              <filename>index.php</filename>
              <filename>index.html</filename>
              <filename>favicon.ico</filename>
              <filename>templateDetails.xml</filename>
              <filename>template_preview.png</filename>
              <filename>template_thumbnail.png</filename>
          </files>
    3. Por último declaramos as posições que criamos dentro de nosso arquivo index.php. Posições temporárias para serem usadas pela declaração loadmodule também podem ser incluídas. Coloque-as em ordem alfabética para uma melhor organização do sistema.
      <positions>        
              <position>dir</position>
              <position>esq</position>
              <position>nav</position>
              <position>rodape</position>
          </positions>
    4. Feche com a tag </extension>
    5. Salve o arquivo.

O próximo passo agora é criar as imagens de pré-visualização. Faça uma cópia HTML do seu arquivo index.php. Insira texto frio e simule a navegação e demais itens que forem necessários para uma boa pré-visualização do modelo. Faça um print-screen e abra a imagem no seu editor de imagens preferido.

  1. O tamanho da imagem template_preview.png é 800  px de largura x 767 px de altura
  2. O tamanho da imagem template_thumbnail.png é 206 px de largura x 150 px de altura
  3. Salve esses arquivos na raiz de meutemplatejoomla 

Agora vamos criar o favicon.ico do seu site. O favicon é uma imagem de 16px x 16px que aparece do lado esquerdo da URL do seu site na barra de endereços.

  1. Existem programas específicos para criação desses arquivos, mas também se pode criar um arquivo .png no seu editor de imagens favorito e modificar sua extensão.
  2. A maioria dos navegadores atuais irá apresentá-lo corretamente.
  3. Este arquivo também deve ficar raiz de meutemplatejoomla

Se você acompanhou corretamente esse tutorial, terá um pasta apresentando o conteúdo conforme a imagem abaixo:

Arquivos dentro da pasta meu-template-joomla

As pastas html e imagens só tem o arquivo index.html dentro delas. Se você criou algum hack ou imagens nesse exercício, deixe-os aí dentro.

A partir dessa pasta, crie um pacote de instalação no formato .zip. Entre no administrador do seu site de testes Joomla. Vá ao menu Extensões > Gerenciador de Extensões. Faça o upload do pacote e aguarde o sistema informar que a instalação foi um sucesso. Caso aconteça um erro, leia atentamente o aviso que o sistema mostra.

Criar templates para Joomla! é um ótimo exercício de criatividade e uma forma eficiente de aperfeiçoar seus conhecimentos em HTML e CSS.

Se esse artigo foi útil para você, apoie esse projeto!

Se você não leu a primeira parte desse tutorial, clique aqui.

 

Related Posts with Thumbnails
Be Sociable, Share!

103 thoughts on “Criando template para Joomla 2.5.x – parte 2

  • 23/04/2013 à 17:04
    Lien Permanent

    Boa tarde,

    Preciso tirar um vídeo que está na página principal de um template em joomla. Preciso localizar a página no servidor, qual seria o caminho do diretório para eu poder abrir o html e trocar o vídeo?

    Att,
    Thiano

    Répondre
    • 24/04/2013 à 08:17
      Lien Permanent

      Thiano, normalmente videos não são inseridos diretamente na página do template. Verifique se há algum módulo inserido através do Gerenciador de Extensões. Boa sorte!

      Répondre
      • 24/04/2013 à 08:55
        Lien Permanent

        Bom dia,

        Obrigado pela atenção. Na verdade o vídeo foi inserido direto na página index por meio do código fonte, mas não consegui localizar a página. Já fui no diretorio templates/temax/index, mas nesse caminho não é o do html onde foi inserido o vídeo.

        Att,
        Thiano

        Répondre
        • 24/04/2013 à 09:52
          Lien Permanent

          O arquivo do template no Joomla é o index.php. Pode me mandar um acesso temporário ao administrador para que eu dê uma olhada?

          Répondre
          • 24/04/2013 à 10:19
            Lien Permanent

            Bom dia,

            Encontrei o vídeo, encontrei onde vc havia comentado em Extensões. Grato pela sua atenção!

            Abraço

  • 12/11/2012 à 00:25
    Lien Permanent

    O Matheus está com um problema em relação as imagens no template que está desenvolvendo.

    Sem ver, não tenho como saber ao certo. Talvez, no index.php, o código esteja apontando para o local errado. O endereço deve ser absoluto.

    Se tudo estiver certo, o correto é ver o código da página da seguinte forma:

    src="http://localhost/[pastadojoomla]/templates/[nomedotemplate]/imagens

    No index.php deve estar assim:

    src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/imagens
    Espero ter ajudado. Boa sorte!

    Répondre
    • 12/11/2012 à 18:47
      Lien Permanent

      Obrigado pela resposta,
      Porém como segui nesse tutorial, no index.php está assim na parte inicial ” <link rel="stylesheet" href="baseurl ?>/templates/template ?>/css/template.css” type=”text/css” />”.

      Está errado?

      O caminho dentro do index.php que eu uso para chamar a imagem é . Eu deveria chamar por algum link?

      Em outro forum, postei a mesma pergunta, e um membro respondeu : “Fica atento nas duas pasta de imagens a da raiz e do template, a da raiz usa para coloca nos artigos diretamente pelo administrador, e a da pasta template para colocar via css !”

      O que pode ser? Abraço

      Répondre
  • 05/04/2012 à 09:17
    Lien Permanent

    Não ficou claro o nome da variavel, se puder me mandar a resposta por e-mail, agradeço. graziela.fx-gmail.com.

    Répondre
  • 04/04/2012 à 15:47
    Lien Permanent

    Sabe me dizer como o joomla reconhece o css dos plugins? Instalei o Phoca Download em um template feito na mão, mas as configurações do css não são apresentadas, como os botões preview e download. Quando mudo o template para um nativo do joomla funciona, o que será? Pela atenção, obrigada!

    Répondre
    • 04/04/2012 à 21:47
      Lien Permanent

      Grazziella, as extensões do Joomla colocam várias informações no cabeçalho da página através da variável jdoc:include type=”head”. O link para o CSS fica aí. Verifique se você colocou no seu template. Boa sorte!

      Répondre
  • 29/03/2012 à 15:35
    Lien Permanent

    Tentei instalar um modulo para o menu, mas aparece varios erros. Estou usando o mod_super_menu. Aparece o erro: Deprecated: Function eregi() is deprecated in C:\wamp\www\joomla251\modules\mod_super_menu\helper.php on line 87. Vç tem alguma sugestão de modulo para menu no Joomla 2.5? Obrigada.

    Répondre
  • 07/03/2012 à 08:42
    Lien Permanent

    Bom dia!

    gostaria de saber como faço para integrar meu proprio templates que mesmo fis para joomla. Desde de já origado

    Répondre
  • 06/02/2012 à 14:50
    Lien Permanent

    Você sabe qual a diferença entre TEMA e TEMPLATE no Joomla 1.7 ? Pelo que pude entender eu posso ter um TEMPLATE com vários TEMAS, mas como eu posso criar um novo tema ?

    Répondre
    • 06/02/2012 à 19:23
      Lien Permanent

      Tema é a tradução para o português de template. Ou seja, não há diferença. Em nenhuma versão do Joomla. Um site pode usar mais de um template ou variações de um mesmo template, que são chamados estilos. Esses estilos, copiados e modificados através de suas opções, podem ser assinalados a individualmente a cada item de menu do sistema. Para criar um novo estilo, vá para Extensões > Gerenciador de Temas, escolha o tema que deverá ser copiado, clicando na caixa ao seu lado. Par completar a operação, clique em duplicar na barra de ícones. Abra o tema e atribua os itens de menu para quais quer que esse estilo seja aplicado.

      Répondre
  • 17/01/2012 à 15:56
    Lien Permanent

    Cara, na verdade assim não estava funcionando, mas eu descobri um componente chamado css2switch que funciona até melhor na minha opinião. Ele trabalha com vários arquivos .css e da para escolher um para cada item de menu. gostei bastante.

    Répondre
    • 17/01/2012 à 16:04
      Lien Permanent

      Que bom que você encontrou outra solução! Vou dar uma olhada nesse componente depois. Obrigado pela dica!

      Répondre
  • 17/01/2012 à 13:40
    Lien Permanent

    Oi cara, estou de volta com mais um problema.
    Estou desenvolvendo um site que vai ter mais de um template. Quando eu crio uma pagina e seleciono um template, ele esta buscando a index do outro. Como faço para modificar?

    Répondre
    • 17/01/2012 à 15:48
      Lien Permanent

      Oi Juliano. Para atribuir um template que não é o padrão a qualquer página de um site em Joomla, basta ir em Extensões > Gerenciador de Temas e clicar sobre o nome do template que se deseja usar. No campo Atribuir Menu, escolher o ítem de menu que está associado a página que deseja modificar. Boa sorte!

      Répondre
  • 09/01/2012 à 09:56
    Lien Permanent

    Não tem artigos publicados. Eu instalei o template e ele aparece em styles e templates normalmente. Acredito que seja o dominio onde estou testando. Mas o mais estranho é que quando eu estava testando o WordPress estava tudo normal quando começou a aparecer uma URL dentro de um javascritp, era como se a página estivesse sendo direcionada para outra URL. Agora aparece a estrutura vazia do html, quando acesso o codigo fonte no navegador. html-head-/head-body-/body-/html. Não testei em casa, não tive tempo vou testar se der certo posto aqui.

    Répondre
  • 06/01/2012 à 12:46
    Lien Permanent

    Consegui instalar. Ufa!! Outro problema: pagina em branco para todos os templates, inclusive isso acontece com o wordpress também, quando vou no codigo fonte aparece apenas .
    Há duas semanas aparecia uma url dentro de um . Já viu isso? Vou testar em casa depois posto se funcionou, estou tentando em um dominio travado.

    Répondre
  • 06/01/2012 à 10:25
    Lien Permanent

    A mensagem de erro mudou agora.
    JInstaller: :Install: File does not exist C:\wamp\www\joomla7\tmp\install_4f06f59da39b9\meuTemplate\html
    Eu criei uma pasta chamada html vazia.O que pode ser?
    Vou tentando até resolver, quando consegui aviso aqui.
    Obrigada.

    Répondre
    • 08/01/2012 à 13:02
      Lien Permanent

      Essa mensagem quer dizer que a pasta HTML não existe no seu pacote de instalação. Lembre de colocar um index.html vazio dentro dela.

      Répondre
  • 06/01/2012 à 10:19
    Lien Permanent

    Parabens pelo tutorial. Estou com problemas.Instalo normamente e aparece a mensagem abaixo. Dúvida: o nome do posicionamento tem que ser igual no xml? Exemplo esquerda na index e esq no xml. Será que pode ser isso.
    * Failed loading XML file
    * C:\wamp\www\joomla7\tmp\install_4f06f42354a37\meuTemplate/templateDetails.xml
    * XML: Premature end of data in tag extension line 3
    * JInstaller: :Install: Cannot find Joomla XML setup file

    Répondre
    • 08/01/2012 à 13:00
      Lien Permanent

      Grazziella, dá uma olhada com calma no código do seu XML na linha 3. Parece que o probleme está lá.

      Répondre
    • 23/02/2012 à 17:12
      Lien Permanent

      Graziella, achoq ue encontrei a solução para este problema, no tutorial o autor deve ter esquecido de informar que devemos fechar a tag extensions, no final do arquivo coloque:

      Répondre
  • 16/12/2011 à 13:25
    Lien Permanent

    Helvecio, muito bom o seu tutorial mas quando vou instalar meu template dá a seguinte mensagem:

    JInstaller: :Install: Arquivo não existe /Applications/MAMP/htdocs/SMAPI/portal/tmp/install_4eeb70b756a44/portal/html
    Erro instalando tema

    você sabe o que pode ser ? já procurei pela net e não consegui resolver. desde já agradeço.

    Répondre
    • 16/12/2011 à 18:25
      Lien Permanent

      Obrigado pelos elogios Evandro.
      Instalei o template localmente para testar e não houve problemas. Lembres-se que esse template é para a versão 1.7.x do Joomla.
      Nesse erro que você mandou diz que está faltando a pasta HTML. Estranho pois a pasta está lá no arquivo que acabei de baixar.

      Répondre
  • 15/12/2011 à 08:20
    Lien Permanent

    Ola Amigo, bom dia, tudo bem?

    É o seguinte, como eu faço para criar outro template, mas nao usando os menus prontos que eu tenho agora, fazendo outros, mas usando somente os artigos? Qual é o procedimento. Vamos dizer que eu ja tenho o meu template pronto, e que eu vou começar a alterar. Eu posso instalar o template, e começar a criar um novo modulo de menu, colocando o real posicionamento ou não posso fazer isso.

    Poderia me explicar?

    Abraços fortes

    Alex .´.

    Répondre
    • 16/12/2011 à 18:12
      Lien Permanent

      Não sei se entendi bem sua dúvida. Se você quer criar outro template, basta criar com os mesmos posicionamento do original. Em suma, criar todo o novo layout. Boa sorte.

      Répondre
  • 14/12/2011 à 10:52
    Lien Permanent

    Ola Helvecio, amigão olha só que eu aprontei.

    http://www.aclv.com.br/caprime/index.php/servicos-on-line

    assim que vc entrar vai ser duas opções, e você pode clicar em qualquer umas das duas imagens pequenas.
    Assim que vc verificar me fale o que vc achou.

    Detalhe, eles querem que eu faço esse efeito em submenus, mas eu não sei como eu faço pra colocar um link dentro de um submenu e depois editar no html.

    Ou acho que vou deixar assim, está já bem apresentável.
    olhe o site deles no modo antigo. http://caprimetransportes.com.br/default.asp

    Depois vc me fala alguma coisa

    Fortes Abraços

    Alex .´.

    P.S. A questão de piscar a tela, a questão de fazer efeitos nas letras, aquela outra informação de passar o login e a senha do administrador para o cliente já foram todas descartadas. ainda bem né? já estava ficando doido .kkkkkkkk

    Répondre
    • 16/12/2011 à 18:09
      Lien Permanent

      Oi Alex,
      Parabéns mais uma vez.
      Não sei se entendi bem, mas você pode tentar colocar uma GIF no background de cada item via CSS. Não sei se vai dar certo…
      Abs e boa sorte!

      Répondre
  • 14/12/2011 à 07:19
    Lien Permanent

    Sim, o Jquery da pra fazer isso sim. Eu vou tentar falar com ele aqui, e vamos ver o que vamos decidir, e te falo em seguida. E se eu fazer em jquery, eu te passo como eu fiz, e quem sabe alguem que queira tb não é vdd?

    abraços

    Alex .´.

    Répondre
  • 14/12/2011 à 07:09
    Lien Permanent

    Referente ao carregamento do slideshow e da aquela piscada na tela quando mudar de um artigo para o outro é normal isso?

    Ou eu fiz alguma coisa de errado? Se vc quiser me fale que eu te passo os arquivos por email do template.

    Abraços fortes

    Alex .´.

    Répondre
    • 14/12/2011 à 07:57
      Lien Permanent

      Você não fez nada de errado. Quando se muda de página, a imagem do caminhão carrega de novo e dá a impressão que piscou. A solução seria uma imagem estática. Abs.

      Répondre
  • 14/12/2011 à 07:06
    Lien Permanent

    Olá amigo, bom dia, obrigado desde já pela sua ajuda, sem VOCÊ EU NÃO IRIA CONSEGUIR FAZER NADA, E MUITO MENOS APRENDER ESSA PLATAFORMA QUE EU PEGUEI DE CORAÇÃO MESMO.

    A questão é o seguinte, o dono daqui do escritorio ele quer que o texto que aparece quando vc clica em algum menu, que este texto apareça de um jeito suave, é possível fazer isso?

    Eu não sei se estou errado Helvecio, eu pensei em fazer um arquivo externo aplicar jquery algo assim, e depois dentro do joomla fazer a importação. o que vc acha?

    Eu comentei isso com ele, e ele falou o seguinte.; Então pra que usar o joomla que não da para fazer isso Alex? E ai eu respondi, Mas o Joomla é um gerenciador de conteúdo, já temos os slideshow. E ele não concorda Helvecio ele quer pq quer, que os textos aparecem suavemente. O que eu devo fazer?

    Abraços fortes

    Alex .´.

    Répondre
    • 14/12/2011 à 07:16
      Lien Permanent

      Como disse, é preciso dar uma olhada no Diretório de Extensões do Joomla. A única extensão que lembro que faz algo parecido é a RokTabs. Mas ela vai exigir que você mude o layout do seu site. Você sabe JavaScript? Você poderia criar um script que fizesse o conteúdo aparecer aos poucos? JQuery poderia fazer isso? Abs e boa sorte!

      Répondre
  • 13/12/2011 à 18:37
    Lien Permanent

    Amigao, boa noite, me diz uma coisa é possível fazer com que o texto que esta dentro do artigo sofra algum efeito? Por exemplo que o texto deslize, gire, surge alguma coisa do tipo?

    Abraços fortes

    alex

    Répondre
    • 14/12/2011 à 07:07
      Lien Permanent

      Isso vai depender de extensões instaladas e do tipo de efeito que se deseja. Mais uma vez, nesse tipo de site que você está montando, sugiro não utilizar tais efeitos. Isso compromete a imagem que a empresa passa através do site. Abs.

      Répondre
  • 13/12/2011 à 15:40
    Lien Permanent

    Amigo sou eu de novo, hehehe

    É o seguinte, existe alguma maneira, que quando aparece o artigo co as suas informações, que este artigo apareça de uma maneira mais ” delicada “, isto é, tipo com um efeito farde algo assim?

    Abraços

    Alex .´.

    Répondre
    • 14/12/2011 à 07:05
      Lien Permanent

      Alex, não conheço nenhuma extensão que faça isso. O jeito é dar uma olhada no Diretório de Extensões Joomla. Se isso não for uma demanda do cliente, sugiro não utilizar esse efeito em um site institucional. Abs.

      Répondre
  • 13/12/2011 à 14:39
    Lien Permanent

    Boa Tarde Amigo, com o maior prazer, te mostro como ficou o primeiro site em joomla, e claro que não chega aos seus pés. http://www.aclv.com.br/caprime/

    Eu gostaria de tirar mais uma duvida.
    Quando a gente clica de uma tela para outra (menu), é normal ele dar uma piscada?

    Abraços fortes

    Alex .´.

    Répondre
    • 14/12/2011 à 06:59
      Lien Permanent

      Parabéns Alex. A piscada a que vc se refere é a da imagem do caminhão? Isso acontece pq ela é recarregada quando se muda de página. Abs.

      Répondre
  • 13/12/2011 à 12:32
    Lien Permanent

    Entendi, então está já definido, não irei deixar que o cliente mude nada no site. Vc tem razão mesmo meu amigo.

    Eu vou precisar criar mais alguns templates, mas eu posso pegar alguns templates prontos, e fazer as alterações correto? A minha duvida cruel (rs), é o seguinte, vou ter que criar tudo de novo, e mudar somente os posicionamentos? é isso mesmo?

    Estou procurando alguma coisa de slideshow para colocar na parte aonde tem as duas fotos dos caminhoes que vc tenha vista já no site que eu te mandei. Estou pensando em usar jquery. Teria alguma coisa facil e bem apresentável?

    Fico no aguardo meu caro amigo.

    Abraços fortes

    Alex .´.

    Répondre
    • 14/12/2011 à 06:57
      Lien Permanent

      Alex, você pode ter quantos templates quiser, desde que todos possuam as mesmas declarações de posicionamento. Assim, ao mudar o template, os módulos continuarão aparecendo nos mesmos lugares.
      Slideshow: usa o RokSlideshow da RocketThemes. Simples, fácil de usar e de instalar. Abs

      Répondre
  • 13/12/2011 à 11:08
    Lien Permanent

    Bom Dia, Amigo tudo bem?

    Bom, aparentemente eu resolvi todas as coisas. entre e de uma olhadinha. http://www.aclv.com.br/caprime/

    Bom deixo eu te perguntar uma coisa agora,
    se eu quiser mudar de tema e claro que eu posso certo? Mas e as configurações como funcionariam? Pois, a ideia é de eu montar mais uns 5 templates, e deixar todos eles a disposição do cliente. O que vc me diz a respeito? Pois o cliente terá o acesso ao painel administrativo. o que se pode ser feito?

    Abraços e Mais uma vez obrigado por me ensinar, ajudar e etc.

    Alex .´.

    Répondre
    • 13/12/2011 à 12:21
      Lien Permanent

      Alex, se você deseja que seu cliente possa mudar os temas quando quiser (no caso desse, não acho uma boa idéia, mas…), crie novos layouts com as mesmas posições e instale no sistema. Depois ensine a ele como fazer a mudança. Abs

      Répondre
  • 12/12/2011 à 18:27
    Lien Permanent

    Oi amigo. Eu dei sim, eu consegui fazer a parte das coordenadas geográficas (lat log). mas a questao que sinceramente nao consigo mesmo fazer do jeito do original, deixar o mapa eu quero dizer.

    Para finalizar este primeiro projeto de muitos que viram, falta a parte de formulario de contato. Me tire uma duvida, como posso fazer o que vc me orienta, e se por acaso eu posso colocar um formulário que eu ja tinha feito em outros sites, e ai eu uso o parametro do modulo (personalizar o html), e ai eu colocaria somente as pastas dos css que eu tenho e o arquivo de controle do php. Poderia me dar uma ajuda neste finalzinho de projeto?

    Abraços fortes

    Alex

    Répondre
    • 12/12/2011 à 21:07
      Lien Permanent

      Alex, pelo que vi no tutorial são vários parâmetros que precisam ser configurados dentro da tag {googleMaps addr=”1600 Amphitheatre Parkway, Mountain View CA 94043″}. Sugiro que você teste todos até encontrar a configuração que fique mais próximo ao mapa original.
      Quanto a usar um formulário que esteja em uma página externa, sugiro que você use um wrapper. Ele é um tipo de item de menu. Com o wrapper é possível chamar uma página externa para dentro do Joomla. Basta indicar a URL e pronto! Boa sorte!

      Répondre
  • 12/12/2011 à 16:29
    Lien Permanent

    Ola Amigo, sou eu novamente, de uma olhada neste mapa.
    http://caprimetransportes.com.br/localizacao.asp

    Eu preciso colocar o mapa la dento do joomla, desse jeito é facil de se fazer ?

    o endereço que estou fazendo la no joomla é esse.: http://www.aclv.com.br/caprime/index.php/localizacao-caprime-transportes

    Como poderia resolver este probleminha?

    O chefe já esta querendo dispensar este joomla, mas eu não quero, pois é uma plataforma muito boa mesmo.

    Poderia me ajudar?

    Abraços fortes

    Alex

    Répondre
    • 12/12/2011 à 17:35
      Lien Permanent

      Alexander, dá uma lida na página do criador do plugin que lá ele informa todas as configurações do plugin que você está precisando.

      Répondre
  • 12/12/2011 à 15:53
    Lien Permanent

    Ola Amigao, obg mais uma vez,

    Eu fiz do jeito que vc me falou, eu fiz. ate ai sem problemas. Eu coloquei até mesmo a mesma linha de comando que vc postou. Tem um pequeno detalhe, ele ate abriu a janela tudo certinho, só que nao apareceu o mapa logo de cara, a tela fica em azul, e eu tenho que diminuir a tela para vizualizar alguma coisa. O que pode estar dando de errado?

    Abraços fortes

    Alex .´.

    Répondre
  • 12/12/2011 à 12:53
    Lien Permanent

    Ola Amigo, Obg por ter respondido, sim vc tem razão, a proxima vez, eu vou “desenhar” o projeto antes de começar a a “fabricação”. rs Mas vc tem razão mesmo.
    Bom vamos la, é o seguinte, eu instalei o puglin do googlemaps, coloquei o Google Maps API key, ai salvei e deu mensagem com sucesso e pronto.
    Agora a dúvida é o seguinte, como eu faço pra chamar este puglin? Poderia me passar o caminho? Estou quebrando a cabeça mas não consigo achar nada. Se pduer me ajudar eu lhe agradeço.
    Fortes Abraços

    Alex .´.

    Répondre
    • 12/12/2011 à 14:36
      Lien Permanent

      Alex, é muito simples:
      - Ative o plugin
      - Obtenha uma chave de API do Google Maps
      - Insira no artigo em que deseja que apareça o mapa, o código do plugin.
      Exemplo: {googleMaps addr=”1600 Amphitheatre Parkway, Mountain View CA 94043″}
      Leia o tutorial de utilização aqui.
      Boa sorte!

      Répondre
  • 12/12/2011 à 11:17
    Lien Permanent

    Ola Amigo, boa tarde, tudo bem?

    Bom estou passando por aqui, primeiramente te agradecer pelas informações bem como pelo incentivo de nunca desistir quando deparamos por uma dificuldade. bom referente aos menus com subcategorias, tirar as informações que são do artigo e etc, eu consegui, por gentileza verifique. http://www.aclv.com.br/caprime/

    Helvecio. estou com um problemão pra variar.
    Eu preciso colocar o mapa de localização no site. Mas eu nao consigo encontrar como fazer. Eu instalei um plugin no joomla, mas nao consigo realmente, Teria como vc me explicar, algum manual, video, essas coisas?

    Fortes Abraços
    e Obg mais uma vez.

    Alex

    Répondre
    • 12/12/2011 à 12:40
      Lien Permanent

      Parabéns Alexander. Parece que você está indo muito bem na construção da navegação. Uma dica: no seu próximo projeto, planeje a navegação ANTES de começar a montar o site. Isso torna o trabalho MUITO mais fácil e ágil.
      Quanto ao mapa de localização, entendo que você queira mostrar um mapa do Google no seu site. Sugiro o GoogleMaps Plugin, que é simples de configurar e mostra várias funcionalidades do Google Maps dentro da página. Boa sorte!

      Répondre
  • 09/12/2011 à 13:44
    Lien Permanent

    Olá meu Amigo,
    Referente a parte dos textos, que vc me falou pra ir no Gerenciador de Artigos, realmente eu fui, encontrei e coloquei ocultar, mas não esta saindo.

    Vc teria alguma materia algum texto referente estes sub-itens como criar?

    Abraços e mias uma vez obrigado por tudo.
    alex

    Répondre
    • 09/12/2011 à 16:32
      Lien Permanent

      Alexander, essa configurações estão presentes nos artigos individualmente e nos itens de menu que apresentam layout de blog.
      Entrei agora e vi que você já conseguiu criar os sub-itens. Agora, é só mexer no CSS. Parabéns! Abs!!

      Répondre
  • 09/12/2011 à 13:18
    Lien Permanent

    Ola Helvecio, tudo bem? boa tarde!, Fico feliz mais uma vez pela sua dedicação e atenção que você está me dando.

    Bom A questão da migração, dos templates está resolvido. A minha questão agora é o seguinte. Eu tenho os menus na horizontal, sao 6 ou 7 itens, e tem um item chamado Nossos Serviços e dentro dele tem dois subitens. que são Logistica promocional e Atendimento SAC.
    assim que o usuario clicar em Nossos Serviços, eu gostaria que me mostra-se embaixo os dois subitens que ele possa clicar. Como eu devo fazer isso? Eu desenhei no papel como seria, Nao sei se etsa certo, bom, eu fui em Gerenciador de Categoria e cliquei novo e criei Nossos Serviços, e depois eu cliquei em novo novamente e adicionei os dois subitens, porem colocando nao como PAI e sim como Nossos Serviços.
    Isto está certo? Poderia me dar uma força? E outra coisa, se você entrar no meu projeto http://www.aclv.com.br/caprime/index.php/nossos-servicos vai aparecer na tela embaixo do titulo os dados do artigo. Categoria: titulo aqui
    COM_CONTENT_PUBLISHED_DATE_ON
    Escrito por Super User
    Acessos: 15

    Tem como retirar isso?

    Répondre
    • 09/12/2011 à 13:30
      Lien Permanent

      Oi Alexander. Para ter o efeito desejado, você precisar criar os itens de menu e não categorias.
      No seu caso, pelo que entendi, vc tem dois artigos (Logistica e Atendimento). Eles podem estar na categoria Nossos Serviços.
      No menu vc já tem o item Nossos Serviços. Crie os sub-itens Logistica e Atendimento apontando para os artigos. Quanto ao menu, sugiro que vc pesquise no diretório de extensões do Joomla um módulo de menu que faça o que você quer.
      Para tirar esses textos embaixo do título, basta ir no Gerenciador de Artigos > Opções e pedir pra ocultar os itens Data de Publicação, Escrito por e Acessos. Boa sorte!

      Répondre
  • 08/12/2011 à 09:41
    Lien Permanent

    OI Helvecio, é importante fazer essa declaração de posicionamento, como vc cita no item 3 que por sua vez, e que eu entendi e importante na parte dos modulos.

    Se eu tiver errado me corrige. e me desculpe se eu estou aqui falando, pois algumas duvidas minhas podem ser duvidas de outros.

    fortes abraços

    alex

    Répondre
  • 08/12/2011 à 09:34
    Lien Permanent

    Olá Helvecio, desde te agradeço de coração por ter me respondido.

    Eu segui os passos 1 e 2, e deu certo perfeitamente. ja sei como fazer, e claro tenho que estudar mais ainda.

    Segunda coisa é o seguinte, estou com duvida na parte aonde a gente declara as pastas, arquivos, e etc, no XML. correto? a parte que eu estou com duvida é a parte dos posicionamentos. se eu tenho o meu layout vamos dizer assim da primeira pagina padrao para todas, como eu vou definir os posicionamentos. e isso que eu tenho duvida, alem disso, o layout que estou estudando e trabalhando em cima ele tem os menus na horizontal.

    Se puder dar uma explica geral sobre isso eu te agradeço.

    Abraços Fortes

    Alex

    Répondre
    • 09/12/2011 à 13:06
      Lien Permanent

      Oi Alexander!
      Posicionamento. No caso do Joomla, módulos ficam em posições. Essas posições estão declaradas no template. Por exemplo: é uma declaração de posição de módulos. Uma posição pode ter qualquer nome, mas esse nome pode corresponder a posição no template. No exemplo, a posição está a esquerda. Um outro ítem importante é a atribuição de menu. Além da posição, o módulo precisa ser atribuido a um ou mais itens de menu para aparecer em uma ou mais páginas. Espero ter esclarecido! Abs.

      Répondre
  • 08/12/2011 à 06:19
    Lien Permanent

    Ola Helvecio, bom dia.

    Estou com umas duvidas.

    A primeira, é o seguinte, eu tenho um modelo de site que eu fiz para um cliente, e gostaria de transformar ele em joomla, como eu devo proceder? ele tem os css dele que eu criei, tudo certinho. E a minha outra duvida, é como eu pego os arquivos do template que foi transformado em joomla e transfiro para o provedor? Eu tenho que instalar o tema ou não é necessário.
    qualquer coisa eu estou no google talk. alex.lavalle@gmail.com

    abraços fortes e parabens pela materia

    Répondre
    • 08/12/2011 à 08:19
      Lien Permanent

      Oi Alexander! Se você tem um página HTML e quer transformar em um template Joomla, leia calmamente o tutorial Criando template para Joomla 1.7 parte 1 e parte 2. Tudo que você já tem pode ser aproveitado. Sua segunda dúvida eu entendo que seja o conteúdo do site. Isso você terá que transferir manualmente, copiando e colando o texto e inserindo as imagens, se houver. Não é necessário instalar seu tema para inserir o conteúdo, pois no Joomla, esses dois itens são independentes. Abraços e obrigado pelos elogios. Boa sorte!

      Répondre
  • 30/11/2011 à 16:18
    Lien Permanent

    Olá, parabéns pelo tutorial, ajudou mto!
    Estou tendo um problema. Fiz um template e nele coloco um slide corousel feito em jquery, mas não funciona. Criei uma pasta js, coloquei os arquivos la, mencionei ela no xml, e nada… o que devo fazer?

    Répondre
    • 30/11/2011 à 22:30
      Lien Permanent

      Obrigado Daniel!
      Se você colocou o slide direto no template, tente usar links absolutos no caminho que aponta para a pasta js. Porém, o ideal é buscar uma solução no diretório de extensões e instalar no seu sistema. Boa sorte!

      Répondre
  • 28/11/2011 à 08:47
    Lien Permanent

    Realmente helvecio, foi de muita utilidade o link.

    Muito Obrigado e parabens pelo trabalho.

    Répondre
  • 26/11/2011 à 12:15
    Lien Permanent

    Bom Dia Helvecio, realmente você contribuiu muito com o aprendizado de todos nós. muito obrigado.

    Mas agora preciso de uma ajudinha:

    fiz uma div para receber o conteudo (component), até ai tudo certo, mas as funcionalidades como, quantidade de colunas, artigo em destaque e quantidade de artigos por página não funciona. O que será que pode ser?

    Obrigado.

    Répondre
    • 27/11/2011 à 22:50
      Lien Permanent

      Oi Filipe. Obrigado pelo elogio.
      Leia esse post aqui que vai ajudar na questão de quantidade de colunas e artigos. Boa sorte!

      Répondre
  • 17/11/2011 à 18:03
    Lien Permanent

    Se puderes, tente instalar o “meu_template_joomla” e veja se esse erro ocorre tb.

    abraço

    Répondre
    • 18/11/2011 à 00:42
      Lien Permanent

      Tyrone, na verdade esse era apenas um arquivo com a estrutura correta. Corrigi o arquivo e coloquei o pacote de instalação correto no site. Obrigado por sua visita!

      Répondre
  • 17/11/2011 à 17:48
    Lien Permanent

    Olá, Helvecio!!!

    muito bancana seu tutorial!!

    Uma observação:

    O arquivo “meu_template_joomla” que vc disoinibiliza, é o template em si desse tutorial, certo?

    Ocorre que quando baixo e vou intalá-lo no Joomla! dá um erro.. diz: JInstaller: :Install: Arquivo não existe C:\xampp\htdocs\tmp\install_4ec571056c880\meu_template_joomla\html.

    O curioso é que na pasta estão todos os arquivos necessários para a configuração básica do template.

    Sabes do que se trata?

    parabéns pela generosidade e muito obrigado pela atenção.

    abraço.

    Répondre
  • 14/11/2011 à 11:39
    Lien Permanent

    Obrigado Helvecio

    O problema era a configuração do meu joomla. Desbilitei acesso ao FTP pelas configurações globais e resolveu todo o meu problema. Mais uma vez, obrigado pelas dicas. Sucesso para você!

    Rodrigo

    Répondre
    • 14/11/2011 à 12:27
      Lien Permanent

      Obrigado a você pela dica Rodrigo. Normalmente, o acesso FTP desabilitado é que dá o problema em algumas situações. Bom saber que o contrário também acontece. Sucesso pra todos nós!

      Répondre
  • 13/11/2011 à 21:38
    Lien Permanent

    Olá Helvecio

    fiz todos os procedimentos que você descreveu, e deu tudo certo, entretanto ao instalar o template, o Joomla não me dá nenhuma mensagem de sucesso (ou fracasso) de instalação e o template não aparece na lista nem de styles nem de templates.
    O que eu posso ter feito errado?
    Obrigado pelo tutorial e por acrescentar sempre algo pra gente.

    Abraço

    Répondre
    • 14/11/2011 à 08:01
      Lien Permanent

      Rodrigo,
      Quando isso acontece, é por que algum pequeno detalhe impediu a instalação do template. E esse detalhe está no arquivo XML que é o manifesto das pastas e arquivos da raiz do seu tema. Lembre-se: é preciso listar TODOS os arquivos que estão na raiz do seu template e as pastas. Fiz uma revisão no post e achei que estava um pouco confuso. Volte lá e siga o passo-a-passo da parte 2. Qualquer dúvida, escreva.

      Répondre
  • 09/11/2011 à 09:05
    Lien Permanent

    vc tem dicas para desenvolver um portal: em joomla (eu gostaria de fazer um portal: de cobertura de eventos que tenha Noticias, Fotos, Agenda, Turismo (hotel, praias, etc…)

    Répondre
    • 09/11/2011 à 14:04
      Lien Permanent

      Oi Udeilson. Joomla permite que se crie praticamente qualquer tipo de site. Primeiro liste o que você quer colocar no seu site. Aí, vá no diretório de extensões do Joomla e busque o que for melhor para as suas necessidades. Pelo que você listou, vai encontrar tudo lá. Boa sorte!!

      Répondre
  • 31/10/2011 à 15:48
    Lien Permanent

    Boa tarde, quando tento instalar o template na versão 1.7.2 do joomla, só aparece a msg “Tipo de arquivo desconhecido”. Você sabe qual é o problema? Muito obrigado e parabéns pelo empenho e dedicação.

    abraço

    Répondre
    • 31/10/2011 à 17:04
      Lien Permanent

      Paulo Henrique, obrigado por sua visita e elogios.
      O pacote de instalação de extensões – um template é uma extensão – deve ser um arquivo .ZIP ou .TAR.GZ. Verifique se esse arquivo que você está tentando instalar tem uma dessas extensões. Esse é um pacote de template para o Joomla? Tem certeza que é um template para a versão 1.7.x? Espero ter ajudado. Qualquer dúvida, escreva Abs e boa sorte!

      Répondre
  • 28/10/2011 à 09:22
    Lien Permanent

    Parabéns pelo artigo amigo, muito bem explicado! Obrigado!

    Répondre
  • 24/10/2011 à 07:38
    Lien Permanent

    Bom dia!

    O link para o download “meu_template_joomla” esta quebrado! poderia disponibilizar novamente este arquivos?

    Obrigado,

    Marcelo Gomes

    Répondre
  • 05/10/2011 à 10:51
    Lien Permanent

    Meus parabéns. Muito claro e objetivo.
    Um tutorial desse merece ser comentado.
    Ótima instrução.

    Répondre
  • 03/10/2011 à 16:12
    Lien Permanent

    Vai ter uma 3º parte desse tutorial ou ele se resume somente a 2 partes?

    Répondre

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>