Customização de Temas no Portal Modelo 3

Resumo


Tutorial para utilizar o pm3demo - Demostração do portal modelo 3 para customizar o tema do portal modelo ativo.

Descrição

Esse tutorial apresenta um guia para customizar e testar as customizações do portal modelo sem comprometer o portal que está sendo usado. A vantagem é aproveitar o tema usado no portal para iniciar a customização mas utilizando a Demonstração do Portal Modelo 3 (usuário: admin, senha: interlegis) hospedado no Interlegis.

Esse tutorial foi criado à partir de uma conversa em um grupo de mensagens por telefone.

Passo a passo


- Gostaria de alterar algumas coisas, como template, no meu portal, porém não queria fazer no que está ativo, mas nosso portal está hospedado no Interlegis, será que consigo um portal extra só para fazer essas alterações, para não bagunçar o meu atual???

- Usa o http://pm3demo.interlegis.leg.br/

- Mas esse vem do zero! Eu queria aproveitar o que já tenho e fazer as alterações

- Baixa seu tema como um arquivo zip. Envie para o portal modelo demo. Mexe. Baixa de novo do portal modelo antes da meia noite.

- Mas vem com todas as informações inseridas?

- Não, se você baixar o tema só vem o tema.

- Mas quando eu alterar o tema e for no meu portal e colocar o tema novo que modifiquei, não perderei as informações que tenho, é isso?

- Isso, os dados são separados do tema. O pior que pode acontecer é ficar tudo torto.

- Ok ... ai ai ai. Por isso queria um link só para fazer o teste e se desse certo ativaria ele.

- Bom, você pode criar uma cópia e mexer na cópia.

- Hummm isso é mais interessante

- Tanto no seu portal quanto no portal demo. E só ativa se ficar legal.

- Show... isso seria o ideal, mas como gera essa cópia se ele está hospedado no interlegis?

- Vamos fazer um tutorial para por no wiki?

- Interessante...

- Seguinte vou comentando e criando o tutorial.
  Vamos lá: Primeiro precisa fazer uma cópia do seu tema atual.

Acessar painel de controle:



Acessar os temas:


Copiar tema do portal

Copia o tema do portal, no tutorial vou usar o tema IDG Verde.

Criar cópia

Vai abrir um formulário, nesse formulário é necessário dar um nome para o tema e para não afetar o site o botão(check-box) de aplicar tema deve ficar desmarcado.

Voltar ao painel de controle dos temas.

Pronto, agora o tema copiado pode ser customizado.
Se for o caso de enviar ao pm3demo, deve ser feito o download do tema.
Ele vai para tela de customização. Clica em voltar ao painel de controle do tema e então faz o download.

Download da cópia

Fazer o download da copia:


Upload para o pm3demo

Agora vamos subir esse tema para o portal modelo. Acesse o pm3demo.

http://pm3demo.interlegis.leg.br/@@theming-controlpanel

Na parte dos temas clica em "Enviar arquivo zip".

  • Muito legal

Enviar cópia para o pm3demo

Escolhe o arquivo e manda importar, mas deixa o botão (checkbox) aplicar imediatamente desmarcado.

  • Show, tá colocando no tutorial?

    - Sim, vou copiar a conversa e colocar no tutorial.
      Enquanto isso estou tirando screenshots.

    - Show

Alterar o tema

Após o upload o tema irá aparecer no painel de controle - http://pm3demo.interlegis.leg.br/@@theming-controlpanel

No tutorial foi criado o idg verde - customizado.
Agora vem a parte de webdesing, fica a critério de cada um o que vai ser feito.

Para alterar é só clicar em "Alterar tema".

Visualizar alteração

Depois de alterar, clica em visualizar tema.

Ativar tema no pm3demo

Quando estiver mais ou menos do agrado, clica em ativar o tema.



Para ver o tema, acesse a página inicial do portal modelo demonstração - http://pm3demo.interlegis.leg.br/

Se não ficar legal, volta e ativa o tema anterior. Agora o processo inverso.

Download do tema customizado

Faz o download do tema customizado que está no pm3demo.

Enviar tema customizado para o portal

Faz upload para o seu portal.

Substituir cópia

Mas clica em substituir tema existente, ele vai substituir a cópia que você havia feito.

Visualizar tema customizado no portal

Clica em visualizar tema.

Voltar ao painel de temas do portal

Se ficar legal, volta ao painel.

Ativar tema customizado no portal

Clica em ativar o tema customizado.



Se der problema volta ao painel e ativa o tema anterior. E pronto.

- Caramba... vc é demais

- Sim obrigado, sou modesto também. :)
  Agora vou pegar esse texto e transformar em um tutorial. Já tirei os screenshots.

- Show... vou copiar td la. Você é muito rápido, depois tenho que ver como utilizo no meu portal com uma cópia dele com todas as informações.

- Quando você ativar a cópia vai aplicar o tema no seu portal com todo conteúdo que já tinha. Se não gostar, volta no painel de controle e ativa o tema anterior. Depois você vai divulgar o tutorial na lista.

- bleuza... Depois me passa o link do tutorial.

- Ok.

Última modificação 2 anos atrás Última modificação em 23/05/2016 15:59:48

Anexos (16)

Download de todos os anexos como .zip

 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.