Dica da Anna #3: Planejando a aparência do seu site
Os “Templates” determinam a aparência do seu site, ou das diferentes seções do site. Se for à página de “Template” do seu administrador (“Site -> Template Manager -> Site Templates”) (Site -> Gerenciador de Template -> Templates do Site), você verá uns poucos templates relacionados. Experimente clicar em qualquer deles (no botão à esquerda, não no nome do template) e então clicar sobre o ícone “default” (padrão) na barra de ferramentas. Então navegue no seu site para ver como o template muda a aparência do site.
O que é um template? Templates são conjuntos de arquivos que determinam a aparência do seu site. O arquivo principal é o “index.php”, o qual inclui o código html para os elementos do leiaute como tabelas, seu “logo”, etc, e insere código php para os elementos dinâmicos. O próximo arquivo mais importante é a folha de estilo ou o arquivo css, que determina as fontes, cores e bordas para cada elemento do site.
Veja o visual deste arquivo “index.php”:
Disponível em: http://www.annacallahan.com/images/template_layout.gif
O “header.jpg” é o seu “logo”. O “body” é o bloco que contém o conteúdo. Os blocos na cor laranja na figura acima são Posições, que você pode colocar nas células da tabela. Lembre-se que essas Posições podem conter qualquer número de módulos, e esses, os módulos, podem ser apresentados ou não. (Imagine que na posição “top” (superior) você tem um módulo de busca e um de data, por exemplo, e na posição “left” (esquerda) você tem um menu e um módulo de “login”.) Quando você faz um template está apenas estabelecendo os espaços na página para a inserção de uma posição. As posições são localizadas nas células das tabelas de seu site com código php, como este
A folha de estilo. Seu template também tem uma folha de estilo que controla as fontes, cores, bordas, etc., de cada elemento da página. Aqui estão algumas explicações das citadas convenções:
Nota do tradutor: Os links originais apresentados abaixo foram mantidos, porém, apontam para sites do Mambo, os quais poderão não estar disponíveis – mesmo tendo sido verificados, quando dessa tradução. Para os que estiverem interessados, foram incluídos links para sites de conteúdos similares:
Para download – http://www.joomlart.com/; http://www.joomlashack.com/;
http://www.joomla.com.br/component/option,com_docman/Itemid,63/task,cat_view/gid,80/
Na web – http://www.htmldog.com/guides/cssbeginner/
Com recursos visuais - http://www.w3.org/Style/CSS/; CSS Zen Garden; http://www.quirksmode.org/css/quirksmode.html
Servidor web - http://www.apachefriends.org/en/xampp.html; http://jsas.joomlasolutions.com
Para download – http://www.mambohut.com/component
Na web – http://www.mambonotes.com/content/view/30/101/
Com recursos visuais - http://www.mambohut.com/CSS_Guide/
Bem, essas são as explicações básicas sobre templates. As seguintes são instruções específicas para fazer o download ou criar um template:
Para fazer download de templates. Eu não tenho empregado templates de outras pessoas, mas tenho certeza de que existem muitos lugares onde você pode obtê-los. Comece em: http://mambohut.com/.
Para criar templates. O site do Absalom Media tem um bom tutorial para criar templates. Aqui: http://www.absalom.biz/tutorials/Mambo_Template_Tutorial.html
Se você deseja criar o seu próprio template e usa o Dreamweaver, eu recomendo este tutorial: http://www.mambosolutions.com/dw_tutorial/. Ele o guiará para fazer o download de uma extensão para o Dreamweaver que permite criar templates. Ele recomenda, também, fazer o download do MSAS, o “Mambo Stand Alone Server” (servidor mambo), que essencialmente disponibiliza um mini-servidor com MySQL & Apache no seu computador, de forma que você possa ver o seu template antes de carregá-lo no seu site. Um tutorial passo-a-passo mais detalhado é o AllMambo MOS Template 101 (obrigado jetzkr8!).
(Nota: alguns desses tutoriais são da versão do Mambo 4.5.1).
Agora que você tem o seu template, vamos colocar alguns módulos nas posições criadas.
| < Anterior | Próximo > |
|---|