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.

Fonte: www.iconarchive.com

Acabei de receber um comentário através do post Tradução Joomla 1.7.3 pt-BR perguntando como instalar o pacote de idioma. Eis aqui a resposta.Em Joomla temos funcionalidades que podem ser acrescentadas ao sistema. Elas são chamadas extensões. Existem os seguintes tipos:

• Componentes;
• Módulos;
• Plugins;
• Temas (ou templates);
• Pacotes de idiomas.

Cada um tem uma finalidade diferente, mas a forma de instalação é a mesma.

1. Entre no Administrador do seu site;
2. Clique em Extensions > Extension Manager (Extensões > Gerenciador de Extensões);
3. No campo  Package File (Pacote de Instalação) clique no botão para encontrar o arquivo de instalação baixado da internet. Geralmente é um arquivo .ZIP.
4. Selecionado o arquivo .ZIP, clique em Upload & Install (Upload & Instalar);
5. Se tudo der certo, você verá em alguns segundos uma mensagem do sistema de sucesso na instalação. ATENÇÃO: o tempo de instalação pode variar dependendo do tipo de extensão.

Os pacotes de idioma (traduções) precisam ser ativados. Siga esses passos:

1. Clique em Extensions > Language Manager;
2. Estamos na área Installed – Site, que gerencia as traduções da área pública, o site em si;
3. Na listagem que aparece, vemos English e o idioma que acabou de ser instalado, no caso, Português.
4. Clique sobre a estrela cinza que está na linha do Português para ativar a língua. A estrela de English fica cinza e a de Português fica amarela;
5. Na área Installed – Administrator proceda da mesma forma.

Pronto! Seu site já está em Português do Brasil. É possível instalar várias línguas, porém só é possível ter uma língua padrão por vez.

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

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

A versão 1.7.3 lançada recentemente apresenta algumas novidades que a tradução oficial para o português brasileiro ainda não cobre. Por necessidade, fiz as atualizações necessárias essa semana.

Essa é uma tradução não-oficial, baseada nos arquivos disponibilizados no Joomla Code e quero compartilhar com outros usuários. Testei localmente sem problemas.

Para baixar o pacote de instalação, clique no link Tradução Joomla 1.7.3.

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

Aproveitem!

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).

Sim, eu estive lá!

Assim como no ano passado, o Joomla! Day New York City se desdobrou em um final de semana que começou na sexta-feira e terminou no domingo.

No dia 21 aconteceu o evento Future Roadmap, que discutiu idéias que vários usuários gostariam que fossem implantadas e mostrou como andam os trabalhos para as próximas versões do Joomla. Clique aqui para assistir o vídeo do evento (em inglês).

Evento Future Roadmap

No sábado, dia 22, houve o Joomla! Day propriamente dito, com diversas workshops voltadas para o público em geral. Infelizmente, várias oficinas acontecem ao mesmo tempo e não é possível estar presente em todas. Esse ano porém a gravação de todas foi levada a sério e no site já estão disponíveis os vídeos.

Keynote de Ryan Ozimek no sábado*

O domingo, dia 23, foi voltado para desenvolvedores, os caras que botam a mão no código. Atualmente, como profissional especializado em Joomla! percebo a importância de saber um pouco mais do que acontece nas entranhas do aplicativo. Embora programação não seja minha praia, estou dando meus primeiros passos para a criação de plugins e módulos simples para Joomla!

Presenças no Joomla! Day NYC 2011*

No evento estavam presentes vários membros do time de desenvolvedores do Joomla! A maior surpresa é que já se está falando da versão 3(!) do CMS, que promete mais mudanças radicais. Em breve postarei aqui maiores informações sobre as oficinas que participei.

*Fonte: http://www.joomladaynyc.com/home/photos

Configuração de linhas e colunas Joomla! 1.5

O sistema apresenta uma tabela gerada dinamicamente baseada nos números indicados nos campos acima. Cada destaque fica em uma linha. Se houver mais de um, o próximo fica logo abaixo. As introduções se espalham pelas colunas disponíveis. Embaixo dessa tabela aparece uma lista com a quantidade de títulos de artigos definidos, em forma de link. Veja o modelo a seguir:

Exemplos de configurações de grade no layout de blog

No exemplo acima, a esquerda, sempre ficará um “buraco” na segunda coluna da última linha. O ideal é que a configuração da grade seja feita de forma que não existam espaços vazios, como vemos no modelo a direita. Algumas configurações básicas:

A partir da versão 1.6 as tabelas foram abolidas em muitas instâncias do sistema, mais especificamente nas páginas que utilizam o layout de blog. A grade é montada através de DIVs. e formatação deve ser feita através de CSS. A configuração continua sendo feita através dos parâmetros dos itens de menu a seguir:

• Listar todas as Categorias aba Opções de Layout de Blog
• Categoria como Blog aba Opções de Layout de Blog
• Artigos em Destaque aba Opções de Layout

Configuração da grade de item de menu Artigos em Destaque

Ao olhar o código veremos o seguinte:

Agora as DIVs e as classes CSS são geradas dinamicamente. Basta criar a formatação na sua folha de estilos e pronto. Se o template que está sendo desenvolvido é para distribuição, o ideal é criar várias opções de formatação para que o usuário final possa modificar seu template mais rapidamente.

No template Beez_20 que acompanha a instalação do Joomla 1.7, dê uma olhada no arquivo position.css que disponibiliza algumas pré-formatações para a grade.

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.

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.