Este tópico é o primeiro de uma série explicando como usar o componente JCE Admin para editar artigos no joomla. Este trata especificamente da utilização de estilos do tema do site.
Nível: noob
Downloads úteis:
Pré-requisitos: Estar utilizando o cms JOOMLA versão 1.0.13 ou 1.0.15 (versões que tenho 100% de certeza que funciona), pode ser que funcione para versões anteriores, mas as garantidas são as citadas acima. Este tutorial também leva em conta que você tem o JCE Admin instalado no joomla de seu site.
Objetivo: Editar um artigo qualquer no joomla via JCE utilizando os estilos de seu tema.
Para quem: Este tutorial é destinado a Usuários Publicadores que não tem muita experiência, então, se você já se considera experiente no assunto, ou é um webdesign que caiu de paraquedas aqui, este não é um tutorial para você!
Escolhendo o estilo de seu artigo
O JCE, que é a ferramenta à qual eu faço este tutorial, disponibiliza além do básico em edição de texto, algumas funções específicas que facilitam a integração com outros componentes. Ele precisa ser instalado separadamente, e pode ser encontrado no link acima. Como foi dito, esse componente possui várias funções, hoje vou falar especificamente do list box Styles, que nos possibilita usar qualquer estilo da folha de estilos do tema do nosso site.
Formatar o texto de seu site usando uma folha de estilos é uma escolha muito mais inteligente e adequada do que escolher "na mão" como vai ser a apresentação dos artigos de um site. Trocando em miúdos, quando eu quero formatar um texto que vai aparecer em uma página do meu site, eu posso fazer de duas maneiras, a primeira (maneira A), é escolhendo a cor da fonte, o tamanho, alinhamento, etc, nas ferramentas de edição (bastante semelhante à do Word), ou posso simplesmente selecionar a parte do texto a ser estilizada e escolher um estilo (maneira B), que nada mais é do que todas estas regras agrupadas.
Imagine você trocando o estilo de um título de seu site da maneira A, se for um só título que use este estilo tudo bem, ainda passa, mas e se você tiver 44 títulos que usam a mesma formatação? Usando a folha de estilos, este trabalho provavelmente nem passará na sua mão. O webdesign responsável provavelmente irá mudar uma ou 2 linhas na folha de estilos, os 44 títulos automaticamente serão aplicados, e você não terá trabalho nenhum com essa mudança! Então, chega de baboseira e vamos à prática!
Passo 1: Escolha o artigo à ser editado e clique em editar, ou clique em novo e digite todo o artigo (caso você tenha escolhido partir de um artigo em branco) ;
Passo 2: Selecione o título, o texto, ou qualquer parte do artigo que você deseja estilizar, e clique no listbox styles (como o destaque em vermelho na imagem abaixo);
Passo 3: Nesta lista que abriu, vai aparecer uma série de estilos, incluindo alguns que não são do nosso interesse, então, é importante que você pergunte ao webdesign responsável quais você pode usar, ou então você mesmo pode testar todos em uma página de teste, antes de aplicar definitivamente em algum artigo.
Passo 4: Após escolher o estilo a ser utilizado, é só salvar seu artigo e publicar!
OBS1: é uma boa idéia dar nomes significativos aos estilos, por exemplo, para um texto centralizado, azul claro do tamanho 14, o estilo poderia chamar > LighBlueCenter14, ou algo parecido...
OBS2: a imagem acima mostra um exemplo de aplicação de estilo no título da página.
Galera, é isso aí, espero que tenha ajudado, se alguma dúvida ficou, não deixe de comentar!
Um comentário:
Você tem idéia de como colocar um plugin ou componente do joomla em um site pessoal, ou seja, fazer um hacking do componente e cololá-lo em um site pessoal?
Postar um comentário