Como editar o código de um template joomla

Você pode entrar em código HTML e CSS real de um template Joomla através da sua página Personalizar modelo, que contém botões Editar HTML e CSS Editar. Clique no arquivo CSS você está interessado em trabalhar com para ver o código HTML ou CSS do modelo.

Video: Customizando Template Joomla! 3.2

Quando você personalizar um modelo no Joomla, você normalmente fazer mudanças em seu código CSS.

Para abrir o arquivo CSS de um modelo para edição, siga estes passos:

  1. Na página de detalhes do modelo, clique no botão Editar CSS.

    A página Personalizar modelo abre. Esta página lista os arquivos CSS associados ao modelo - normalmente, um monte deles.

  2. Clique no nome do estilo que você deseja editar.



    arquivo CSS do estilo (template.css) Abre para edição no Template Manager.

Video: Como editar una plantilla o template de Rockettheme - Entrenamiento en Vivo

o template.css arquivo é longo - cerca de 16 páginas - e isso é apenas um dos arquivos que entra em um template Joomla. É um arquivo CSS de boa-fé, e aqui é como começa:

/ ***************************** // *** Núcleo coisas configuração html *** // ****** *********************** / html {altura: 100% -margin-inferior: 1 px;} {margem forma: 0-padding: 0-} corpo {font-family: Helvetica, Arial, sans-serif-line-height: 1.3em-margin: 0px 0px 0px 0px; font-size: 12px; color: # 333-} a: link, a: visited {text-decoration : nenhuma; fonte de peso: normal-} a: pairar {texto-decoração: sublinhar-fonte de peso: normal-} input.button {cursor: pointer-} P {margem superior: 0- margem de fundo: 5px; } Img {border: 0 nenhum; } / ***************************************** // *** específica Template elementos de layout *** // ***************************************** / # page_bg {padding: 10px 0-margin-bottom: 1px;} div.center {text-align: center,} div # wrapper {margin-left: auto-margin-right: auto-} body.width_medium div # wrapper {width : 950px;} ...

Infelizmente, para editar este arquivo você realmente tem que saber o que está fazendo em CSS para fazer suas próprias alterações. (Um bom editor de código WYSIWYG construído em Joomla seria ótimo para esta situação.)

Video: CURSO JOOMLA: 7. EDITAR PLANTILLAS EN JOOMLA

Há muito debate sobre se é melhor usar tabelas HTML ou CSS para organizar componentes e módulos em Joomla templates- ambos os lados do argumento têm pontos fortes.

tabelas HTML, por exemplo, são estruturas muito rígidas que tornam mais difícil para os motores de busca para entender o conteúdo de sua página. implementações CSS, por outro lado, variam muito de navegador para navegador, e alguns navegadores mais antigos permitem que você use apenas CSS mínima. O modelo Beez em Joomla é um exemplo de um modelo tableless CSS.

Video: Curso de Joomla 2.5.6 - Aula 26 - Editando um Template

Como você pode ver, realmente personalizar um template Joomla não é algo para ser encarado levianamente. Assim como você obter o modelo que você quer? Você pode baixá-lo. Existem modelos de Joomla online. Alguns são gratuitos, enquanto outros exigem uma pequena taxa para o download.


Publicações relacionadas