[Tutorial] Editando Template De Whmcs - Detalhado

[LucianoZ]

O WHMCS não trabalha igual os outros gerenciadores de web host na questão de temas, ele porem usa uma linguagem diferente, mais com muita pouca coisa diferente dos outros, apenas algumas funções adicionadas.

Para você que esta querendo integrar o WHMCS ao seu site é muito fácil, o WHMCS trabalha com arquivos .tpl para isto vamos pegar um tema default que é o padrão para começarmos nossa aventura rs.
Avisando apenas que estarei explicando a como se alterar não fazendo demonstrações alterando os temas, porque isto levaria dias.

 

 

Para localizar o tema default do WHMCS basta ir na pasta: templates/ de seu WHMCS.

 

Vamos começar com alterando o arquivo clientareahome.tpl para isto baixe ele no seu PC e utilize um programa de edição.

Visando que essa edição devera fazer em todos os outros arquivos .tpl da pasta default, seguindo as regras de alteração informada a baixo.

Nestes temas existe muito HTML, na verdade é feito em HTML o que muda são algunas breves funções que devemos manter para funcionar corretamente, sempre estas funções apareceram desta forma:

 

 

{$LANG.accountinfo}
Ou seja sempre tera uma função dentro desses cochetes

{$funcaotal}

 

Então sempre que formos montar nossos temas devemos manter estas funções para que a funcionalidade de nosso tema sempre esteja funcionando corretamente.

Para alterar o designer de seu tema não tem mistério, para isto vamos dar uma olhada na folha de estilo do site o CSS.

Para isto acesse a pasta:

 

 

Pasta: css/

 

Pronto estamos dentro, nesta pasta vamos encontrar 3 arquivos de CSS.

1. Estilo geral do sistema (whmcs.css)
2. Estilo da página de pedidos (invoice.css)
3. Complementação de código (bootstrap.css)

Nos iremos alterar de inicio o arquivo WHMCS.CSS porque ele é o responsável pelas DIV, CLASS e alguns detalhes do site.
Caso não saiba como mexer em CSS lhe recomendo um tutorial. (Veja o aqui)

 

Espero ter ajudado a todos, caso tenha dúvidas pode postar que estarei ajudando na forma do possível.

 

Este tutorial foi de ajuda para: Raphaelx00

 

Agradecimentos

Portal do Host

Advir Host

Escola Criatividade

 

Se acabo lhe ajudei de um Positivo na lateral. Grato desde já.

[Anger]

Amigo, não sei se do seu modo funciona, mas o correto é apenas alterar o header.tpl e o footer.tpl adicionando as folhas de estilo ao tema junto com a estrutura do site. Isto leva cerca de 2 horas de serviço para quem tem alguma noção, e cerca de 1 hora para quem já é craque.

[LucianoZ]

Amigo, não sei se do seu modo funciona, mas o correto é apenas alterar o header.tpl e o footer.tpl adicionando as folhas de estilo ao tema junto com a estrutura do site. Isto leva cerca de 2 horas de serviço para quem tem alguma noção, e cerca de 1 hora para quem já é craque.

 

Olá tive que dar uma detalhada que foi redirecionado para um usuário que não sabe usar as funções então foi um tutorial mais a fundo.

[Anger]

Olá tive que dar uma detalhada que foi redirecionado para um usuário que não sabe usar as funções então foi um tutorial mais a fundo.

Mesmo assim, não fica mais fácil ele editar só o header.tpl e o footer.tpl ?

[LucianoZ]

Também amigo, mais fiz por geral compreende?
Algo só para detalhar a mais essa mudança caso queira fazer algo meio grande de mudanças.