quinta-feira, 8 de dezembro de 2011

Novos tipos de post

Gente, estou estudando novas tecnologias e entrando em outras áreas de trabalho.

Por causa disso, vocês verão ocasionalmente posts relativos não somente a Joomla, mas também outras áreas.

Espero me organizar o suficiente para manter uma frequência de posts e manter sempre a maioria para Joomla.

Até a próxima.

Como colocar iframes (google maps) no Joomla 1.5!

O editor padrão de textos no Joomla o Tiny MCE não aceita a tag iframe do HTML como configuração inicial do Joomla.

Podemos contornar este problema com apenas alguns cliques.

1. Logue na área administrativa do Joomla
2. Extensões -> administrar plugins
3. No lado direito tem Limpar Código na inicialização <-- marca desativado
4. Limpar código no salvamento <--- marca nunca
5. Em Elementos Extendidos Permitidos <--- adiciona iframe
6. Salva
7. Vai no artigo ou módulo de html personalizado, copia o código inteiro, cola e salva.

domingo, 26 de junho de 2011

5 extensões gratuitas para o Joomla que você deveria ter - Parte 1

Bom gente,

É uma pergunta comum e quem faz curso comigo até recebe um kit de extensões gratuitass úteis para utilizar com Joomla.

Eu vou fazer uma lista básica de 10 itens que você realmente deve ter e seus links para downloads.

1. Backup

Nome: Akeeba Backup
Disponível nas versões: 1.5 e 1.6
Link para Download
O que faz: Este componente é perfeito para as tarefas de backup do seu site. Ele te avisa até quando você precisa de um novo backup. Fácil de usar, faça os backups regularmente e mais importante: FAÇA OS DOWNLOADS DOS BACKUPS QUE FIZER!

2. Calendário de Eventos

Nome: Events List
Disponíveis na versão: 1.5
O que faz: Gerenciamento de eventos com agenda, grupos, cadastro de lugares e uma série de funcionalidades. Há vários módulos e plugins para eles. Alguns gratuitos e outros pagos.

3. Site de Anúncios

Nome: adsmanager
Disponível nas versões: 1.5 e 1.6
O que faz: Cria um site inteiro de anunciantes, campos podem ser formulados de acordo com sua vontade. Há uma série de extensões criadas para o AdsManager, algumas free, outras pagas.

4. Formulários Personalizados

