Fiz a atualização através da aba Update do Gerenciador de Extensões (Extensions Manager). Ao final, apareceu os seguintes avisos:

JInstaller: :Install: Error SQL DB function failed with
error number 1060
 Duplicate column name 'ordering' SQL=ALTER TABLE `jos_languages`
 ADD COLUMN `ordering` int(11) NOT NULL default 0 AFTER `published`;
 SQL =
ALTER TABLE `#__languages` ADD COLUMN `ordering` int(11)
 NOT NULL default 0 AFTER `published`;
Files Update: SQL error file DB function failed with
error number 1060
 Duplicate column name 'ordering' SQL=ALTER TABLE `jos_languages`
 ADD COLUMN `ordering` int(11) NOT NULL default 0 AFTER `published`;
 SQL =
ALTER TABLE `#__languages` ADD COLUMN `ordering` int(11)
 NOT NULL default 0 AFTER `published`;

Fui em Site > System Information e a informação era que a atualização tinha sido feita. Porém, ao comparar as tabelas do banco de dados com outra instalação do 2.5, percebi que haviam várias diferenças.

Porém, isso não é problema. A mais nova versão do Joomla pode resolver essa questão através do próprio administrador do sistema.

No Gerenciador de Extensões (Extensions Manager) clique sobre a aba Database (Banco de Dados). Clique no ícone Fix (Reparar) e aguarde até aparecer o aviso Database table structure is up to date (Estrutura do Banco de Dados está atualizada).

Feito isso, clique na aba Discover (Descobrir). Aparecerá uma lista de extensões que o sistema não conseguiu instalar corretamente. Selecione todas e clique em Install (Instalar).

A partir daí o sistema está atualizado corretamente.

Um detalhe

Aqui na minha instalação apareceu a string ao invés do texto.

PLG_SYSTEM_LANGUAGECODE_XML_DESCRIPTION

Olhando no arquivo .INI, essa string leva ao seguinte texto:

"Provides the ability to change the language code in the generated HTML document to
improve SEO.<br />The fields will appear when the plugin is enabled and saved.<br />
More information at <a href='_QQ_'http://www.w3.org/TR/xhtml1/#docconf'_QQ_'>W3.org</a> "

que pode ser traduzido como:

"Fornece a capacidade de alterar o código de linguagem no documento HTML gerado para
melhorar o SEO. Os campos aparecerão quando o plugin é ativado e salvos.
Mais informações em W3.org"

Um problema que percebi desde a versão 1.7 nos arquivos .INI é que dentro da string não pode haver texto entre aspas duplas (“), pois o sistema começa a interpretar o restante do arquivo de forma errônea.

Isso não implica em problemas no sistema, mas pode-se encontrar algumas strings aparecendo, ao invés do texto que elas representam.

Seja sociável, compartilhe!

• 

photo credit: AJC1

Recentemente, Rogério Costa, que faz parte da equipe organizadora do Joomla! Day Brasil 2012, lançou uma pesquisa com o objetivo de mapear o perfil da comunidade que utiliza Joomla! no Brasil.

A meta é coletar uma amostragem de no mínimo 300 respostas. Os resultados dessa pesquisa serão apresentados durante o evento em setembro e posteriormente compartilhado com a comunidade.

Para responder a pesquisa, clique aqui. E utilize os botões de compartilhamento abaixo para ajudar na divulgação.

Qualquer dúvida, entrem em contato com o Rogério através de seu Twitter: @matofino

Seja sociável, compartilhe!

• 

photo credit: Louis Engival

Muitos parâmetros de templates são possíveis – variação de cores, XHTML, HTML5 etc. Quando um site precisa ter flexibilidade no layout para mostrar diferentes tipos de conteúdo, pode-se usar variáveis baseadas nos countModules ou criar opções de layout através das configurações de parâmetro do template.

Nesse exemplo, vamos planejar um template com três colunas com largura variável, como mostra a ilustração abaixo.

Colunas flexíveis

No arquvo templateDetails.xml adicione as lihas a seguir:

<config>
   <fields name="params">
      <fieldset name="basic">
         <field name="layout" type="list" default="50" label="Escolha laterais"
            description="Controle da largura das barras laterais e da área de conteúdo">
            <option value="50">esquerda e direita</option>
            <option value="70">somente direita</option>
            <option value="80">somente esquerda</option>
            <option value="100">sem barras laterais</option>
         </field>
      </fieldset>
   </fields>
</config>

