SdevLab – Tutorial | Como ativar o módulo JoomlaStats no Joomla! – colando código no template

Fala Galera, segue um tutorialzinho rápido que ensina a ativar o módulo JoomlaStats no site.

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

 Como ativar o módulo JoomlaStats no Joomla! – colando código no template

O JoomlaStats é um componente que trabalha de forma similar ao Google Analytics, porém com menos recursos. Esta falta de recursos acaba deixando o componente simples de usar mas ainda assim bastante eficiente.

Para o componente funcionar:

  • primeiro faça o download do mesmo no extensions.joomla.org
  • Logue na parte administrativa do site
  • instale tanto o componente quanto o módulo
  • Acesse menu item Site > Template Manager > Site Templates
  • Marque seu template e clique em editar
  • Cole o trecho abaixo entre as tags <body> e </body> e salve

Para Joomla 1.0.x

 <?php
 if  (file_exists($mosConfig_absolute_path.'/components/com_joomlastats/joomlastats.inc.php'))
 include_once($mosConfig_absolute_path.'/components/com_joomlastats/joomlastats.inc.php');
 ?>

Para Joomla 1.5.x

 <?php
 if  (file_exists(JPATH_SITE.DS.'components'.DS.'com_joomlastats'.DS.'joomlastats.inc.php'))
include_once(JPATH_SITE.DS.'components'.DS.'com_joomlastats'.DS.'joomlastats.inc.php');
 ?>

Até a próxima!
😉

SdevLab – Joomla! | Como inserir links com o JCE

Eae galera!

Continuando no assunto Joomla! vou postar alguns tutoriais sobre o JCE, que é uma extensão muito famosa utilizada para editar artigos. O tema de hoje é inserção de links.

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

Joomla! – Como inserir links com o JCE

Para ilustrar melhor a idéia segue uma imagem com as principais funções:

Explicando a imagem:

  1. Endereço do link.
  2. Link para algum contato (inserido via componente de contatos padrão do joomla).
  3. Conteúdo -> aqui você vai poder escolher qualquer artigo do site para linkar. Eles vão estar divididos por seção/categoria para facilitar a busca. Você poderia copiar o endereço do artigo e colar na barra de endereço (1) mas se você passasse a usar algum sef (componente que faz urls amigaveis) o link ficaria quebrado devido as mudanças do sef, utilizando a opção de referenciar o conteúdo diretamente (via opção 3) usar o sef não “estraga” seu link.
  4. Menu – cria um link para algum item de algum menu do site.
  5. Weblinks – este “weblinks” é um componente nativo do joomla, e esta opção só aponta o seu link para um link já inserido neste componente.
  6. Docman – insere um link para um arquivo inserido no docman (outra extensão muito famosa).
  7. Anchors – link para alguma âncora previamente inserida no artigo.
  8. Target – como no html, o target informa ao navegador se o link ao ser clicado deve abrir em uma página nova, na mesma página, etc…
  9. Título do link – este “título” funciona de uma forma semelhante ao atributo alt das imagens, ele vai aparecer quando o usuário deixar o mouse em cima do link sem clicar no mesmo.
  10. Email – insere um link para um endereço de email.

Lembrando que ao inserir um link, você vai precisar escolher uma das opções (1 à 7 e 10) porque cada link tem uma maneira ideal para ser inserido. As opções 8 e 9 são comuns para todos os tipos!

Até a próxima!

😉

SdevLab – Joomla! | Usando o J!Dump para mostrar dados em uma janela pop-up

Eae galera!

Mais uma boa extensão do Joomla! Esta na verdade esta mais para o lado desenvolvedor do que usuário. Sem mais demoras, vamos ao post para ir direto ao assunto.

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

Joomla! – Usando o J!Dump para mostrar dados em uma janela pop-up

Normalmente ao se desenvolver um componente você precisa ver os dados de alguma variável ou vetor, e para facilitar este trabalho apresento o J!Dump, que é uma extensão muito útil no desenvolvimento de templates, módulos, plugins, etc (esta extensão meio que substitui o print_r() e o var_dump())…

Para usar o J!Dump, acesse o site joomla.org e procure por J!Dump, baixe o componente e o plugin e instale ambos. Lembre-se de habilitar o plugin do J!Dump porque como padrão ele vem desabilitado.

