Extensões - RibaFS Portal

Backup e Restore de site Joomla

2017-10-11T21:53:23-03:00

Este software é dos que me dá satisfação em trabalhar com programação, daqueles que automatizam tarefas manuais, tornando nossas vidas mais práticas.

Criei um componente para Joomla (2.5 e 3.x) que facilita e muito o backup dos sites Joomla:

https://github.com/ribafs/com_simplebackup

Ele gera dois arquivos, um zip contendo todos os arquivos do site e um sql contendo todo o banco de dados do site.

Ontem tive a ideia de criar algo que facilitasse a restauração do backup.

Até hoje eu tenho restaurado o backup do Joomla efetuando manualmente vários passos: criava manualmente o banco de dados, criava uma pasta, descompactava o arquivo zip na pasta e importava o sql no banco de dados. Agora tudo isso é feito por este pequeno software apenas informando os dados no formulário e clicando no botão Enviar.

https://github.com/ribafs/joomla-install

Usando overrides com o core do Joomla

2017-08-28T17:17:25-03:00

Usando overrides com o core do Joomla - Como substituir a saída do core do Joomla

Tradução livre do original em inglês em:
https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

Acontece as vezes de desejarmos mudar a forma como aparecem no site algumas extensões (componentes ou módulos) do core do Joomla ou mesmo de terceiros.

O Joomla nos oferece uma forma simples de fazer isso sem precisar reescrever por inteiro a extensão.
Podemos fazer isso substituindo/sobrescrevendo a aparência de uma extensão adicionando o código desejado para a pasta html do template. Também é possível sobrescrever Module chrome e paginação.

Na versão 3.2 overrides podem ser criados usando o Template manager Creating Overrides
Extensões – Temas
Temas à esquerda e acima
Clicar no nome do template
Criar Substituição
Começando com overrides

Faça uma cópia da view existente no diretório html do template e então modifique a cópia

A estrutura de diretórios necessária é:
TEMPLATE_NAME/html/EXTENSION_NAME/VIEW_NAME/FILE_NAME.php

Se você deseja mudar a maneira que a view 'Article' exibe um artigo com_content então copie o arquivo:
PATH_TO_JOOMLA/components/com_content/views/article/tmpl/default.php
para
TEMPLATE_NAME/html/com_content/article/default.php

Se deseja mudar como o módulo mod_login é exibido, então copie:
PATH_TO_JOOMLA/modules/mod_login/tmpl/default.php
para
TEMPLATE_NAME/html/mod_login/default.php

Joomla vem com um template para o site chamado Beez. Beez utiliza substituições de templates para produzir um layout tableless, para uma marcação mais rápida, mais suave e semanticamente correta. Para ver como é feito, localize o seu diretório de instalação do joomla do template e você notará o template Beez. Dentro do diretório do template Beez, você encontrará um diretório chamado html.

A estrutura do diretório é a seguinte:
/your_joomla/templates/Beez/html/

Caso deseje modificar o overrides usado no Beez você pode simplesmente copiar e colar o diretório html do Beez em seu próprio template. Ou então pode escolher por criar seus próprios arquivos de overrides. Verifique se são corretamente instalados em seu template.

Para fazer isso você deve adicionar o seguinte código para o templateDetails.xml do template para os arquivos adicionados:
<files> e </files>

Outras Dicas

Você pode override as imagens do Joomla core que são armazenadas na pasta /media. Coloque uma imagem alternativa com o mesmo nome na pasta do seu template. Por exemplo o módulo Breadcrumbs usa uma seta laranja que é recebida de
/media/system/images/arrow.png. Joomla deve usar sua versão override se você colocar esta em:
/templates/your_template_name/images/system/arrow.png.

Templates overrides são menos limitados. Eles permitem que você adicione, edite e remova a saída de componentes do core do Joomla.
O template Manager pode ser usado para criar files overrides prontos para editar.

Nota: existe uma extensão para o Firefox chamada Firebug que é útil para navegar entre os fontes do HTML das páginas e combinando com o PHP usado no overrides do template. Agora o Firebug também está disponível para o IE e o Chrome.

