Áú»¢¶Ä²©

4 Criando seu pr¨®prio tema

Vis?o geral

O Áú»¢¶Ä²© vem com uma quantidade pr¨¦-definida de temas. Voc¨º pode seguir este passo-a-passo para criar temas adicionais. Sinta-se livre para compartilhar o resultado do seu trabalho com a comunidade se voc¨º sentir que criou algo bacana.

Passo 1

Para criar o seu tema voc¨º precisa criar um arquivo CSS e salva-lo em styles/themes/mytheme/main.css. Voc¨º tamb¨¦m pode copiar um dos arquivos fornecidos com algum dos temas padr?o e modifica-lo para suas necessidades. As regras no arquivo main.css ir?o se estender para os arquivos CSS localizados dentro do diret¨®rio styles. Qualquer imagem espec¨ªfica do tema dever¨¢ ser colocada no diret¨®rio styles/themes/mytheme/images.

Passo 2

Adicione o seu tema na lista de temas retornado pelo m¨¦todo 'Z::getThemes()'. Voc¨º pode fazer isso ao sobrescrever o m¨¦todo 'ZBase::getThemes()' na classe 'Z'. Isso pode ser feito ao adicionar o c¨®digo abaixo no arquivo include/classes/core/Z.php:

  public static function getThemes() {
             return array_merge(parent::getThemes(), array(
                 'mytheme' => _('My theme')
             ));
         }

Observe que o nome que voc¨º definir deve ser o mesmo nome escolhido para o diret¨®rio onde voc¨º est¨¢ salvando os arquivos do tema.

Para adicionar m¨²ltiplos temas, apenas os liste junto com o nome do primeiro tema, conforme exemplo a seguir:

  public static function getThemes() {
             return array_merge(parent::getThemes(), array(
                 'mytheme' => _('My theme'),
                 'anothertheme' => _('Another theme'),
                 'onemoretheme' => _('One more theme')
             ));
         }

Observe que cada tema ¨¦ separado por uma v¨ªrgula.

Para modificar a cor dos gr¨¢ficos ser?o necess¨¢rias altera??es no banco de dados na tabela graph_theme.

Passo 3

Ativar o novo tema.

Na interface web do Áú»¢¶Ä²©, voc¨º pode definir o seu tema como padr?o ou modificar o perfil de um usu¨¢rio para utiliza-lo.

Aproveite o seu novo visual!