Nos seus códigos, utilize a chamada dump($variavel, ‘Este é o conteúdo da variavel $variavel), e uma janela pop-up como esta vai aparecer:

Mais uma extensão bem simples e muito útil!

Até a próxima!
😉

SdevLab – Passo a Passo | Como configurar o MiniFrontPage no Joomla!

Eae galera!

Esta é uma boa dica para usuários de Joomla!. Este CMS é completo na sua instalação, porém para alguns usuários, o padrão não é suficiente. Para personalizar a disposição de artigos em uma página, foi criado este módulo, que tem bastante opção e é muito fácil de usar.

ATUALIZAÇÃO (14/08/2015): Este post se refere ao Joomla versão 1.5.x. Se precisar de tutoriais sobre uma versão mais nova, basta usar a busca do blog pois um material mais atualizado já foi publicado.

Passo a Passo – Como configurar o MiniFrontPage no Joomla!

O minifrontpage é um módulo muito útil e simples que serve somente para listar artigos, porém, de uma maneira diferente das já oferecidas nativamente pelo joomla. Com este módulo podemos deixar um site com mais cara de portal de notícias dadas as possibilidades de configuração do mesmo.
Segue um tutorialzinho rápido sobre como configurar este módulo:

(Clique na imagem para ampliar)

Vamos então às explicações:

  1. Enable Cache: se você habilitar esta opção o módulo vai estar apto à trabalhar com cache.
  2. Sufixo de classe do módulo: coloque aqui o sufixo (por exemplo _artigo). Funciona como uma regra de css. Se você não tiver certeza do que fazer deixe esta opção em branco.
  3. Section(s): seções que o módulo vai listar. Se você quiser listar mais de uma seção, separe os números (id’s) por vírgula.
  4. Category(s): idem a section(s).
  5. Ordenar por: se você marcar Created os artigos serão listados conforme a data de criação; se marcar Most Read serão listados de acordo com a “popularidade” de cada um; se marcar Ordenar a ordem de exibição será a mesma ordem da lista que aparece quando se clica em Conteúdo>Administrar artigos; se marcar Random os artigos serão exibidos aleatoriamente.
  6. Order type: do primeiro para o último (Ascending) ou do último para o primeiro (Descending);
  7. Thumbnail position: posição que a miniatura da imagem contida no artigo vai ser exibida.
  8. Display Article title: mostrar ou não o título do artigo.
  9. Title link: link ou não no título do artigo (se ele estiver sendo exibido).
  10. Display author: exibir ou não o autor do artigo.
  11. Display date articles created: exibir ou não a data que o artigo foi criado.
  12. Date type: define se a data à ser exibida é a data de criação, alteração ou publicação.
  13. Date Format: define se a data à ser exibida vai estar no formato dia/mes/ano ou ano/mes/dia ….
  14. Limit intro text: número máximo de caracteres que a introdução do texto vai exibir.
  15. Full story link text: quando um artigo é exibido com introdução e imagem, normalmente vem acompanhado de algum link para sua exibição completa. Este full story faz isto (normalmente usa-se Leia mais, mas não existe regra para isto). No final do post tem uma imagem que ilustra melhor esta idéia.
  16. Number of columns: Número de colunas que o módulo vai exibir na tela.
  17. Number of articles to display: número de artigos (no total, com introduções ou não) que o módulo vai exibir.
  18. Number of introtext/hide introtext: número de artigos que vão ser exibidos com introdução.
  19. Number of introtext/hide introtext skipped: Número de artigos que irão ser listados sem introdução. Se você não quiser que nenhum artigo possua introdução, coloque zero no item 18 e coloque o mesmo número que você colocou em 17 aqui.
  20. Show thumbnails: exibir ou não imagem nos introtexts.
  21. Show default thumbnails when article have no image: exibir ou não uma imagem padrão se o artigo não tiver imagem. Cuidado com esta opção. Se você marcar exibir, lembre-se de trocar a imagem padrão no componente ou então será exibido um logo do minifrontpage.
  22. Thumbnail image width: largura da imagem.
  23. Thumbnail height: altura da imagem.
  24. Preserv aspect: se marcar sim, a imagem vai manter as proporções ignorando os itens 22 e 23. Se marcar não serão mantidas as configurações de 22 e 23.
  25. Header title for other articles link: “Cabeçalho” que vai ser exibido antes da lista de artigos. Segue imagem abaixo para ilustrar.

Até a próxima!
😉