Referências
https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
https://docs.joomla.org/How_to_override_the_component_mvc_from_the_Joomla!_core
https://www.ostraining.com/blog/joomla/overrides/

Opções de Extensões para Vídeos no Joomla

2017-08-28T14:24:02-03:00

Opções de Extensões para Vídeos no Joomla

All Videos - adiciona vídeos em artigos
http://www.joomlaworks.net/extensions/free/allvideos

Configurar o AllVideos (diretórios e dimensões)

Local Video Folder = images/stories/videos
Local Audio Folder = images/audio

Basta enviar o vídeo para a pasta /video e áudio para a pasta /audio (ambas no raiz do site) e inserir a tag (como abaixo) no artigo, como abaixo

{youtube}heu37ej3qs{/youtube}, {flv}batman_darknight{/flv} or {mp3}pixies_bonemachine{/mp3} {swfremote}/videos/foo.swf{/swfremote}
compatible video and audio formats like flv, swf, mov, mp4, wmv, wma, mp3, 3gp, webm, ogv, ogg, divx and more.

Suportados
youtube, vimeo e nuitos outros

YouTube video with 600x450 dimensions that autoplays on page load
{youtube}he73js822|600|450|1{/youtube}
MP4 (H.264 Video) images/stories/videos/our-family-trips/paris.mp4 {mp4}our-family-trips/paris{/mp4}

FLV images/stories/videos/our-family-trips/paris.flv {flv}our-family-trips/paris{/flv}
FLV hosted on remote server http://domain.com/media/paris.flv {flvremote}http://domain.com/media/paris.flv{/flvremote}

OGV (OGG VIdeo) images/stories/videos/our-family-trips/paris.ogv {ogv}our-family-trips/paris{/ogv}

SWF (Shockwave Flash) images/stories/videos/banners/promo.swf {swf}banners/promo{/swf}

Áudio
MP3 images/stories/audio/podcasts/theJoomlaShow.mp3 {mp3}podcasts/theJoomlaShow{/mp3}

Mais informações
http://www.joomlaworks.net/support/docs/allvideos

Outras Alternativas

Video Gallery - Plugin
https://huge-it.com/joomla-video-gallery/

Usos: vídeo em popup em artigo, vídeo slider em artigo, Lightbox Video Gallery, Video Slider e Thumbnails View

Yendif Video Share - Componente
https://yendifplayer.com/joomla-video-share-download.html
https://yendifplayer.com/joomla-video-share-overview.html
https://yendifplayer.com/joomla/ - demo

Joombig video slider vertical - Módulo
http://joombig.com/download-extension-free/407-down-joombig-video-slider-vertical
http://joombig.com/extensions-detail/442-joombig-video-slider-vertical
http://joombig.com/demo-extensions1/index.php/demo/joombig-video-slider-vertical - demo

Gerenciador de Arquivos Web

2017-08-22T11:20:03-03:00

Gerenciador de Arquivos Web

O eXtplorer é um componente para Joomla do tipo gerenciador de arquivos, com uma grande quantidade de funções: upload, download, renomear, editar, excluir, descompactar, setar premissões e muito mais.

Ele também pode ser instalado independente do Joomla

A instalação no Joomla não requer nenhuma configuração, basta acessar e usar.

Mas em uma instalação fora do Joomla ele traz um usuário padrão e permite criar outros além de configurar algumas propriedades para estes.

Instalação do eXtplorer fora do Joomla

Download

https://extplorer.net/files

Efetuar o download e descompactar no servidor

No servidor, descompactar e chamar pelo navegador

http://dominio.com/extplorer

Login e senha default = admin
Trocar no primeir login

No primeiro login também existe opção de criar um novo usuário bem limitado.

Após o login, na interface do gerenciador existe um botão (ADMIN) para o gerenciamento de usuários: adicionar, editar e remover.
Ele cria os usuários criptografando suas senhas e guarda os dados dos usuários no arquivo oculto em:

config/.htusers.php