Obs.: dentro de <fieldset name=”basic”> pode-se incluir mais parâmetros, dentro da tag <field>. Os parâmetros criados aparecerão no Gerenciador de Temas. Para ativá-los no template, é preciso:

• Definir uma variável no linha PHP que já está lá, nas primeiras linhas do código do template

<?php defined ('_JEXEC') or die; $layout=$this->params->get('layout'); ?>

• Criar as divs para barras laterais e conteúdo e usar os valores de parâmetros em sufixos de classes ou id.

<div id="barralateral-<?php echo $layout; ?>">
        <jdoc:include type="modules" name="position-7" />
</div>
<div id="conteudo-<?php echo $layout; ?>">
        <jdoc:include type="message" />
        <jdoc:include type="component" />
</div>
<div id="barralateral2-<?php echo $layout; ?>">
        <jdoc:include type="modules" name="position-6" />
</div>

• Todas as três div’s serão sempre escritas. Crie todas as possibilidade de estilo baseados no parâmetro do layout

.barralateral {width:20%; float:left;}
#barralateral-70, #barralateral-100 {width:0;}
.barralateral2 {width:30%; float:right;}
#barralateral2-80, #barralateral2-100 {width:0;}
#conteudo-50 {width:50%; float:left;}
#conteudo-70 {width:70%; float:left;}
#conteudo-80 {width:80%;}
#conteudo-100 {width:100%;}

• Quando se instala um tema(template), um estilo é criado usando os valores padrão. Duplique esse estilo com um novo nome. Crie mais três estilos.
• Atribua cada um dos quatro estilos de template a quatro ítens de menu diferente.
• Atribua os módulos as páginas onde eles devem aparecer. Por exemplo: na página com opção sem barras laterais, tanto os módulos da postion-6 quanto da position-7 deve estar despublicados.
• Se tudo estiver certo, cada uma das páginas apresentará o layout conforme configurado.

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

*Baseado em um tutorial de Barb Ackemann – http://irislines.com/blog.html

Seja sociável, compartilhe!

• 

Kyle Ledbetter

Após o discurso de apresentação de Ryan Ozimek, que este ano esteve presente virtualmente em um vídeo, fui a primeira palestra que mais me interessou: Usabilidade do Admin do Joomla e versões Móveis.

Quando Joomla foi lançado, possuía uma interface que foi considerada revolucionária. Nunca antes um sistema de gerenciamento de conteúdo tinha sido tão belo e simples. Cinco anos depois as funcionalidades e a quantidade de extensões foram aumentando e sempre há uma novidade aparecendo. Infelizmente a interface do sistema não evoluiu paralelamente a esses novos atributos e funções, e as extensões foram sendo criadas com interfaces desconectadas de seu ambiente de instalação. O que uma vez foi a força do Joomla agora se tornou seu calcanhar de Aquiles, enquanto outros sistemas tornaram suas interfaces de usuários mais amigáveis. A interface do Joomla estagnou.

Nessa palestra, Kyle Ledbetter afirmou que está mais do que na hora de mudar isso. A interface do Joomla precisa ser atualizada com urgência e os desenvolvedores precisam ter disponíveis padrões em vários níveis. Joomla precisa de uma interface de usuário consistente, intuitiva e moderna.

Esse projeto já está sendo alinhavado para a versão 3.0 do sistema que, embora ainda não tenha data prevista para lançamento, já começou a ser elaborada pelo time principal de desenvolvedores.

Essa é uma ótima oportunidade para que nós, designers, possamos contribuir de forma mais plena com o desenvolvimento do projeto.

Para maiores informações, visite http://ux.joomla.org (em inglês).

Seja sociável, compartilhe!

• 

Na primeira parte desse tutorial vimos como transformar uma página HTML em um template Joomla! 1.7. 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 meu_primeiro_template_joomla 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=”1.6″ 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. 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 meu_primeiro_template_joomla 

Agora vamos criar o favicon.ico do seu site. O favicon é uma imagem de 16 px x 16 px 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 meu_primeiro_template_joomla
   

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.

Seja sociável, compartilhe!

• 

Criar um template para o Joomla! é uma das tarefas mais fáceis que existem. Nesse post vou mostrar como transformar uma página HTML simples formatada com CSS em um template Joomla!

Baixe o pacote de instalação meu_template com todos os arquivos desse tutorial e siga os passos a seguir.