Nome: JForms
Disponível nas versões: 1.5 e 1.6
O que faz: Crie um formulário de e-mail personalizado com o que você precisa, utilizando apenas o arrastar e soltar (Drag n' Drop) do mouse.

5. Mostrar o site em várias linguagens

Nome: JoomFish
O que faz: Possibilita mostrar o site em mais de uma linguagem.
ATENÇÃO: este componente não traduz o site pra você.
Possibilita porém, que você escolha quais linguagens vai existir seu site e te permite traduzir módulos, artigos, bannes, componentes e inclusive fazer configurações diferentes em cada módulo dependendo da linguagem

Eu coloquei uma enquete no meu site jenniferpayne.com.br, a extensão dentre as 5 acima mais votada até o dia (08/07/2011) ganhará um tutorial completo aqui no blog. Eu não tinha dito isto a vocês antes, mas rolou uma outra enquete parecida e o resultado tinha sido "Adaptar templates para Joomla 1.6" e foi minha última postagem. Então galera, votem aí, espalhem a enquete, para que eu faça o tutorial que vocês queiram mais.

Obrigada leitor RSN, que sugeriu uma nova lista, ao invés da que está na minha apostila e aí está. Eu vou colocando listagens como esta de vez em quando no blog e fazendo os tutoriais baseados nos resultados das enquetes.

Até a próxima!

terça-feira, 21 de junho de 2011

Como adaptar um template do Joomla 1.5 na versão 1.6

Para cumprir este tutorial é necessário que você tenha:
1. Um template feito pro Joomla 1.5
2. Uma versão do Joomla 1.6 instalada localmente ou no seu servidor

É necessário que você saiba trabalhar com templates e com o Joomla 1.5

Há 3 maneiras de utilizar um template 1.5 para a versão 1.6

1. Na área administrativa: pega o zip do seu template 1.5 e instala normalmente utilizando o Extension Manager (Extensions -> Extension Manager)

2. Copiar a pasta do template e colar dentro do seu joomla 1.6 na pasta templates.

Neste caso, é necessário também colocar o Joomla para “descobrir” o arquivo, é meio que um refresh dentro de suas extensões para saber se alguém colocou algo novo lá sem ser via instaladores.

Para isso vá em Extensions -> Extension Manager -> Clique na aba “Discover” e clique no botão do topo chamado “Discover”, ele vai acusar seu template. Selecione-o no check Box e clique no botão “Install”.

3. Realmente adaptar o template:

Neste caso, vou pegar o template do meu site e adaptar para Joomla 1.6. Vamos comparar o templateDetails.xml

A primeira coisa que muda é que o XML não começa mais com o
<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">

Agora é:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="1.6" type="template" client="site">

Você não precisa também descrever absolutamente todos os arquivos do template. Você diz apenas os que estão na raiz e descreve os folders.
<files>
<folder>css</folder>
<folder>images</folder>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>favicon.ico</filename>
</files>
<positions>Continua a mesma coisa
<position>Left</position>
<position>Right</position>
<position>Top</position>
<positions>
<params> agora é <config>
E é só! Para vocês compreenderem melhor, vou mostrar a minha estrutura anterior e a atual:

Versão 1.5


Versão 1.6


Confira as diferenças entre as duas versões nas imagens acima. Agora é só zipar a pasta e instalar normalmente em quantos sites com Joomla 1.6 quiser!

quarta-feira, 15 de junho de 2011

Apostila de Joomla 1.5 para iniciantes - grátis sem senha

Pois é galera. Vocês exigiram tanto, que tirei a senha da apostila.

Podem ir em http://www.jenniferpayne.com.br/index.php?option=com_phocadownload&view=file&id=3:apostila-de-joomla-15-para-iniciantes-gratis&Itemid=23

e fazer o download normalmente clicando no botão "download" no fim da página.

Boonex Dolphin 7 - Como mudar o template do site sem quebrar o Orca Forum

Minha primeira experiência com Dolphin está sendo um pouco difícil pois a falta de suporte, documentação pobre e falta de livros sobre o assunto torna as coisas mais árduas. O Dolphin é uma ferramenta complicada quando se trata de personalização.

Passei pelo seguinte: Criando meu layout personalizado, notei que cada vez que escolhia meu layout, Meu Forum parava de funcionar. Quando voltava ao template padrão (Uni) tudo voltava ao normal. Descobri o porquê.

Quando você cria um novo template no Dolphin, você precisa criar um novo layout para o Orca Forum, com o mesmo nome do seu novo template. Vou guiá-los passo-a-passo. Eu presumo que você saiba como criar um template pro Dolphin.


1. Via FTP ou Gerenciado de Arquivos do seu painel de controle, siga este caminho: your_site/modules/boonex/forum/layout e lá, faça uma cópia da pasta chamada Uni e renomeie com o mesmo nome do seu template, meu template é chamado jenniferpayne.

2. Dentro da pasta que renomeou (jenniferpayne) a minha, abra num editor de texto o arquivo chamado params.php .

Lá você verá as seguintes linhas:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'uni/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'uni/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'uni/xsl/'; // xsl url

Renomeie "uni" com o nome do seu template e você terá algo deste tipo:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'jenniferpayne/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'jenniferpayne/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'jenniferpayne/xsl/'; // xsl url

3. Salve o arquivo, envie-o de volta ao servidor e estamos quase prontos.

Ao fazer isto, você notará alguns colchetes [[ ]] em volta de alguns textos, isto acontece porque se você modifica qualquer coisa no forum, como layout ou arquivos de linguagens, este precisa ser recompilado. Mesmo que você não tenha alterado o arquivo de linguagem. vá para o link "Manage Forum", clique em "[[Compile Language]]" ou algo do tipo e está pronto! Agora você pode começar a trabalhar no seu layout.

Para quem percebeu, meu site está fora do ar hoje, mas isso porque a hospedagem anterior não estava aguentando o tráfico de informações geradas por vocês, que fazem vários downloads da minha apostila! Estou mudando para uma beeeeem melhor.

Próximo post sobre Dolphin, ensinarei aos iniciantes como criar seu próprio template e alguns truques para trabalhar com o HTML e CSS padrão gerado pelo Dolphin.

Até a próxima!

Dolphin 7 - how to change template without break Orca Forum /

Hello guys, this is my first time using Boonex Dolphin 7 and my first post talking about it. It's a pain for the newbies. It's kinda hard to figger it out and even harder when it comes to customization. It's just so much to talk about and so poor documentation.

I had the following experience: creating my customised layout, i noticed that everytime i changed it, my Orca Forum stopped working. Back to Uni template, everything went back to normal. Finally discovered why.

When you create a new template at Dolphin, you need to create a new layout for the Orca Forum, with the same name. Let's go through this step-by-step. I assume you do know how to create a template by now.

1. Via FTP or CPanel File Manager, reach out this path: your_site/modules/boonex/forum/layout and there, make a copy the folder named Uni and rename it with your template's name, my template is called jenniferpayne.

2. Inside the folder you named (jenniferpayne) for me, open on a text editor like notepad, eclipse or any other the file called params.php .

There you'll see these lines:


$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'uni/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'uni/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'uni/xsl/'; // xsl url

Replace the "uni" with your templates name and you'll have something like this:

$gConf['dir']['xsl'] = $gConf['dir']['layouts'] . 'jenniferpayne/xsl/'; // xsl dir
$gConf['url']['css'] = $gConf['url']['layouts'] . 'jenniferpayne/css/'; // css url
$gConf['url']['xsl'] = $gConf['url']['layouts'] . 'jenniferpayne/xsl/'; // xsl url

3. save the file, send it back to your server and we're almost done.

When you do this, you'll notice some brackets [[ ]] around some texts, it happens because if you change any file from Orca, layout, Language files, it needs to be recompiled. So, go to Manage Forum link, click at "[[Compile Language]]" or something like this. Click on it and it's done.

This is my first post in English, i'm a web designer teacher, my resume is at www.jenniferpayne.com.br <--- Still translating my site, but basically Joomla, web design Teacher, do also some 3D applications.

You'll find some useful information about Dolphin, Joomla, Wordpress, other CMS's and stuffs related to the web world.

follow me at twitter @JennyPayneDZN

Next time, i'll teach the noobs how to create their own template and some tricks to work with Dolphin CORE Generated HTML and CSS.

That's all.

quinta-feira, 19 de maio de 2011

Apostila de Joomla 1.5 para iniciantes - grátis

Bom gente, como vocês sabem, meus posts nunca são frequentes porque o tempo não deixa, mas este de hoje compensa a espera por novidades. Meu site está sendo atualizado e reformulado e uma das novidades é que você poderá fazer downloads de meus materiais diretamente pelo site. Para comemorar, estou disponibilizando lá uma apostila muito boa criada por mim. É só visitar meu site e fazer o download.

Pensando nas necessidades de um iniciante em Joomla, falo de SEO e outras coisas. Parte deste material foi tirado de livros e tutoriais de Joomla pelo mundo e não tem fins lucrativos. Esta apostila não teria saído sem o incentivo de Jose Berardo, dono da Especializa Treinamentos, que me deu muito apoio para criar meu primeiro curso. Uma outra pessoa muito importante foi Saurabh Bhide, que me deixou utilizar seu material em inglês para iniciantes e que misturei com o meu para dar origem à primeira parte desta apostila.

Referências:

Joomla For Dummies
Joomla Cash!
Joomla.org
Kenplaz

Este material foi criado no intuito apenas de ajudar a comunidade Joomla a crescer e não tem fins comerciais ou lucrativos e não pode ser vendido, mas pode ser distribuído e citado, desde que meu nome seja citado como autora.

Senha: www.jenniferpayne.com.br



Estou criando um livro de Joomla que também será distribuído gratuitamente. Se você gostou do material, siga-me no twitter @jennypayne_SZ, visite meu site, me indique para seus amigos e assine o blog.

Outras novidades do site é a parte de consultoria, pré-orçamento e de Palestras.

Estou disponível para ministrar palestras, workshops, consultorias e cursos diretamente na sua cidade.

Para visitar meu site e baixar esta apostila click no endereço ao lado: Download da apostila de Joomla! 1.5 gratuita

Até a próxima!

terça-feira, 22 de março de 2011

Como Adicionar ou Editar Artigos no Site em Joomla pelo backend em 10 passos

Para iniciantes, este tutorial ensina vocês em 10 passos a criar e editar artigos em Joomla 1.5. É o primeiro material em Joomla criado por Carlos Nepoziano que aprendeu Joomla comigo e hoje em dia é meu funcionário. Eu revisei o material e acho que está perfeito para iniciantes.

Para visualizar o material, clique aqui.

Beijos

quinta-feira, 10 de fevereiro de 2011

Devo migrar para o Joomla 1.6?

De cara, eu digo que a resposta é não. Salvo casos em que você precisa dos recursos de acessibilidade que o Joomla 1.6 fornece padrão no seu site ou precisa do ACL (maior controle que a estrutura atual do Joomla de permissões de usuário) ou ter mais sub-categorias, do que o padrão Seção -> Categoria do Joomla atual. Há diversas razões para isso:

1- Há poucas extensões desenvolvidas até agora, quando pesquisei, aproximadamente 300, contra as mais de 5 mil da versão 1.5

2- O Joomla 1.6 vai ser desenvolvido até o meio do ano e depois será lançado o Joomla 1.7 (descobri isso hoje num grupo de Joomla) e depois, o equivalente ao Joomla 1.8 vai ser lançado em janeiro de 2012, isto é aproximadamente 5 meses depois e será a próxima versão do Joomla com longa duração antes de uma nova versão ser lançada. O Joomla 1.5 terá suporte até abril de 2012, o que quer dizer que o suporte ao Joomla 1.5 durará mais que o 1.6 e 1.7 juntos.

Na resolução das coisas, utilizar o 1.6, só quando não tiver jeito de utilizar o 1.5.

Eu estou trabalhando em um site com Joomla 1.6 como teste e estou adorando. Há muitas extensões legais já desenvolvidas, mas eu senti falta de um componente de vídeo como o hdw, um editor como jce e essas coisas.

Então, eu digo, Joomla 1.6 é legal, mas dê preferência ao 1.5.


sexta-feira, 4 de fevereiro de 2011

Acessibilidade por um Brasil inclusivo

Olá galera,

Hoje eu quero falar um pouco sobre acessibilidade. Acessibilidade é bom até por motivos egoístas, e todos devemos levantar esta bandeira pela razão humanitária ou pela comercial. Vou explicar as duas.

1- Humanitária - É direito de todos os cidadãos o fácil acesso à informações. Com o advento da internet, todos tivemos a oportunidade de aprender mais e com facilidade quase qualquer assunto. Imagina se você fizesse parte da parcela da população que não tem acesso à internet?

Chato, né? Todas as pessoas falando sobre milhares de coisas que você não tem idéia... Agora, imagina você ter acesso à internet, mas ter seu direito à informação violado, negado por grande parte das empresas e desenvolvedores, que como eu ouvi uma vez, numa discursão Flash x HTML, 4 anos atrás, ( sei o que o flash agora tem recursos acessíveis, mas não conheço uma empresa de flash que o faça assim ). Eu ouvi a seguinte frase: "A parcela de cegos é muito pequena e meus clientes também não ligam para eles, por que devo me importar?".

A resposta para esse tipo de gente me lembra um vídeo de no youtube em que a mulher diz: "Ai se fosse o meu...". Eu sei, acredite em mim, que realmente é mais trabalhoso fazer acessível, eu mesma não sou perita nisso ainda, mas estou me esforçando para incorporar cada vez mais recursos acessíveis no meu projeto.

2- Comercial - Essa vai mais para os clientes do que para os desenvolvedores e como a gente só presta atenção nas coisas quando dói no bolso, vamos fazer doer no bolso dos empresários e consequentemente no dos desenvolvedores.

O Google que é o mecânismo de busca mais utilizado no mundo utiliza leitores de tela iguais aos que os deficientes visuais utilizam para fazer a leitura do site. Logo, se você faz um site acessível, você está favorecendo a sua empresa no rank de páginas.

Sites em flash só têm indexado o primeiro arquivo em flash do site, os arquivos swf que ele puxa externo, não. Ou seja, o Google só indexa a primeira área do site. São poucos dispositivos móveis que aceitam arquivos em flash e mesmo os que aceitam, não tem conexão normalmente suficiente para carregar o site. Ou seja, site inteiramente em flash normalmente não é uma boa idéia para quem deseja ter muita visitação. Sim, você poderia ter em flash acessível ou uma versão HTML também. Mas em ambos os casos, isto torna o projeto caro, ou seja, o cliente não aceita.

Um site acessível é também melhor visualizado em dispositivos móveis, ou seja, iPad, smartphones e etc., acreditem em mim quando eu digo, como disse 4 anos atrás, sobre acessibilidade que dispositivos móveis irão substituir grande parte do acesso às páginas da internet. Como desenvolvedora eu digo, é fundamental conhecer tecnologias assistivas assim como trabalhar com HTML 5, CSS 3 e fazer sites acessíveis que se ajustem perfeitamente em qualquer dispositivo. Eu estou estudando estas formas porque sei que o mercado exige hoje em dia, mais formas de fazer dinheiro, porém de forma humana, porque esta forma, inclusiva, quer dizer que atrairá mais consumidores e consumidores é igual a dinheiro.

Infelizmente, o Joomla 1.5 não é totalmente acessível. Mas há como contornar isso fazendo alguns ajustes no template. Visitem http://www.softzonebr.com/corujao , meu primeiro site acessível com Joomla. À partir deste, todos os sites feitos em XHTML, com Joomla ou não, feitos pela minha empresa serão acessíveis. É o mínimo que podemos fazer para contribuir com um mundo melhor.

Se vocês querem saber se seu site é acessível, acessem: http://www.dasilva.org.br/ e digitem o endereço do seu site lá. Detalhe: É necessário testar página por página.

Fazer um site receber o selo de acessibilidade não tão difícil quanto convencer as pessoas que vale a pena levantar essa bandeira. :D