Por conta disso este arquivo precisa ter permissão de escrita para o Apache.

Ele também pode mudar sua interface para usar FTP, desde que existe servidor e porta disponível no servidor onde for instalado e também
a pasta frp_tmp requer permissão de escrita pelo Apache.

Existe também o net2ftp (http://net2ftp.com), que é uma boa alternativa mas que não funciona somente na porta 80. O net2ftp somente funciona como interface de FTP e em servidor com serviço de ftp habilitado.

Lembrando que o extplorer para o Joomla é um componente com as mesmas funcionalidades, mas não vi o botão ADMIN.

Template Padrão com Joomla 3.7.5 multilanguage

2017-08-21T18:04:24-03:00

Implementação do Template Padrão do Governo num portal com Joomla 3.7.5 multilanguage

Como o template padrão do governo não tem suporte a multilanguage, instalarei o Joomla com suporte a multilanguage e depois instalerei o tempale padrão e mostrarei o caminho das pedras para se instalar as demais extensões.

Este projeto visa instalar o Joomla 3.7.5 com suporte a multilanguage
Depois instalar o template joomlagov e torná-lo o default atribuindo-lhe todos os itens de menu.
Instalar paralelamente o joomlagov com o quickstart para que veja que extensões ele instala
Então instalar cada uma das extensões existentes no joomlagov no Joomla multilanguage.

Download do Joomla
https://downloads.joomla.org/

Instalação
Instalarei na pasta joomlagov_ml
Lembrar de implementar multilanguage escolhendo a opção de nenhum conteúdo de exemplo e configurando as Etapas Extras: instalar idiomas.

Instalei os seguintes idiomas extras: English US, Francês, Português Brasil e Spanish

Ativei o recurso de multi-idiomas
Ativei o plugin de código de idiomas

E tornei Português do Brasil o default do site e do adminisrtator.

Veja esta tela que capturei na instalação:

Ao finalizar a instalação acessei o form de login do administrator já deu para ver todos os idiomas instalados.

Ao exibir o site já aparecem as 5 bandeirinhas.

Instalar Template Padrão do Governo Brasileiro
Agora instalarei o template isolado que encontra-se em meu projeto do GitHub:
https://github.com/ribafs/template-govbr

E o tornarei o default além de atribuir todos os itens de menu ao mesmo.

Para entender melhor como foi criado o template e seu funcionamento a equipe criou alguns documentos:

https://github.com/joomlagovbr/documentacao/tree/master/pdf

Mudei o módulo Language Switcher para a posição header-topo-direita.

Mudei a posição do Main menu pt-br para - topo-main

Veja como ficou sendo o default:

Já podemos ver que ele criou um artigo para cada idioma, um menu para cada idioma e habilitou as extensões necessárias: plugins e módulo.

Veja os artigos criados

Instalei o módulo barra do governo:

https://github.com/joomlagovbr/barra-do-governo

Setei sua posição para: barra-do-governo

No site do projeto ( https://github.com/joomlagovbr/ ) existe outra extensão a ser instalada, que é a agenda de autoridades.
https://github.com/joomlagovbr/agenda-de-autoridades

E assim se vai instalando todas as extensões que existem no projeto original.
Existem muitos menus e itens de menus, artigos de teste, componentes, etc.

As extensões a serem instaladas depende de cada órgão.
Aqui onde trabalho temos a iCagenda, Phoca Download, eXtplorer, ChronoForms, etc.

Ativar o mod_rewrite
Sistema - Configuração Global
Usar mod_rewrite do Apache - Sim
Salvar

E renomear o arquivo htaccess.txt para .htaccess (encontra-se no raiz do site).

Ativar a exibição dos módulos do tempalte na página do site

Extensões - Temas
Opções - Visualização de Posições de Módulos - Ativado

Então abrir o site assim:
http://localhost/joomlagov_ml/pt/index.php?tp=1

Veja as posições exibidas no site:

Com o recurso acima verificamos sempre que instalar um novo módulo, em qual posição ele deve ficar.

Posicionar módulos no template padrão:

Language Switcher - header-topo-direita

Instalar o quickstart do projeto do template padrão para comparações

Download
https://github.com/joomlagovbr/joomla-3.x
Lembre que o pacote acima já contém o Joomla 3.7.4, o template padrão instalado e muitas outras extensões úteis para órgãos do governo brasileiro.

Instalarei na pasta joomlagov_orig

Uma instalação padrão, inclusive usando o conteúdo de exemplo desenvolvido pela equipe do Joomla Calango, que foi quem criou este template. Mantenha selecionado:

Dados de exemplo do portal padrão
Veja o tutorial com ajustes iniciais para corrigir alguns erros encontrados nesta versão:

http://ribafs.org/portal/joomla-3/extensoes/181-template-padrao-do-governo-ajustes

Template Padrão do Governo - Ajustes

2017-08-21T17:52:25-03:00

Ajustes no Template Padrão do Governo Brasileiro em Joomla

A versão atual usa o Joomla 3.7.4

Download - O pacote abaixo é um quickstart, ou seja, é o Joomla 3.7.4, com template padrão do governo e com várias extensões pré-instaladas.
https://github.com/joomlagovbr/joomla-3.x

Este está instalado no site abaixo – caso queira checar:
http://portalpadrao.joomlacalango.org/

Instalação
- Descompactar no www/html/joomlagov (ou outro em seu servidor)
- Chamar pelo navegador
http://localhost/joomlagov

Instalar normalmente como uma instalação padrão do Joomla, lembrando de instalar os
"Dados de exemplo do portal padrão"

Ajustes Iniciais
http://localhost/joomlagov/administrator

Corrigindo Erros
Ao acessar o administrator pela primeira vez aparece a mensagem:

Erro
Ocorreu um erro.

Vamos corrigir o banco de dados
Extensões - Geranciador de Extensões - Database
Corrigir

Descobrir as extensões
Extensões - Geranciador de Extensões - Discover
Selecionar todas e Instalar

Selecionar todas novamente e clicar em Instalar
Selecionar todas finalmente e clicar em Instalar

Desinstalar o idioma português instalado com falhas

Tornar o inglês o idiomar default
Extensões - Gerenciador de idiomar
Na linha onde tem Inglês clique na estrela para que fique amarela e torne padrão

Clique na combo onde tem Site e mude para Administrator
Na linha onde tem Inglês clique na estrela para que fique amarela e torne padrão

Extensões - Geranciador de Extensões - Manage
Clique na caixa de busca e digite:

port
E tecle enter

Selecione todos que tenham Português e clique em Desinstalar

Instalar o idioma português do Brasil pelo instalador do Joomla

Extensions - Manager - Install
Veja que não aparece o botão para instalar pacotes. Clique no link Plugin Manager

Habilite todos.

Extensions - Manager - Install languages
Não aparece nenhum
.
Então instalaremos manualmente

Download
http://joomlacode.org/gf/project/jtranslation3_x/frs/?action=FrsReleaseBrowse&frs_package_id=6437

Faça o download da versão 3.7.4 e instale.

Extensions - Manager - Install
Upload Package File

Habilite e torne o português do Brasil o odioma padrão.

Agora temos dois idiomas: pt_BR e en_GB.

Criando uma Galeria de Imagens no Joomla

2017-08-07T13:54:44-03:00

Criando uma Galeria de Imagens no Joomla

O Phoca Gallery é um ótimo componente para a criação de galerias de imagens no Joomla. Tem muitos e bons recursos.
Como existem muitos detalhes na criação de galerias com ele então resolvi fazer este pequeno tutorial.

Download
https://www.phoca.cz/download/category/1-phoca-gallery-component
No site acima efetuar o download do componente e da tradução/language para pt-BR, ambos para a versão 3 do Joomla.

Instalar ambos de forma padrão.

Se na instalação do Phoca Gallery aparecer o erro:
Erro
Houve um erro ao carregar este arquivo para o servidor.
Tamanho máximo de envio de arquivo PHP é muito pequeno: isso é definido no php. ini nas configurações upload_max_filesize e post_max_size suas do PHP (localizado nos arquivos php.ini e/ou .htaccess)
Não foi possível encontrar o pacote de instalação

E não souber como proceder, leia o artigo Joomla\Dicas\Aumentando o tamanho dos uploads no php.ini aqui neste site.

Vamos supor que desejamos criar duas galerias de imagens: uma para cada filho e ambas aparecendo no site sob o menu Filhos.

Criação dos diretórios para as imagens
Criar o diretório filhos e dentro dele criar filho1 e filho2, tudo em images\phocagallery

Dica: uma boa indicação para gerenciador de arquivos vai para o eXtplorer:
http://extplorer.net/files
A vantagem é que fazemos tudo confortavelmente no próprio Joomla, sem precisar acessar o cPanel ou o servidor diretamente.
Com ele podemos criar os diretórios, enviar os arquivos por upload e muito, muito mais.

Abra o eXtplorer em Componentes - eXtplorer
Crie um diretório filhos em
images\phocagallery\filhos

Criar dentro de filhos um subdiretório para cada filho:
images\phocagallery\filhos\filho1
images\phocagallery\filhos\filho2

Deve ficar assim:

Upload das fotos
Envie todas as imagens para cada diretório.

Criar as 3 categorias no Phoca Gallery, filhos e dentro dela filho1 e filho1
Filhos
Filho1 - esta categoria é uma categoria filha da Filhos
Filho2 - esta categoria é uma categoria filha da Filhos

Componentes - Phoca Gallery
Categorias - Novo

Título - Filhos
Diretório de álbum - Selecionar diretório - clicar na setinha verde em filhos
Salvar e Fechar

Criar a subcategoria Filho1

Componentes - Phoca Gallery
Categorias - Novo

Título - Filho1
Categoria pai - Filhos
Diretório de álbum - Selecionar diretório - clicar sobre a pasta filhos e então na setinha verde em filho1
Salvar e Fechar

Criar a subcategoria Filho2

Componentes - Phoca Gallery
Categorias - Novo

Título - Filho2
Categoria pai - Filhos
Diretório de álbum - Selecionar diretório - clicar sobre a pasta filhos e então na setinha verde em filho2
Salvar e Fechar

Criar os thumbnails/miniaturas das Fotos para casa subcategoria

Filhos 1

Componentes - Phoca Gallery
Imagens - Multipla adição
Categoria - Filhos - Filho1
À direita clique no link filhos e depois marque o checkbox de filho1
Salvar e Fechar

Filhos 2

Componentes - Phoca Gallery
Imagens - Multipla adição
Categoria - Filhos - Filho2
À direita clique no link filhos e depois marque o checkbox de filho2
Salvar e Fechar

Nossas galerias estão prontas mas nada aparece no site ainda. Para que apareçam precisamos criar um item de menu adequado para as mesmas.

Criarei um menu Filhos que abra as galerias do Phoca Gallery na categoria Filhos

Menus - Main Menu - Adicionar item de menu
Título - Filhos
Tipo de Item de Menu - clicar em Selecionar
Phoca Gallery Modulo de Imagem - Lista de albuns
Salvar e Fechar

Veja o detalhe do botão Selecionar:

Agora veja como ficou no site:

Ao clicar no menu Filhas aparecem ambas as galerias

Ao clicar em filho1 aparece a tela abaixo:

Quando clicar em uma das fotos (foto4) ela aparece ao centro em destaque assim:

Trabalhando as Imagens
Antes de efetuar o download das fotos para o servidor redimensione-as de forma a ter o melhor desempenho, ou seja, deixe-as com a dimensão:

650x460 px.

Uma boa extensão para efetuar medidas de parte da tela é a MeasureIt, que funciona bem no Firefox.
Basta clicar no canto superior esquerdo e arrastar para o inferior direito e anotar as dimensões em pixel.

Customização de módulo do Joomla 3

2017-07-29T21:19:03-03:00

Customização de módulo do Joomla 3

Não tem diferença customizar um módulo nativo e um de terceiros.
Gosto muito de instalar dois módulos nativos do Joomla: novidades e populares. Eles facilitam as próximas navegações do visitante, para que não precise ficar verificando tudo novamente a procura de novidade. Ele vai direto no Novidades e vê no módulo as 5 últimas novidades (número que pode ser alterado). Populares também ajuda um pouco, principalmente para eu ficar sabendo do que mais estão gostando.

Também gosto muito do framework Gantry como template e encontrei um ótimo templae com o Gantry, que foi o LearnMate:
https://joomlead.com/joomla-template/learnmate/

Acontece que o estilo do LearnMate oculta os links destes dois módulos e inviabiliza seu uso.
Quando criei este site eu usei o Learnmate como template e tive que abdicar do novidades e populares.
Depois fiquei refletindo sobre uma forma de os usar. A primeira que encontrei foi editar o código do core do Joomla e mudar a cor de fundo de amos.
Funcionou mas não ficou muito natural. Detalhes abaixo:

modules/modules_articles_latest/tmpl/default.php - novidades

defined('_JEXEC') or die;
?>
<ul style="background-color:#88e898;">


O outro fica em:
modules/modules_articles_popular/tmpl/default.php - populares

Já dava para usar mas não fiquei satisfeito.
Então usando o Inspector do Navegador verifiquei onde ficava o CSS para a cor do link dos dois módulos.
Ele me mostrou. Como de praxe ele mostra o CSS e o arquivo onde o mesmo se encontra. Ao mover o mouse sobre o nome do arquivo ele mostra o path completo.

Ele me mostrou que era no arquivo:
templates/learnmate_free/custom/css_compiled/learnmate_9.css

É um arquivo compilado e de trabalhosa edição e usei uma alternativa cômoda, adicionar o código ao final, pois sobrescreverá o que existe antes.

Ao final adicionei:
a{ color: #000; }

E adicionei um Sufixo de Classe do Módulo

Chamado fundo. Nem existe, mas mesmo assim interfere deixando a região do módulo menor do que estava.

Novidades - Avançado - Sufixo de Classe do Módulo - fundo

Minhas Extensões

2017-06-27T13:25:03-03:00

Minhas Extensões para Joomla 3

Descrevendo algumas das extensões que criei para Joomla 3.

Simple Backup

É uma das primeiras extensões que instalo em meus sites criados com Joomla 2.5 e 3.x.

Ela suporta os idiomas inglês e português.

É bem simples, como o nome sugere. Apenas 3 cliques e você tem uma cópia do site em seu desktop.

Ela tem uma limitação. Se seu site crescer e tiver mais de 5GB geralmente ela deixa de funcionar.

Hospedada do GitHub

https://github.com/ribafs/com_simplebackup

Maior site testado: 1.5GB compactado.
Dica: Caso seu site seja maior, basta alterar o arquivo php do componente, mudando a linha do ini_set de 5060 para um valor que te atenda.

Instalação padrão do Joomla

Clique em Componentes - Backup Simples

Então clique no botão Enviar e aguarde a criação dos dois arquivos, sql do banco e o zip dos arquivos e diretórios.

Prontinho. Agora basta clicar nos dois links e guardar bem guardados os dois arquivos.

A recomendação é efetuar nnovo backup a cada alteração significativa do site, alterações, artigos criados, etc.

Restaurando o Backup do Site

Restore

Pensamento do Dia

Um pequeno módulo com suporte ao Joomla 2.5 e 3.x, que exibe um pensamento aleatório a cada visita.

Ele sorteia um pensamento dentre 200 contidos em um arquivo texto.

Hospedado no GitHub

https://github.com/ribafs/pensamento-do-dia

Percurso - Google

Módulo para Joomla 2.5 e 3 que mostra um mapa do Google e permite que se entre origem e destino e ele traça o percurso entre a origem e destino.

No GitHub

https://github.com/ribafs/percurso-google

Outras extensões em meu site anterior

http://ribafs.16mb.com/index.php/joomla