1. Crie uma pasta e a identifique com o nome do template que está sendo criado. Por exemplo: meu_primeiro_template_joomla. Crie um arquivo index.html em branco dentro dessa pasta. Essa é uma dica de segurança do Joomla para evitar que pessoas mal intencionadas vejam diretamente o que está lá dentro.
2. Dentro dela crie pastas chamadas css, imagens, html. Dentro de cada uma crie um arquivo index.html em branco.
3. Comece a montar o seu template normalmente, como se fosse um arquivo HTML comum.
1. A formatação CSS deve ser colocada em um arquivo externo que ficará dentro da pasta css. As imagens usadas no template deverão ficar dentro da pasta imagens. Questão de organização.
4. Quando terminar, teste o arquivo HTML em alguns navegadores. Corrija os problemas, se houver, antes de seguir para o próximo passo.
5. Quando terminar, salve esse arquivo como index.php na raiz na pasta meu_primeiro_template_joomla.
6. Abra esse arquivo em qualquer editor HTML.
7. Tudo que está até a tag que fecha o cabeçalho (</head>) deve ser apagado e substituido pelo código abaixo:
   

   Código dentro da tag head

8. A declaração <jdoc:include type=”head” /> carregará dinamicamente o título da página, scripts, tags meta entre outros.
9. Feito isso, basta agora colocar as declarações de posicionamento de conteúdo e módulos nos lugares apropriados. No exemplo que criei, temos uma página com cabeçalho, área de navegação, 3 colunas (esquerda, centro e direita) e rodapé.
10. Na área de navegação, coloque a seguinte declaração: <jdoc:include type=”modules” name=”nav” />
11. Na área da coluna equerda, insira <jdoc:include type=”modules” name=”esquerda” />
12. Ná coluna central insira <jdoc:include type=”component” />
13. Na área da coluna direita insira <jdoc:include type=”modules” name=”direita” />
14. Finalmente, na área do rodapé insira <jdoc:include type=”modules” name=”rodape” />
15. As declrações (jdoc:include) do tipo módulos (type=”modules”) podem ter qualquer nome (name). No caso, eles são relacionados com a posição real da declaração. Evite acentos, maiúsculas e espaços.
16. A declaração <jdoc:include type=”component” /> exibirá o conteúdo do site.

A página do template já está pronta. O próximo passo será montar o arquivo templateDetails.xml que permitirá que o Joomla! veja o seu template corretamente.

Se esse artigo foi útil para você, apoie esse projeto! Confira a segunda parte deste tutorial.

Seja sociável, compartilhe!

• 

photo credit: donovanbeeson

O formulário de contato do Joomla 1.7 está apresentando o seguinte problema: automaticamente ele cria o comando “Responder a” nas mensagens enviadas com o e-mail do administrador do site configurado nas Configurações Globais.

O campo “De:” mostra o e-mail que foi informado no formulário, mas quem recebe a mensagem, ao responder, vai enviar somente para o administrador do site e não para o rementente original.

Pesquisando no fórum descobri que esse bug já está resolvido pelo Joomla! Team e deve ser incluído em uma próxima atualização do sistema. Porém não encontrei a solução para download. Fiz as alterações necessárias nos arquivos do sistema, que podem ser baixados aqui. Substitua-os no diretórios abaixo:

• libraries/joomla/factory.php
• components/com_contact/controllers/contact.php

Antes de substituí-los, faça uma cópia de segurança dos arquivos originais por via das dúvidas.

ATENÇÃO: essa solução foi testada na versão 1.7.0 apenas e funcionou corretamente.

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

Seja sociável, compartilhe!

• 

photo credit: sea turtle

É possível criar páginas completamente distintas, sem ter que apelar para o uso de templates diferentes na mesma instalação de Joomla! O truque está em acrescentar à tag <body> do seu tema uma class ou id específica.

Para conseguir isso basta acrescentar algumas linhas de código ao arquivo index.php de seu tema.

Joomla 1.5

Em qualquer local entre as tags <head> e </head> insira o código abaixo.

<?php
   $menus     = &JSite::getMenu();
   $menu      = $menus->getActive();
   $pageclass = "";

   if (is_object( $menu )) :
   $params = new JParameter( $menu->params );
   $pageclass = $params->get( 'pageclass_sfx' );
   endif; ?>

Depois, dentro da tag <body>, insira o código em vermelho.

<body id="<?php echo $pageclass; ?>">

No administrador do site, vá para Menus e abra os itens de menu que deseja modificar. Em Parâmetros (Sistema) insira no campo Sufixo de Classe de Página um identificador para as páginas. Exemplo: para a página principal, utilize principal.

Joomla 1.7

Em qualquer local entre as tags <head> e </head> insira o código abaixo.

<?php
$app = JFactory::getApplication('site');
$pageclass = & $app->getParams('com_content');
?>

Depois, dentro da tag <body>, insira o código em vermelho.

<body id="<?php echo $pageclass ->get('pageclass_sfx'); ?>">

No administrador do site, vá para Gerenciador de Menus e abra os itens de menu que deseja modificar. Em Opções de Exibição de Página insira no campo Classe da Página um identificador para as páginas. Exemplo: para a página principal, utilize principal.

Abra o código da página através do seu navegador e você verá que a tag <body> agora possui uma identificação específica.

<body id="principal">

No arquivo CSS do seu tema, basta criar os estilos para cada um dos seus itens de menu.

As possibilidades são infinitas!

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

Seja sociável, compartilhe!

• 

photo credit: milos milosevic

Recebi hoje um e-mail do Manoel Sena com a seguinte dúvida:

“Olá, sou um usuário do joomla e estou com um problema…No Backend Extensões -> Gerenciador de Extensões o submenu Instalar|Atualizar|Administrar|Descobrir|Aviso “sumiu”. Acho que desinstalei algo e gostaria de saber se tem alguma sugestão de instalação de algum componente ou outra solução para esse problema.”

Resposta:

• Vá em Extensões > Gerenciador de Módulos;
• Passe para área de módulos do Administrador (Padrão é Site), através do primeiro menu drop-down na página;
• Habilite o módulo Admin Submenu clicando no botão vermelho que está a sua direita;
• Caso este módulo esteja ausente, é possível recriá-lo. Clique no botão Novo, no canto superior direito e depois escolha a opção Admin Submenu na janela que se abre.

Boa sorte! Qualquer dúvida, escreva nos comentários abaixo.

Seja sociável, compartilhe!

• 

photo credit: derfranzjoseph

É comum ouvir pedidos sobre como ter ou tirar módulos ou textos apresentados de forma diferente na frontpage (página inicial) de um site em Joomla. Por exemplo, seu site pode ter três colunas, mas na página principal você quer apareçam somente duas.Repare nas ilustrações a seguir: a primeira mostra o layout da frontpage, onde o corpo da página é constituido de uma coluna mais larga a esquerda e uma coluna a direita.

Layout da front

A segunda mostra o layout o das páginas internas. Aqui o corpo é composto de três colunas, duas menores a esquerda e a direita e uma mais larga ao centro. A área em vermelho mostra o que fica diferente da frontpage.

Layout interno

Como realizar essa façanha? É muito simples!

Basicamente, temos que pensar que a página principal exibe um pedaço de código HTML diferente das páginas internas.

No arquivo index.php, que está dentro de /templates/{seu-template} localize o pedaço de código a modificar.

Vamos dar uma olhada no código do template baseado no exemplo das ilustrações acima.

<body>
 <div id="cabecalho">
   <h1><span>Título da Página</span></h1>
 </div>
<?php If (JRequest::getVar('view') == 'featured') { ?>
 <div id="paginaprincipal">
 <jdoc:include type="modules" name="paginaprincipal" />
 </div>
<?php } else { ?>
 <div id="colunaesquerda">
 <jdoc:include type="modules" name="esquerda" />
 <jdoc:include type="modules" name="apoio1" />
 </div>
 <div id="colunacentro">
 <jdoc:include type="component" />
 </div> 
<?php } ?>
 <div id="colunadireita">
   <span>Conteúdo da direita</span>
 </div>
 <div id="rodape">
   <span>Créditos da página</span>
 </div>
</body>

Em vermelho temos o código PHP.

Em verde, o código HTML que será exibido na frontpage. Repare que criei uma DIV e uma posição nomeadas paginaprincipal. Assim, fica mais fácil criar o CSS a ser aplicado nessa área e a inserção do módulo desejado.

Em azul, o código HTML que será exibido nas páginas internas. Assim como no pedaço de código anterior, criei uma DIV para cada coluna (colunaesquerda e colunacentro) e dentro de cada uma coloquei as posições que quero presentes dentro da minha página.

O que está em verde e azul pode ser modificado conforme a necessidade do seu layout.

Qualquer dúvida, utilizem o formulário de comentários abaixo.

ATENÇÃO: esse tutorial serve para a versão 1.6 e 1.7. Se você quer a solução para a 1.5, clique aqui.

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

Seja sociável, compartilhe!

•