Joomla!1.6 - Beginners Guide PT-BR

7/11/2019 Joomla!1.6 - Beginners Guide PT-BR

http://slidepdf.com/reader/full/joomla16-beginners-guide-pt-br 1/182

Joomla! Beginner's Guide - 1.6 Hagen Graf - cocoate.com - Fevereiro 2011

Tabela de Conteúdos

1. Introdução ............................................................................................8

1.1. O que é o Joomla!?..............................................................................8

1.2. Países.........................................................................................................................................................................10

1.3. QUEM SOU EU?.................................................................. 10

1.4. QUEM É VOCÊ?........................................................................ 11

1.5. Como o nosso ambiente se parece ...........................................12

1.6. O que isso significa para o seu site?.........................................13

1.7. O que é este livro?................................................................. 13

1.8. O que você será capaz de fazer após ler este livro? ...............14

1.9. Dúvidas?........................................................................................14

2. Showcase.............................................................................................15

2.1. Museu Guggenheim Nova York ........................................................................ 15

2.2. O negociante de carros .....................................................................................................16

2.3. Franquia de pizza ............................................................................................................. 16

2.4. Escola de dança ......................................................................................................................17

2.5. Alojamento e café da manhã ................................................................................. 17

2.6. O fotógrafo .................................................................................................................................18

2.7. E?........................................................................................... 18

2.8. Como encontrar páginas Joomla!? ........................................ 18

2.9. Ver o site mais de perto...................................................................................... 19

2.10. Outras ideias? .......................................................................... 21

3. Instalação.........................................................................................22

3.1. Requisitos mínimos de sistema: ............................................ 22

1

Traduzido por: Renato Barbosa Pim Pereira

[email protected]

Joomla! Beginner's Guide - 1.6 Hagen Graf - cocoate.com




3.2. Removendo pedras ........................................................................................................24

3.3. Joomla! Instalador da Web................................................................................ 25

3.4. Dando uma olhada nos dados de exemplo .............................................3

3.5. Como obter um site Joomla! vazio?..................................... 3

4. Estruturas e Termos.................................................................................37

4.1. Frontend............................................................................................................................................................3

4.2. Backend ............................................................................................................................................................3

4.3. Arquivos...................................................................................................................................................................3

4.4. Banco de Dados.............................................................................................................................................3

4.5. Elementos do Joomla! ...........................................................

5. O que é novo no Joomla! 1.6? .............................................................46

5.1. onceito de acesso ..................................................................................... 4

5.2. Sistema de categorias .................................................................................................. 4

5.3. Multi-processamento ............................................................................................................4

5.4. Atualizações através do click do mouse ............................................... 4

5.5. Modelos ....................................................................................................................................................................4

5.6. Multi-linguagem ........................................................................................................................50

5.7. Criação de uma interface de usuário consistente .......................

5.8. Requisitos mínimos.......................................................................................................

5.9. Modo de compatibilidade ................................................................................................

5.10. Otimização para Mecanismos de Busca ............................................

5.11. Módulos................................................................................................................................................................

5.12. Novo editor ........................................................................................................................... 5.13. Componentes..............................................................................................................................5

5.14. Configuração ..............................................................................................................................5

2


[email protected]





5.15. Configurações de Conteúdo ............................................. 5

6. Gerenciando Conteúdo................................................ 54

6.1. Tipos de conteúdo ....................................................................... 5 6.2. Como criar uma página “Sobre nós”............................. 5

6.3. Um artigo típico .......................................................................................

6.4. Estruturar seu conteúdo com categorias ....................... 6

6.5. Lista de todas as categorias .................................................

6.6. O layout Blog (como primeira página) ...............

6.7. Lista de classificação......................................................................

6.8. Gerenciador de Mídia .................................................................... 7 6.9. Formulário de contato ........................................................................ 7

6.10. Status, Lixeira e Checagem ......................................................

7. Configuração de Website e Conteúdo....................... .85

7.1. Configuração Global....................................................................... 85

7.2. Configurações do Site.................................................................... 86

7.3. Configurações do Sistema ......................................................... 87

7.4. Configurações do Servidor ....................................................... 87

7.5. Permissões ................................................................................................ 88

7.6. Opções de conteúdo, componentes, módulos, plugins, idiomas,modelos.................................................................................................................................................................................88

8. Modelos.....................................................................................................90

8.1. Modelos Joomla! .............................................................................................................91

8.2. Posições ............................................................................................................................................................92 8.3. Modelos do núcleo ..................................................................................................................93

9. Navegação ...........................................................................................95

3


[email protected]




Hagen Graf cocoate.com Fevereiro 2011 Joomla! Beginner's Guide - 1.6

9.1. Breadcrumbs ..................................................................................................................................95

9.2. Menus Joomla! ............................................................................................................................96

9.3. Primeiro exemplo: Um catálogo estático ou estrutura de

livro................................................................................................................................................ 96 9.4. Segundo exemplo: Links para categorias (Revista de Notícias)......................................................................................................99

10. Usuários e Permissões......................................................................103

10.1. Cadastro e Login........................................................................................................103

10.2. Grupos de Usuários..........................................................................................................107

10.3. Níveis de Acesso .......................................................................................................108

11. Gerenciador de Extensões.................................................................111

11.1. Gerenciando extensões ...................................................................................... .111

11.2. Atualizando extensões ................................................................................... 112

11.3. Instalando extensões........................................................................................ 112

11.4. Encontrando extensões.................................................................................. 113

11.5. Avisos............................................................................................................................................ 114

12. Extensões do Núcleo ............................................................................115

12.1. Banners..............................................................................................................................................................115

12.2. Contatos............................................................................................................................................................121

12.3. Mensagens .............................................................................................................................................123

12.4. Feed de Notícias .............................................................................................................................123

12.5. Redirecionamentos......................................................................................................................127

12.6. Pesquisa............................................................................................................................................................129

12.7. Weblinks.......................................................................................................................... 131

12.8. Email em massa para usuários .....................................................................132

13. Módulos.......................................................................................... 134

4


[email protected]





13.1. Similaridades de todos os módulos ..................................................134

13.2. Opções Avançadas ...........................................................................................................134

13.3. Módulos do Núcleo .........................................................................................................135

14.Plugins.............................................................................................. 138

14.1. AUTHENTICATION ........................................................................................ 138

14.2. CONTENT ...........................................................................................................................................139

14.3. EDITORS-XTD ..................................................................................................................141

14.4. EDITORS ....................................................................................................................... 142

14.5. EXTENSION .................................................................................................................................... 143

14.6. SEARCH........................................................................................................................................................143 14.7. SYSTEM........................................................................................................................................................144

14.8. USER .................................................................................................................... 147

15. Sites multi-linguagem.......................................................................146

15.1. Pacotes de idiomas ..................................................................................................149

15.2. Plugin filtro de linguagem ................................................................................150

15.3. Módulo de linguagem ..........................................................................................151

15.4. Itens de conteúdo multi-linguegm ...................................................... 151

15.5. Um site multi-linguagem ............................................................................ .152

16. Trabalhando com modelos................................................................155

16.1. Criando seu próprio estilo .................................................................................155

16.2. Customizando modelos existentes............................................................... 156

16.3. Substituições ................................................................................................................ 158

16.4. Substituindo um modelo .............................................................................. 158

16.5. Layouts alternativos.........................................................................................................159

16.6. Angie Radtke sobre seu modelo Beez ..................................................160

5


[email protected]




Hagen Graf cocoate.com Fevereiro 2011 - Joomla! Beginner's Guide - 1.6

16.7. Criando um novo modelo usando o Atomic ..................................164

17. Otimização para Mecanismos de Buscas...................................169

17.1. Indexação .........................................................................................................................169

17.2. Ajude seu robô ............................................................................................... 171

17.3. Minha opinião ................................................................................................ 171

18. Atualizando o Joomla! 1.5 para Joomla! 1.6 ...........................173

18.1. Atualização Automática .............................................................................................173

18.2. Minha experiência e alguns links ......................................................... 175

19. Recursos ........................................................................................ 177

19.1. Comunidade.........................................................................................................................................177

19.2. Documentação.................................................................................................................................. 177

19.3. Lista de segurança ............................................................................................. 177

19.4. Extensões Joomla!....................................................................................................177

19.5. Modelos Joomla! .................................................................................................... 178

19.6. Eventos ............................................................................................................................. 178

19.7. O uturo.......................................................................................................................... 178 19.8. Treinamento........................................................................................................................................178

19.9. Apoio Comercial................................................................................................................178

19.10. Hospedagem...................................................................................................................................178

19.11. Certificados .......................................................................................................................................179

6


[email protected]





Meus conhecimentos de Inglês são terríveis, então minha filha propôs:

Escreva a versão em Inglês primeiro, mesmo que seja terrível e, em seguida,traduza para o Alemão.

Isso é o que eu fiz e de repente eu precisava de alguém para revisar todas as minhas misturasde Inglês. Eu encontrei algumas pessoas ao escrever e agora eu quero dar-lhes um grande egordo obrigado por suas ajuda:

Christine Graf motivou Hagen, fez café, macarrão, salada,organizou vinho, abriu a janela para o ar fresco e traduziu algunscapítulos. Além de tudo isso, ela “corre” no cocoate.com e cria egere projetos europeus de educação para adultos.http://twitter.com/christinegraf

Dianne Henning é um americano em Paris desde 1992 e tematuado fundo em impressão e design gráfico baseado na Web. Elaé muito ativa, com a comunidade Joomla! e voluntária como

membro do Team Lead Editorial com a comunidade Joomla!Magazine. Dianne gosta de fotografia, tipografia, música,amostragem, vinho fino francês e queijos. http://twitter.com/qbparis

Nadine Loeffler é correspondente experiente da língua estrangeira para o idioma Inglês. Ela residiu e trabalhou nos EUA há quase dezanos, onde ela se formou na faculdade com seu segundo grau naEducação Infantil. Ela trabalha como tradutora e também tem maisde dez anos de experiência de ensino combinado de Inglês paraalunos dos EUA, bem como Inglês como língua estrangeira para osalunos, na Alemanha. Além disso, ela é uma mentora bemsucedida do Brevard Community College em Cocoa, na Flórida.http://twitter.com/nadine_loeffler

Thilo Petry é um experiente especialista em TI com 15 anos deexperiência profissional. Ele é consultor sênior em testes de software eestá muito familiarizado com sistemas de gerenciamento de conteúdocomo Joomla! e WordPress, e tem trabalhado com Joomla! há muitosanos. Ele desenvolveu websites para aviação geral e de empresasindustriais, bem como outros muitos de seus clientes. Ele também éum treinador experiente em ferramentas de TI e sistemasrelacionados. http://twitter.com/dynamicflight

Isabell Schulz é aquela para o qual a citação acima pertence,e ajudou a traduzir e corrigir alguns dos capítulos, além deenviar um abraço ocasional motivacional. Atualmente, ela

trabalha na Suécia e está envolvido na comunidade Drupal.http://twitter.com/murgeys

7


[email protected]


http://cocoate.com/

http://twitter.com/christinegraf


http://twitter.com/qbparis

http://twitter.com/nadine_loeffler

http://twitter.com/dynamicflight

http://twitter.com/murgeys

http://twitter.com/murgeys

http://twitter.com/dynamicflight

http://twitter.com/nadine_loeffler

http://twitter.com/qbparis


http://cocoate.com/



1.Introdução


1.Introdução

1.1. O que é o Joomla!?

Joomla! é um sistema gratuito para criação de websites. É um projeto open source,que, como a maioria dos projetos de código aberto, está em constante movimento.É imprevisível, por vezes, indescritível, parcialmente controverso, muitas vezesmuito sexy, às vezes um pouco sonolento e provincial. Não obstante, ou talvez por causa desses motivos, tem sido extremamente bem sucedido há cinco anos e popular, com milhões de usuários no mundo inteiro.

A palavraJoomla! é um derivado da palavra Jumla da língua suaíli e significa "todos juntos".O Projeto Joomla! é o resultado de uma discussão acalorada entre a FundaçãoMambo, que foi fundada em agosto de 2005, e sua equipe, então, para odesenvolvimento. Joomla! é um desenvolvimento do bem-sucedido sistema deMambo. Joomla! é utilizado em todo o mundo para homepages simples ecomplexas para sites corporativos também. É fácil de instalar, fácil de gerenciar emuito fiável.A equipe Joomla! organizou e reorganizou-se ao longo dos cinco últimos anos.

De 2005 a 2009, o Joomla! 1.0 foi desenvolvido até a versão 1.0.15 e o

desenvolvimento ocorreu oficialmente em setembro de 2009. De 2005 até agora, Joomla! 1.5 ainda está sendo desenvolvido, foi

introduzido como uma versão estável em janeiro de 2008, e desenvolvido para a versão 1.5.22.

De 2008 até agora, o Joomla 1.6 ainda está sendo desenvolvido. A versãoestável está disponível desde janeiro de 2011.

Os usuários do sistema Joomla! permaneceram fiéis. Muitos transferiram seu site a partir do Mambo Joomla! e tenho aprendido muito ao longo dos anos. Muitosusuários também foram adicionados nos últimos anos, e ainda há pessoas nomundo que não conhecem o sistema. Joomla!, Juntamente com o Drupal eWordpress, é a mais usada fonte aberta de sistema de gerenciamento de conteúdo

web no mundo. Na Figura 1, Joomla! e Wordpress estão no mesmo nível de acordo com atendência do volume de pesquisas do Google. Joomla! e Wordpress são pesquisados três vezes mais do que Drupal. No entanto, o volume de pesquisa temdiminuido desde o final de 2010.

8


[email protected]




1.Introdução


Figura 1: Google Trend 2011/01/04 No mundo inteiro, Drupal, Joomla e Wordpress!

Era o momento para o Joomla! liberar uma versão 1.6 estável. A situação na Alemanha édiferente (Figura 2). Joomla! tem quase o dobro do tamanho de um volume de pesquisa como

o Wordpress e o Wordpress quase quatro vezes mais que o Drupal.

Figura 2: Google Trend 2011/01/04 Alemanha - Joomla, Drupal, Wordpress

9


[email protected]




1.Introdução


Aqui estão algumas estatísticas do Google Trend (Tabela 1):

1.2. País Drupal Joomla! Wordpress

Alemanha 1,00 6,80 3,80

França 1,00 6,40 3,50

Reino Unido 1,00 2,60 3,30

Itália 1,00 6,50 3,50

Espanha 1,00 3,90 3,60

Suíça 1,00 9,20 3,10

EUA 1,00 1,60 3,00

China 1,00 1,40 4,60

Tabela Google trend - Joomla, Drupal, Wordpress!

Há importantes diferenças nacionais na utilização de sistemas de gerenciamento deconteúdo. Na Alemanha, por exemplo, TYPO3 também desempenha um forte papel.O volume de pesquisa é comparável ao Joomla!. Nos EUA, a proporção Joomla! -TYPO3 é de 1,0 a 0,01, o que indica um impacto mais ou menos não mensurável.

Em fevereiro de 2011, 2,7% de toda a teia é alimentada por Joomla!

A gama de sites Joomla! vai de homepages muito simples até aplicativos denegócios complexos e projetos baseados no Joomla!. O que torna o Joomla! tão

bem-sucedido é a forma que você pode usá-lo, eu vou descrever neste livro.

1.3. Quem sou eu?Meu nome é Hagen Graf, eu tenho 46 anos, e moro em Fitou [1], na França. Soucasado com a mulher dos meus sonhos e tenho quatro filhas. Meu trabalhoconsiste em diversas atividades tais como ensino, aconselhamento, músicas,ensaios, programação, estruturas de conhecimento, desenvolvimento de novasaplicações, questionando e sempre tentando algo novo. Na verdade, meu trabalho pode ser feito totalmente online, mas às vezes os clientes podem ter reservassobre projetos totalmente on-line, é por isso que eu estou na estrada há muito

tempo. Estar na estrada significa atender clientes em diferentes países, comlínguas e culturas diferentes, muito carro, ônibus ou passeios de trem, bem comotempos de resposta muito curto para pedidos de clientes por e-mail, mensagens noFacebook e tweets. Esta forma de trabalho tem implicações para o que eucostumava chamar de

10


[email protected]




1.Introdução


"O Escritório”. Eu preciso ser capaz de ter acesso a partir de qualquer lugar do mundo para meus e-mails, fotos, vídeos, tweets, e documentos. Meu escritório está localizadoonde eu estou.

1.4. Quem é você?Claro, eu não sei exatamente o que você faz, mas muitas pessoas a quem eu tenhocontato trabalham de uma forma semelhante a minha. Trabalhadores das grandesempresas, no entanto, muitas vezes não podem trabalhar da forma mais flexível, por várias razões. Sua própria experiência com computadores é provavelmente semelhanteà minha. Muitos de nós começamos com um PC mais antigo e um sistema de janelasna escola ou em casa, e depois tenho que saber a partir da experiência com a durarealidade de aplicativos de escritório, perda de dados, a falta de memória, disco rígido,e as aventuras de configuração da impressora. As relações entre essas maravilhosascoisas foram alteradas com o usuário-centrado na forma de trabalho da Web 2.0 e ouso de telefones inteligentes, mas isso não significa necessariamente torná-lo maisfácil.Se você não gosta de brincar por paixão pela noite com seu sistema operacional ou por telefone e classificar suas fotos, músicas e movê-los todos a partir de um dispositivo paraoutro, então provavelmente você está como eu - feliz quando seus dispositivos eaplicativos estão funcionando, quando você pode acessar seus dados na internet e tudoestá funcionando perfeitamente. Se você trabalha em um escritório em casa, um bomambiente de trabalho torna-se particularmente importante. Mal funcionamento de softwaree hardware pode rapidamente transformar sua situação em um pesadelo.

Faço uma distinção entre os seguintes tipos de usuários:

Visitantes:Eles visitam um site e eles não se importam muito sobre o sistema que

utilizou para criar o site. Usuários:Eles usam o site. Eles criam o conteúdo através de procedimentos pré-definidos.

Web Designers: Eles instalam um site Joomla! em um servidor, criamcategorias, conteúdo, links e módulos de menu, configuram modelos e linguagens,são multifuncionais e geralmente têm a responsabilidade exclusiva do site.

Designers CSS:Eles geralmente gostam de trabalhar exclusivamente comarquivos que possuem a extensão .Css.

Designers HTML: Eles dão aos Designers CSS a base que eles precisam para seutrabalho. No Joomla!, eles criam o modelo básico.

Desenvolvedores:Eles conhecem as linguagens de programação PHP e Javascript

e como utilizá-las. Eles melhoram o núcleo Joomla! com funções adicionais. Arquitetos: Eles pensam sobre a velocidade, segurança e qualidade de código.

O web designer tem um papel especial nesta lista. Ele normalmente tem de cobrir todas as outras funções, o que constitui um verdadeiro desafio. Como estouescrevendo este livro, muitas vezes eu me pego pensando sobre o design do site.

11


[email protected]




1.Introdução


1.5.Como o nosso ambiente se parece?Paralelo ao processo de trabalho descrito acima, o software foi desenvolvido parasuportar exatamente essa maneira de trabalhar. aplicativos baseados em navegador como e-mail, serviços bancários on-line, calendário de grupo, sistemas degerenciamento de documentos, comunidades, serviços de namoro, leilões on-line

e, claro, plataformas Web 2.0 de rede estão se tornando mais práticas, sofisticadase de fácil utilização.Web 2.0 [2] é ainda uma palavra de zumbido. Seu potencial não foi completamenteesgotado, e só começou a mudar o mercado de jornais e livros. Eu suspeito que aindústria de automóvel alemã será a próxima a pular no trem. Tesla Motors [3] e Local Motors [4] nasceram na Internet. Tesla focada em iniciar-se enquanto culturalocal e Motors focada em Open Source e Crowd Sourcing [5]. A palavra 'start-up' nãoexiste na Wikipedia alemã (a partir de 2011/01/04), mas há uma nota em um artigosobre criação de uma empresa [5].

Os dados dos serviços já estabelecidos, como o YouTube (vídeos), Flickr (fotos),Twitter (tweets) é processado como matéria-prima. O ano de 2011 é também o ano de

serviços baseados em localização (LBS). Onde estava a minha foto tirada? Ondeestava o vídeo gravado?, Onde eu twittei e onde estou eu no momento? E quem maisalém de mim está neste lugar?

O que é especialmente interessante sobre o uso de comunidades on-line e aarticulação de todas estas redes online é uma "camada virtual" ou "gráfico social"que surge sobre a minha vida, que pode ser utilizado por outros. O uso comercialdeste gráfico social está sendo muito debatido.

Voltando para o Joomla!

A maioria dos serviços descritos acima pode interagir através de interfaces (interfaces de programação, APIs) e pode ser integrado em seu próprio site. Para empresas como o

Twitter, os pedidos de utilização de APIs, desempenham um papel muito maior do que osite em si.

Convergem telefones móveis com outros dispositivos móveis para telefonesinteligentes. Desde o lançamento do iPhone e do IPAD, estes dispositivos foramseriamente observados e tiveram um efeito duradouro sobre o telefone e mercado dascomunicações. Hoje, usando seu telefone inteligente, você pode acessar páginas daweb, preencher e enviar formulários, enviar e receber e-mails, tirar e enviar fotos, bemcomo vídeos, ouvir música, o check-in em um local de sua escolha e ver quais dosseus amigos já estão lá e muito mais.

Seu site também deve ser legível em um telefone inteligente!

O PC fixo está ficando menor, os laptops estão se tornando mais eficiente,enquanto netbooks estão se tornando mais baratos e mais comuns. Novosdesenvolvimentos são predominantemente focados em tecnologias de conexãosem fio, a miniaturização dos componentes, armazenamento de dados sem partesmóveis, bem como a duração da bateria e desempenho.

12


[email protected]




1.Introdução


Tudo vai de telemóvel!

1.6. O que isso significa para o seu site?

No mundo que acabei de descrever, uma empresa, uma instituição, um clube, umaorganização, sim, provavelmente todos precisarão de uma presença na web que éamigável e flexível. Uma presença que cresce com o tempo, pode ser facilmentealterada através de um navegador da Web, e que substitui seu armário de arquivos ecatálogos de endereços, uma presença que pode se comunicar com os diferentesdispositivos e pode ser estendido facilmente.

Eu presumo que o seu site já está no ar e possui um local onde você explica o quevocê faz ou o que sua empresa faz. Este é o seu lugar onde você mantém suasrelações com consumidores 24 horas por dia, sete dias por semana.Seu site, provavelmente contém uma coleção de aplicativos e dados resumindo suasatividades. Seu site também deve conter interfaces para permitir que outros

aplicativos possam usá-lo.Até recentemente, a criação de um site era uma coisa difícil de fazer. Enquantoisso você não tem que ser um especialista de renome, uma combinação de perseverança e diversão com o que você está fazendo foram necessários para produzir resultados atraentes. Você tinha de criar páginas estáticas em HTML emum editor de HTML e, em seguida enviá-las através do protocolo de transferênciade arquivos para um servidor. Para criar interatividade ainda que simples comoum formulário de contato ou um fórum, você tinha que aprender uma linguagemde programação.É mais do que compreensível que muitas pessoas não tomam este sofrimento parasi e entregam a criação de um site para uma agência web ou sequer iniciam o

projeto em primeiro lugar.Graças ao Facebook e kits como o Google Sites, criação de páginas web simplestornou-se relativamente fácil, mas se você quiser algo individual, você deve sefamiliarizar com um sistema de gerenciamento de conteúdo.

Joomla! oferece tudo que você precisa para criar seu site, individual.

1.7. O que é este livro?Primeiro de tudo, é sobre o Joomla! e como usar. Joomla! é uma ferramenta commuitas possibilidades e você pode usar o sistema em uma enorme variedade deconfigurações, dependendo de suas ideias e desejos. A fim de permitir um acesso

confortável, eu tenho o livro estruturado da seguinte forma:1. Esta introdução2. Showcase3. Instalação

13


[email protected]




1.Introdução


4. Estruturas e Termos5. O que há de novo no Joomla! 1.6?6. Gestão de Conteúdos7. Website e Configuração de Conteúdo8. Modelos9. Navegação10. Usuários e Permissões11. Gestão de Extensões12. Extensões do núcleo13. Módulos14. Plug-Ins15. Sites multi-linguagem16. Trabalhando com modelos17. Search Engine Optimization18. Atualização do Joomla! 1.5 para Joomla! 1.619. Recursos

1.8. O que você vai ser capaz de fazer depois de ler este livro?Embora você seja um novato, você será capaz de gerir o seu próprio site Joomla!através de um navegador web. Se você está de alguma forma familiarizado comHTML, CSS e edição de imagem, você será capaz de personalizar um modelo para oseu site.

1.9. Dúvidas?

Não hesite! Claro, não posso fornecer suporte técnico. Os fóruns Joomla! fornecemuma riqueza de conhecimento e você vai definitivamente achar respostas para suas perguntas lá. Se você tiver comentários ou perguntas sobre o livro, no entanto, nãohesite em deixá-los.

Links:[1] http://goo.gl/maps/3dU6 [2] http://en.wikipedia.org/wiki/Web_2.0 [3] http://www.teslamotors.com/ [4] http://www.local-motors.com/ [5] http://en.wikipedia.org/wiki/Crowd_sourcing [6] http://de.wikipedia.org/wiki/Unternehmensgr% C3% BCndung

14


[email protected]


http://goo.gl/maps/3dU6

http://en.wikipedia.org/wiki/Web_2.0

http://www.teslamotors.com/

http://www.local-motors.com/

http://en.wikipedia.org/wiki/Crowd_sourcing

http://de.wikipedia.org/wiki/Unternehmensgr%C3%BCndung

http://de.wikipedia.org/wiki/Unternehmensgr%C3%BCndung

http://en.wikipedia.org/wiki/Crowd_sourcing

http://www.local-motors.com/

http://www.teslamotors.com/

http://en.wikipedia.org/wiki/Web_2.0

http://goo.gl/maps/3dU6



2.Showcase


2.Showcase

O que é que os sites aparentam quando eles foram criados com o Joomla?

Esta questão não pode ser respondida facilmente como a maioria dos sites são baseados no Joomla!, mas o design do site é criado por uma agência e, em seguida,"transformado" em um modelo Joomla!. Portanto, o exterior de um site pode ser enganador. No entanto, aqui estão alguns screenshots para te dar uma idéia.

2.1. Museu Guggenheim Nova York

Website [1] Descrição [2], Criador [3]

15


[email protected]




2.Showcase


2.2. O vendedor de carros


2.3. Franquia de Pizza


16


[email protected]




2.Showcase


2.4. Escola de Dança


2.5. Alojamento e café da manhã

Website [13] Descrição [14] Criador [15]

17


[email protected]




2.Showcase


2.6. O fotógrafo

Website [16] Descrição [17] Criador: Jungwirth Roland

2.7. E?Estes sites são supostamente para olhar. :-)Se eu não tivesse dito que eles foram criados com o Joomla, você provavelmentenão teria percebido conscientemente.

2.8. Como encontrar páginas Joomla!?

Vou mostrar algumas maneiras de encontrar sites feitos com o Joomla!.

joomla.org Basta dar uma olhada no site do projeto! Eu encontrei os sites apresentados acima, no Joomla! Showcase [18]. Você vai encontrar 2.000 sites classificados por categoria.Existe um site do mês, um resumo com os sites de topo, e muito mais.

18


[email protected]


http://joomla.org/

http://joomla.org/



2.Showcase


Figura 7: Joomla! Showcase

GoogleVocê pode pesquisar o termo com_content [19]. O componente de "conteúdo" usaeste termo na URL da página. Atualmente, esse tipo de pesquisa não é realmenteeficaz devido a URLs otimizadas para motores de busca, mas o resultado ainda éimpressionante.

2.9. Ver o site mais de pertoSe você está em um site e quer saber se ele foi criado com o Joomla!, Dê umaolhada no código fonte. Na seção de cabeçalho, você deve encontrar esta linha:

<Meta name = "generator" content = "Joomla! - OpenSource Content Management "/>

19


[email protected]




2.Showcase


Você também pode digitar a URL do link para a área de administração:

http://example.com/administrator

Veja o exemplo do Guggenheim: [20]

Figura 8: Administração do Museu Guggenheim

Vá em frente e peça ajuda a seus amigos

I tweeted [21]

[En] Procuro Sites (empresas, ONGs, comunidade, casa) construída comJoomla, Wordpress ou Drupal, por favor, RT + url post #zero2hero

e prontamente recebeu as respostas:

1. @ Codingfish hagengraf http://www.italobikes.com#Comunidade#zero2hero # joomla

2. @ Tederion ups hagengraf, Joomla-Sites ONG: http://is.gd/dOETL http://is.gd/dOEXO Negócio: http://is.gd/dOF1y

20


[email protected]



http://www.italobikes.com/

http://is.gd/dOETL

http://is.gd/dOEXO

http://is.gd/dOF1y

http://is.gd/dOF1y

http://is.gd/dOEXO

http://is.gd/dOETL

http://www.italobikes.com/




2.Showcase


2.10. Outras ideias?Você conhece outras maneiras de detectar sites Joomla!? Sinta-se livre paradeixar comentários [22].

Links:[1] http://www.guggenheim.org/ [2] http://community.joomla.org/showcase/component/mtree/arts/museums/the-

Guggenheim-museum.html [3] http://www.pentagram.com [4] http://www.roadstershop.com/ [5]

http://community.joomla.org/showcase/component/mtree/business/automotive/roadster-shop.html [6] http://www.papertower.com/ [7] http://marcos.com/ [8] http://community.joomla.org/showcase/sites/business/food-and-

bebidas / Marcos-pizza.html [9] http://zunostudios.com/

[10]

http://www.compagnieantares.com/ [11] http://community.joomla.org/showcase/sites/arts/dance/compagnie-antares.html [12] http://www.kinesphere.fr/ [13] http://www.lamaisondelucy.com/ [14] http://community.joomla.org/showcase/sites/business/food-and-

bebidas / Marcos-pizza.html [15] http://www.magnoliawebgroup.com/ [16] http://www.mb-photography.com/ [17] http://community.joomla.org/showcase/component/mtree/arts/photography/me

lindaborbely.html [18] http://community.joomla.org/showcase/ [19] http://www.google.de/search?q=com_content

[20] http://www.guggenheim.org/administrator/ [21] http://twitter.com/hagengraf/status/19554973733 [22] http://cocoate.com/node/2163

21


[email protected]


http://www.guggenheim.org/

http://community.joomla.org/showcase/component/mtree/arts/museums/the-guggenheim-museum.html



http://www.pentagram.com/

http://www.roadstershop.com/

http://community.joomla.org/showcase/component/mtree/business/automotive/roadster-shop.html


http://www.papertower.com/

http://marcos.com/

http://community.joomla.org/showcase/sites/business/food-and-beverage/marcos-pizza.html



http://zunostudios.com/

http://www.compagnieantares.com/


http://community.joomla.org/showcase/sites/arts/dance/compagnie-antares.html


http://www.kinesphere.fr/


http://www.lamaisondelucy.com/





http://www.magnoliawebgroup.com/


http://www.mb-photography.com/


http://community.joomla.org/showcase/component/mtree/arts/photography/melinda%1Fborbely.html



http://community.joomla.org/showcase/


http://www.google.de/search?q=com_content


http://www.guggenheim.org/administrator/


http://twitter.com/hagengraf/status/19554973733


http://cocoate.com/node/2163

















http://zunostudios.com/



http://marcos.com/

http://www.papertower.com/



http://www.roadstershop.com/

http://www.pentagram.com/



http://www.guggenheim.org/



3.Certifique


3. CertifiqueGraças à instalação da web, o Joomla! pode ser instalado em apenas alguns minutos.Para instalar o Joomla! em seu PC local, é necessário configurar o servidor, para oqual você precisa de um browser que consiste no suporte, um servidor web, umambiente PHP assim como o Joomla! e o sistema de suporte ao banco de dados.Chamamos a isso LAMP [1] (ou XAMP) e um sistema cliente-servidor. Osarquivos Joomla! serão copiados para este sistema e configurado com o instalador web Joomla!.

3.1. Requisitos mínimos de sistema: Um servidor web instalado e funcionando, como o Apache ou Microsoft

IIS.

A linguagem PHP, versão 5.2.4. Suporte para PHP e MySQL. Zlib deveser compilado em PHP. Zlib é uma biblioteca que permite o PHP ler pacotes de arquivos que são compactados com a técnica baseada em ZIP.

O sistema de banco de dados MySQL versão 3.23.x ou superior.

Variantes de instalação

Você precisa de todos os elementos citados acima, para instalar o sistema Joomla! por si mesmo. PC, navegador e conexão com a Internet geralmente estãodisponíveis. Há uma série de opções para o servidor web, o interpretador do PHPe banco de dados.

Você pode:

Configurar o sistema localmente em seu PC

Configurar o sistema em um servidor na Intranet da empresa

Alugar um servidor virtual de um provedor

Alugar ou comprar um servidor de um provedor (com acesso root)

Você também pode, é claro, usar diferentes:

Tipos de servidores web

Versões de compilador PHP Versões do banco de dados MySQL

E em cima disso, você pode instalar e operar todos estes componentes em váriossistemas operacionais.

22


[email protected]




3.Certifique


Essa liberdade na escolha dos recursos às vezes pode confundir um leigo.Portanto, vamos discutir alguns cenários típicos.

O ambiente de teste local

No cenário em que você está em casa ou em seu escritório e quer criar um site Joomla!,então você pode usar qualquer um dos seguintes sistemas operacionais.

Sistema Operacional WindowsPara um sistema operacional Windows, você pode usar um dos dois servidores web:IIS ou Apache.

Você pega um pacote pré-configurado (XAMPP), descompacta em seucomputador, e tudo que você precisa estará lá (http://apachefriends.org

).

Sistema Operacional LinuxAqui, depende da versão da distribuição que você tem. Todas as distribuições permitem a instalação simples (com um clique do mouse) dos pacotes do Apache,PHP e MySQL. Às vezes, dependendo da distribuição, pode já estar pré-instalado.Então você pode usar os programas contidos na distribuição ou de um pacote pré-configurado (XAMPP), extraí-lo em seu computador e tudo que você precisaestará lá (http://abcom/myscoopsitepachefriends.org

).

Sistema Operacional Mac OS X No sistema operacional Mac OS X, você tem um servidor web padrão (Apache)em seu sistema que você tem que ativar, mas infelizmente não o PHP e o MySQL.

Então você pode usar o servidor web Apache instalado e instalar o software emfalta ou o “pré-XAMPP” para Mac OS X. Outro pacote completo com o nome deMAMP também é muito popular com o ambiente Mac OS X(http://www.mamp.info

).

Hospedagem

Você tem várias opções aqui também.

23


[email protected]


http://apachefriends.org/


http://www.mamp.info/

http://www.mamp.info/





3.Certifique


Servidor Virtual AlugadoVocê aluga um pacote de espaço na web com banco de dados, suporte PHP, emuitas vezes também o nome de domínio de um provedor. Neste caso, você temum ambiente funcional e você pode instalar o Joomla! nele. Consulte seu provedor

sobre as escolhas de versão (PHP, MySQL). Às vezes, os fornecedores oferecemJoomla! pré-instalado com vários modelos. Se for assim, tudo que você tem defazer é ativar Joomla! com um clique do mouse e está pronto para você.

Seu Próprio ServidorVocê aluga um servidor de um provedor e instala o sistema operacional de suaescolha. Você é o administrador do sistema e você pode trabalhar nele, como noseu PC em casa.

Antes de se aventurar no deserto da Internet, primeiro você deve praticar em seucomputador local. Isto tem a vantagem de que não há taxas de conexão, é muito

rápido, e você pode praticar em um ritmo calmo.Você pode até ter uma pequena rede local em casa, onde você pode instalar o Joomla!em um computador e acessar de outro.

Lembre-se que provavelmente existem versões mais atuais sobre o projeto naInternet.

3.2. Removendo pedrasEste tema é muito complexo porque há um grande número de fornecedores e umnúmero ainda maior de servidores web, versões do PHP, MySQL e ferramentas web

de gestão de conteúdo. Pontos cruciais durante a instalação, muitas vezes consistemem:

PHP Safe Mode ativado, impedindo o upload de arquivos, Reescrever caminhos com o servidor web Apache, porque o chamado Apache Rewrite

Engine (mod_rewrite) não é ativado. As permissões do diretório no Linux e OSX, são definidas de forma diferente do

Windows.

Basicamente, a maneira mais fácil que quase sempre funciona, é a seguinte:

Baixe o pacote de arquivos atual no joomla.orgpara o seu PC em casa e descompactetudo em um diretório temporário.

Coloque os arquivos descompactados via FTP para o servidor alugado ou para odiretório da sua instalação local. Os arquivos devem ser instalados no diretório público. Esses diretórios são chamados geralmente htdocs public_html, ou html.Se já existem outras instalações no mesmo diretório, você pode especificar umsub-diretório em que os arquivos Joomla! devem ser instalados.

24


[email protected]


http://joomla.org/

http://joomla.org/



3.Certifique


Muitos provedores de hospedagem permitem que você use seu nomede domínio para um diretório.

•Você tem que descobrir o nome do seu banco de dados. Na maioria doscasos, um ou mais bancos de dados estão incluídos no seu pacote dehospedagem web. Às vezes, os nomes do usuário do banco e a senha já são dados, às vezes você tem que configurá-los primeiro. Normalmente você pode fazer isso em uma interface de configuração baseada em navegador. Você terá acesso as informações do banco dedados para o instalador web Joomla!.

3.3. Joomla! Instalador da Web Faça o download do Joomla! 1.6 em joomla.org e descompacte os arquivos para a pasta raiz do servidor web (por exemplo: / htdocs). A partir de agora, tudo serámuito rápido, porque o instalador web está trabalhando para você. Ir para URLhttp://localhost/.

Passo 1 - Escolher idiomaO instalador web aparece com uma seleção de idiomas. Escolher o idioma é o primeiro dos sete passos da instalação. Defina o idioma desejado e clique no botãoAvançar ( Figura 1).

Figura 1: Instalador - Selecione o idioma [5]

Passo 2 – Verificação de pré-instalaçãoA verificação de pré- instalação ( Figura 2) Deve ajudá-lo a verificar se seu ambientede servidor é adequado para a instalação do Joomla! ou não.

25


[email protected]


http://joomla.org/

http://localhost/

http://localhost/

http://joomla.org/



3.Certifique


Figura 2: Instalador - verificar a instalação

É um bom sinal, se você ver os resultados dos testes majoritariamente verdes.Dependendo da configuração, pode haver diferenças. O instalador Joomla!considera as definições de configuração do servidor web (no nosso caso o IIS),PHP e do sistema operacional. Ao usar sistemas Unix (Linux, Mac OS X), vocêtem que prestar atenção nas permissões de arquivos [1]. Isto é particularmenteimportante para o arquivo configuration.php. Este arquivo será gerado no final dainstalação com seus valores pessoais. Se o instalador não puder escrever na pasta, nãoserá possível criar o arquivo e a instalação falhará. Neste caso, tente configurar osdireitos e, em seguida, clique no botão Verificar Novamente. Em seguida, clique no botão Próximo e você irá chegar à etapa Licença.

Passo 3 - Licença

Cada produto de software é licenciado de alguma forma. Joomla! é licenciado deacordo com a GNU General Public License, versão 2.0 ( Figura 3).

26


[email protected]




3.Certifique


Figura 3: Instalador – Licença [8]

27


[email protected]




3.Certifique


Passo 4 – Configuração do Banco de Dados Na quarta etapa Configuração do Banco de Dados, os parâmetros do banco dedados serão solicitados ( Figura 4). Você pode criar qualquer número de bancos dedados em seu ambiente de servidor local. Você tem um usuário de MySQL com o

nome root . O usuário root é o administrador de MySQL e pode, portanto, fazer tudo em seu MySQL. A senha depende do seu ambiente de servidor (a senha não énecessária com o XAMPP, com MAMP a senha é root).

Figura 4: Instalador - Configuração de Banco de Dados

Insira os seguintes valores em seu local de instalação:

Nome do servidor: localhost Nome de Usuário: root Senha: [ só você sabe]

Agora selecione o nome do banco. Em um ambiente produtivo em um servidor de banco de dados com um provedor, você provavelmente tem um contingente fixode bases de dados e as credenciais do banco de dados são pré-definidas. Se vocêtiver permissão de root em seu servidor MySQL, você pode inserir um nome de

um novo banco de dados Joomla! e em seguida, criar esse banco de dados.Você pode escolher se as tabelas de qualquer instalação deste banco de dadosdevem ser limpas ou guardadas e marcada com prefixo.

O prefixo de tabelas é realmente prático. Na frente de cada nome de tabela gerada pelo instalador web, ele escreve o texto que você digitou no campo apropriado.

28


[email protected]




3.Certifique


Como padrão, o instalador web sugere jos_ . Isso tem uma razão simples. Às vezes,você só pode ser capaz de obter um banco de dados MySQL a partir de seu provedor. Se você quiser executar dois ou mais sites Joomla!, você tem um problema, como as tabelas não diferem umas das outras. Com o prefixo da tabela é possível distinguir várias tabelas ( jos_mueller_ Óder jos_schulze_ ). Aqui, você deveusar o padrão jos_ . O prefixo também é usado para indicar dados salvos (bak_ ).

Passo 5 – Configuração do FTP

A fim de evitar problemas com direitos de acesso e, possivelmente ligados aoPHP Safe Mode, você tem a possibilidade de usar as funções de FTP do PHP parao upload e manipulação de arquivos. Isso não é necessário em uma instalaçãolocal. Se você instalou o Joomla! em um servidor virtual com o seu provedor,você pode inserir os dados de FTP fornecidos pelo seu provedor. Se o seu provedor permite esta função, é aconselhável por razões de segurança, criar diferentes contas de FTP para usuários e para a instalação Joomla!. Ativar a conta

de FTP apenas para o diretório Joomla! ( Figura 5).

Figura 5: Instalador – Configuração do FTP

29


[email protected]




3.Certifique


Passo 6 – Configurações Principais

A configuração principal é dividido em três etapas.

Na primeira parte da configuração o nome do seu site é solicitado. Esse nomeaparecerá na barra de título da janela do navegador quando alguém acessa seu site.O nome também é usado em vários outros lugares, como em e-mails deconfirmação para usuários registrados. Para nossa página de exemplo, vou usar onome do Joomla! ( Figura 6 ). Na segunda parte, o nome, endereço de e-mail e asenha do administrador é solicitada. Escrever a senha em um pedaço de papel é provavelmente o melhor a fazer (mas não furá-lo na tela ou sob o teclado :-)).

30


[email protected]




3.Certifique


Figura 6: Instalador - Configuração - Nome, E-mail, senha

Na terceira parte, você pode especificar o tipo de dados que a instalação Joomla!contêm.

Instalação de dados de exemplo

Os dados são a coisa mais importante na sua instalação. Joomla! permite (erecomenda para os iniciantes) a instalação de dados da amostra. Você seráfornecido com um pequeno manual sobre o Joomla! e muitos exemplos paraexperimentar com segurança. Clique no botão Instalar exemplo de conteúdo. Oinstalador irá carregar os dados em seu banco de dados e alterar a exibição ( Figura 7 ).Este processo é um tanto inexpressivo, mas necessário para a instalação de dados daamostra. O botão desaparecerá e uma pequena caixa de texto será visível.

31


[email protected]




3.Certifique


Figura 7: Instalador – Configurações Principais - Os dados de exemplo

Clique no botão Próximo e os dados serão transferidos.

Passo 7 - Fim

Na sétima e última etapa você será felicitado (a) por ter conseguido instalar oJoomla! ( Figura 8).Meus parabéns também! Você vai ver agora uma mensagem em

negrito que aparece no visor solicitando que você exclua o diretório chamado"Installation". Você deve seguir este comunicado porque senão o seu site Joomla! nãoirá funcionar corretamente.

Figura 8: Instalador - Fim

32


[email protected]




3.Certifique


Nota: Um arquivo chamado configuration.php foi criado em seu diretório principal. Se você quiser repetir a instalação, você terá de apagar o arquivoconfiguration.php antes de excluir o diretório de instalação. O instalador

Joomla! irá começar de novo quando você chamar a URL padrão no seunavegador, onde os seus arquivos Joomla! estão localizados.

Agora você já tem o Joomla! totalmente instalado, você pode começar a configurar o seu site e conteúdo. Você tem a escolha entre os botões Site (Ver site) e

Administração (Interface de administração). Vá em frente e dê uma olhada para o seusite recém-criado e clique em Site. Caso você ainda não tenha excluido o diretóriode instalação, Você voltará a receber um lembrete amigável para fazê-lo agora e,em seguida, atualizar a página. O resultado é muito impressionante ( Figura 9).

Figura 9: Seu site diretamente após a instalação[14]

33


[email protected]




3.Certifique


Dê uma olhada ao redor, veja através de algumas opções e tente se familiarizar com seu novo site. Muitos recursos do Joomla! estão sendo utilizados neste site preenchido com dados de amostra. Em seguida, vamos olhar para estes detalhes!

3.4. Dando uma olhada nos dados de exemploSe você está instalando o Joomla! 1.6 pela primeira vez, eu recomendo que vocêinstale também os dados de exemplo. Tome um tempo e explore o site e veja comotudo funcina. Os dados do exemplo mostram como o site se parece com o conteúdo evem com uma pequena explicação do conteúdo do exemplo e módulos. Para obter uma breve descrição, leia as 50 páginas atrás do item de menu "Usando Joomla!".

Agora que você já viu o suficiente, você provavelmente irá amar configurar osite de acordo com suas necessidades e desejos.

3.5. Como obter um site Joomla! vazio?Para obter uma versão vazia, você pode:

1. Instalar um novo site Joomla! 1.6 sem dados de exemplo:Crie uma nova pasta no seu diretório web local ( / Htdocs) e instale onovo site Joomla!. Agora você tem duas instalações Joomla! completas.Esta abordagem é muito útil para fins de treinamento.

2. Exclua os dados de exemplo em sua área de administração.3. Despublique os dados de exemplo. Por favor, assista o vídeo em anexo,

no qual eu vou lhe mostrar como fazer isso.

Se você decidir seguir o passo 2 ou 3, será necessário fazer o login na área deadministração. Lá você pode excluir e / ou despublicar os dados de exemplo e itensde menu.

Gerenciador de Menus

Vá para o Gerenciador do Menus no Menu Topo (Menus -> Top), clique nas caixasde seleção no lado esquerdo acima dos itens do menu para escolher todos eles, eentão clique no ícone Unpublish. Depois de ter feito isso, você verá um íconevermelho em cada item do menu ( Figura 10). Agora, se você voltar para seu site(atualizar página), você notará que o menu superior não é mais visível. Repita omesmo procedimento com o menu principal e no menu Sobre o Joomla!. Certifique-

se de escolher todos os itens do menu, exceto o item Home Frontpage /. Este itemde menu não pode ser excluído porque você precisa de uma página principal. Naárea inferior, você pode alterar o número de itens de menu ( Figura 11).

34


[email protected]




3.Certifique


Figura 10: Gerenciador de Menus

Figura 11: Gerenciador de Menus II

Gerenciador de ArtigosUse o mesmo procedimento como descrito acima. Abra o Gerenciador de Artigose marque todos os itens de conteúdo para despublicar ou excluí-los.

35


[email protected]




3.Certifique


Cache

Para se certificar de que todos os dados desaparecerão do seu site, você tem quelimpar o cache inteiro (Site -> Maintenance -> Clear Cache). Novamente, escolhatodos os conteúdos e os exclua.

Website vazio

Seu site Joomla! agora está "vazio" ( Figura 12).

Figura 12: Joomla! sem dados de exemplo

Links:[1] http://en.wikipedia.org/wiki/LAMP_ 28software_bundle% 29%

36


[email protected]


http://en.wikipedia.org/wiki/LAMP_%28software_bundle%29





4.Estruturas e Termos


4. Estruturas e TermosGostaria de explicar e esclarecer algumas estruturas e condições antes de começar com a configuração.

4.1. FrontendComo frontend entendemos as áreas do site que os visitantes ou usuárioscadastrados vêm.Um usuário registrado normalmente usa apenas a interface pública. É como em umaloja, onde as mercadorias são exibidas em vitrines e nas prateleiras. Aqui você podedar uma olhada ao redor.

4.2. BackendEsta é a sua área de administração, por isso, nós o chamamos de administração.Você pode dar a usuários cadastrados o direito de trabalhar em seu backend. Esse privilégio é geralmente limitado a funcionários, que devem administrar algumastarefas no site. Você pode acessar o login de administração via / administrador.http://localhost/administrator Lá você pode se registrar com seus dados de login e escolher o seu idioma preferido.( Figura 1).

Figura 1: Joomla! Login de AdministraçãoUma vez conectado com sucesso, você terá acesso à administração, que éestruturada de acordo com os seus direitos de usuário. ( Figura 2).

37


[email protected]


http://localhost/administrator

http://localhost/administrator





Figura 2: Administração

Você pode acessar cada função usando o sistema de abas combinadas de menu ousimplesmente clicando em um ícone na tela inicial.

4.3. ArquivosJoomla! consiste em centenas de arquivos. Imagens, scripts PHP, arquivos CSS,JavaScript e muito mais.

Você provavelmente deve ter notado isso quando você descompactou o pacote ecopiou para a pasta htdocs. Basicamente, você já instalou dois pacotes Joomla!: um para o frontend e outro para o backend. O 'Backend Joomla! é localizado naadministrator ( Figura 3).

Esta pasta é a destinatária quando você chamar / administrator no navegador.

Dentro desse pasta estão outras pastas, como cache, componentes, linguage,modules e templates. Os arquivos de back-end específicos são armazenadosnestes diretórios.

Você encontra os mesmos nomes para pastas fora da pasta administrator . Estas pastas contém os arquivos de frontend. Estas pastas não são realmente duasinstalações Joomla!, mas há uma separação clara entre os arquivos de back-end efront-end.Por exemplo, todos os arquivos carregados com o Media Manager serão salvos na

pasta /Media.Todos os arquivos devem ser salvos com um backup.

38


[email protected]






Figura 3: Joomla! 1,6 arquivos e pastas

4.4. Banco de DadosAdicionalmente aos arquivos (arquivos gráficos, documentos, sistemas, etc) Joomla!também precisa de um banco de dados. Durante o procedimento de instalação doJoomla! o instalador web cria tabelas no seu banco de dados especificado ( Figura 4). Nestas tabelas, todo o conteúdo será gerenciado.

39


[email protected]






Figura 4:As tabelas do banco de dados Joomla!

Quando digo conteúdo quero dizer textos e configurações. As tabelas na imagemsão exibidas por meio do phpMyAdmin. phpMyAdmin é uma parte do XAMPPe MAMP e está disponível através de:

http://localhost/phpmyadmin

Normalmente, não existem mudanças que precisam ser feitas nestas tabelas. Emcaso de esquecer sua senha de administrador, phpMyAdmin é muito útil.

Este software também pode ser usado para fazer backup de seu banco de dados,criando o chamado SQL dump.

4.5. Elementos do Joomla!A estrutura do Joomla! é simples, sofisticade eficiente.Joomla! pressupõe que você quer escrever um artigo. Um artigo geralmenteconsiste de um título, texto e algumas configurações.

Artigo

Os artigos podem ser exibidos no modo singular ou em lista. Na página principal do seu site Joomla! instalado recentemente você vai ver essesquatro artigos ( Figura 5).

40


[email protected]


http://localhost/phpMyAdmin

http://localhost/phpMyAdmin





Figura 5: Artigo na página principal Os artigos são classificados em uma determinada maneira. O primeiro artigo éexibido usando a largura total do site. Os outros artigos são colocados abaixo emtrês colunas. Se os artigos são demasiadamente longos, você pode inserir um link leia mais. Esta representação é uma visão em lista. Ao clicar sobre o leia mais link você será redirecionado para a apresentação única do referido artigo ( Figura6 ). O tipo de display pode ser alterado por configuração no backend, no entanto,somente pelo usuário com direitos de acesso correspondentes.

Figura 6: tela única de um artigo

41


[email protected]






Os artigos podem ser publicados ( publish) ou não publicados (unpublish). Você podecaracterizar um artigo na sua página principal, você pode arquivá-lo ou colocá-lo nalixeira e recuperá-lo. Você pode copiar e movê-los.

CategoriasA fim de mostrar claramente os artigos, você pode criar categorias e, em seguida,atribuir um artigo para elas. Cada artigo pode ser atribuído a exatamente uma categoria( Figura 7 ). As categorias podem ser aninhadas em qualquer profundidade. Artigosde uma ou várias categorias podem ser atribuídos a um item de menu e exibido emvários modos. Ao clicar sobre o item de menu, todos os artigos das diferentescategorias serão mostradados. Este princípio é usada por jornais online, por exemplo. Você clica em Esportes e obtem todos os artigos classificados para estetópico. Se o jornal discerne entre as diferentes formas de esportes, eles vão usar árvores de categorias:

Esportes Futebol Handebol

Política Doméstica

Europa Mundo

Figura 7: atribuição de categoria

42


[email protected]






Usuário

Os usuários são necessários para produzir conteúdo. Pelo menos um usuário éregistrado em cada site Joomla!, ou seja, aquele que você criou durante a instalação,com os direitos de configurar tudo em seu site. Dependendo dos direitos do usuário,

ele pode trabalhar em frontend e / ou back-end para escrever um artigo. Cada usuáriorequer um nome de usuário, um endereço de e-mail e uma senha.Cada usuário pode ser atribuído a um grupo de usuário, bem como a qualquer nívelde acesso. Isso permite aos usuários criarem artigos que só são visíveis paradeterminados grupos de usuários.

Navegação

Para encontrar o caminho ao redor do site, você vai precisar de navegação com linkscorrespondentes. Em Joomla! Nós chamamos isso de menu. Você pode criar quantosmenus conforme desejar e aninha-las em diferentes maneiras como você desejar.

Cada menu é um módulo que pode ser posicionado em uma área prevista no modelo.

Módulo

Um módulo é algo que você pode posicionar ao lado de um artigo. Um menu, por exemplo, é um módulo. O bloco de registro no lado esquerdo também é ummódulo. Você pode criar quantos módulos com funções inteligentes que precisar e posicioná-los na área pré-definida no modelo.

ModelosUm modelo é o padrão gráfico para o seu site. Consiste basicamente em HTML e

CSS. Joomla! oferece vários modelos para você escolher. Os modelos sãoconfiguráveis, o que permite fazer upload de um logotipo diferente, mudar a cor defundo, etc... Cada modelo oferece áreas onde os módulos podem ser posicionados( Figura 8).

43


[email protected]






Figura 8: Posições de módulos

Módulos em torno de um ou mais artigos.

PluginsUm plugin oferece serviços práticos, mas geralmente é invisível para os visitantesdo site. Um editor WYSIWYG, por exemplo, é um plugin. Plugins são extensõesque podem ser instaladas de forma ilimitada. O pacote básico inclui já vários plugins úteis.

Componentes

Os componentes são os pacotes de surpresa que o ajudam a criar quase todo seusite. Você quer ter um sistema de reserva para as oficinas? Uma plataforma de propriedades? Um fórum? Uma galeria de imagens? Você só precisa instalar ocomponente certo!O pacote básico Joomla! já vem com alguns componentes, por exemplo, o componentede contato, que permite a integração de formulários de contato em seu site. Existemmilhares de componentes para melhorar seu sistema Joomla! 1.6.

44


[email protected]




4. Estruturas e Termos


OpçõesVocê vai precisar de configurações individuais para o seu site, chamamos-lhesopções. Estas opções são aplicadas a todo o site, para os usuários, categorias,módulos e componentes. Você sempre encontrará um ícone chamado Options

( Figura 9), que lhe oferece a possibilidade de ver a posição dos módulos ( Figura8), Inserindo http://localhost/index.php? tp = 1 A inicial tp representa a posição do modelo.

Figura 9: Opções

Outras estruturas

Outras estruturas de interfaces de usuário, os modelos e as relações técnicastambém estão disponíveis. Por enquanto, você está bem equipado, lembrando asestruturas descritas acima.

45


[email protected]


http://localhost/index.php?tp=1

http://localhost/index.php?tp=1



5.O que é novo no Joomla! 1.6?


5. O que é novo no Joomla! 1.6?Qual é a diferença entre Joomla! Joomla 1.5 e 1.6?

As maiores mudanças são uma completa nova gestão de direitos do usuário e a possibilidade de criar categorias aninhadas. Além disso, existem muitas"pequenas mudanças" que o fazem mudar para Joomla! 1.6. As maiores"pequenas mudanças" são o código-fonte que foi simplificado, reduzido e, portanto, mais consistente. Os desenvolvedores podem agora estar maisconfiantes com o comportamento do Joomla! 1.6.

5.1. Novo conceito de acessoO Access Control List (ACL) foi completamente alterado no Joomla! 1.6. Os grupos

de usuários existentes utilizados em Joomla! 1.5 são ainda os mesmos em Joomla!1.6, mas eles podem ser aprimorados e renomeados. níveis de acesso ilimitado podem também ser definidos. Os grupos de usuários podem ser atribuídos aos níveisde acesso ( Figura) e diferentes grupos podem ser atribuídos aos níveis de acessodiferentes.

Figura 1: grupos de usuários referentes ao nível de acesso

46


[email protected]






5.2. Novo sistema de categoriasCategorias podem ser aninhados tão profundamente quanto você gostaria. ( Figura 2)

Figura 2: Categorias aninhadas

5.3. Multi-processamentoCópia e operações de movimentação e atribuição de níveis de acesso podem ser feitasagora em um processo em lote ( Figura 3).

47


[email protected]






Figura 3: Multi-processamento

Usuários podem ser ativados em processos batch.

48


[email protected]






5.4. Atualizações através do clique do mouseUm recurso simples. O sistema detecta as atualizações disponíveis e as inicia aoclicar no botão correspondente.

5.5. ModelosHouve muitas mudanças na área de modelos. Há dois modelos administrativos e trêsmodelos de front-end. O modelo Blue Stork é o novo padrão para a área doadministrador, uma alternativa é Hathor ( Figura 4). Beez2 é o modelo padrão de sitee Atômica ( Figura 5) é uma boa base para o seu próprio projeto de modelo.

Figura 4: Modelo de administrador Hathor

[4]

Figura 5: Modelo de frontend Atomic

49


[email protected]






Beez2 agora é padrão

O modelo Beez desenvolvido por Angie Radtke é agora o modelo escolhido como padrão, uma vez que você tenha instalado o Joomla!.

Beez5 é baseado em HTML5

O novo modelo Beez5 é compatível com o novo padrão HTML5. HTML5 sucedeHTML4 e ainda está sendo desenvolvido.

Estilos de modelos

Às vezes você pode querer mostrar um modelo com diferentes opções. Você podequerer criar uma página com um fundo vermelho e uma outra página com azul.Portanto, você vai precisar usar estilos do modelo. Crie quantas versões (estilos)

de um modelo você desejar com configurações diferentes de como você gosta eatribuia-lhes um link do menu.

Módulo de modelos

Os módulos agora podem ter layouts diferentes dos aplicados no modelo.

5.6. Multi-linguagemJoomla! oferece agora a possibilidade de criar artigos, categorias e módulos emvárias línguas. Você pode filtrar todo o site para o idioma selecionado.

5.7. Criação de uma interface de usuárioconsistenteEsta característica parece simples, mas é difícil de implementar. A equipe Joomla!tentou simplificar a interface do usuário em todas as áreas e criou uma forma maisconsistente.Um exemplo de sucesso é o diálogo geral Salvar.Se você está em modo de edição, você vai ver artigos, categorias e módulos,como mostrado na Figura 6 .

Salvar: o conteúdo será salvo, você permanece no modo de edição Salvar e Fechar: o conteúdo será salvo e você sairá do modo de edição Salvar e Novo: o conteúdo será salvo; uma nova máscara de edição em branco aparecerá Salvar como cópia: o conteúdo será salvo como uma cópia e você permanece na máscara deedição.

50


[email protected]





Figura 6: diálogo Salvar no artigo

Os parâmetros conhecidos do Joomla! 1.5 são agora chamados opções -continuamente.

5.8. Requisitos MínimosOs requisitos mínimos a respeito de seu ambiente de servidor e sobre os navegadoresweb dos visitantes tem aumentado.

Browser: Internet Explorer, versão 7 ou superior Firefox, versão 3 ou superior Safari, versão 4 ou superior

Servidor: PHP: PHP 5.2.4 versão mínima

MySQL: versão mínima 5.04

5.9. Modo de CompatibilidadeO modo de compatibilidade do Joomla! 1.5 não é mais necessário. O modo decompatibilidade permitia a execução de componentes originalmentedesenvolvidos para o Joomla! 1.0. O procedimento de adaptação de velhoscomponentes é compensado pelo desenvolvimento de componentes Joomla!'nativos' que utilizam o Joomla! 1.6.

5.10. Otimização para Mecanismos de Busca Agora você pode usar unicode em URLs, o que significa que agora

você pode utilizar caracteres especiais como 'O' e 'A' ou árabe ouhebraico nos caracteres da URL.

Você pode atribuir texto e meta tags para as categorias.


51


[email protected]


http://cocoate.com/

http://cocoate.com/




Joomla! 1.6 - SerGuia descaroçadores Hagen Graf - cocoate.com - Fevereiro 2011

Figura 7: Título da página no navegador

5.11. Módulos Os módulos podem ser publicados com tempo controlado. As opções de atribuição para os itens de menu foram aumentados.

5.12. Novos editoresCode mirror é o novo editor, que é fornecido além do TinyMCE. Não é um Editor WYSIWYG, mas oferece uma maneira conveniente de se trabalhar com conteúdode código, que será exibido com cor e estruturado ( Figura 8).

Figura 8: Code mirror

52


[email protected]






5.13. Componentes O novo componente Redirect permite redirecionamentos de URLs para

evitar o "erro 404 - não encontrado".

O novo componente de pesquisa fornece uma visão geral das palavras-chave pesquisadas e os resultados de exibição. O componente de enquetes foi eliminado.

5.14. ConfiguraçãoA configuração básica tem sido "purificada" e muitas opções agora podem ser definidasno gerenciador adequado, por exemplo, as opções do usuário.

5.15. Configurações de ConteúdoAs definições de cookies agora permitem o armazenamento de cookies do navegador em um único lugar. Isso é importante, por exemplo, quando se trabalha com domíniosespecíficos de cada país.

Todas as mudanças e novidades podem ser lidas na wiki de documentação [1] doJoomla!.

Links:[1] Http://docs.joomla.org/What 27s_new_in_Joomla_1.6

53


[email protected]


http://docs.joomla.org/What%27s_new_in_Joomla_1.6





6.Gerenciando Conteúdo


6. Gerenciando ConteúdoUm sistema de gerenciamento de conteúdo é feita para gerenciamento de conteúdo – é o que haveria de se pensar?Então a próxima pergunta é: Qual é o conteúdo?

Em meios de produção e publicação, o conteúdo é a informação eexperiências que possam trazer valor para um usuáriofinal/audiencia em contextos específicos (Wikipedia [1]).

Ok, eu entendo, mas o que é fornecer valor?

Esta questão é realmente muito difícil de responder e bastante individual, mas achoque agora a idéia de conteúdo é um sistema de gerenciamento de conteúdo como oJoomla!.

Um sistema de gerenciamento de conteúdo é útil para ogerenciamento de informações que fornecem valor para o seu público ( Hagen Graf :-) )

6.1. Tipos de conteúdo No núcleo do Joomla! você tem artigos, categorias, weblinks, banners, contatos e feeds. Eu não tenho certeza se a criação de conteúdo de valor com banners é possível, mas os banners são também um tipo de conteúdo. Módulos podem ser

utilizados para criação de conteúdo também. Muitas vezes, você pode querer enriquecer o seu conteúdo com arquivos como fotos e outros tipos de mídia. Paraisso, o Joomla! tem o Gerenciador de Mídia, é como sua caixa de ferramentas paragerenciar todos esses pedaços para criar valor para o seu público. Eu irei cobrir essas ferramentas nos próximos capítulos.

Se isso não for suficiente para você, você pode aprimorar o Joomla! com os chamados kits deconstrução de conteúdo [2] como K2 [3], FlexiContent [4] ou CCKSeblod [5] e muitas outrasextensões, mas isso é outro livro inteiramente. :-)

Links: [1] http://en.wikipedia.org/wiki/Content_% 29% 28media [2] http://extensions.joomla.org/extensions/news-production/construção deconteúdo [3] http://getk2.org/ [4] http://www.flexicontent.org/ [5] http://www.jseblod-cck.com/

54


[email protected]


http://en.wikipedia.org/wiki/Content_%28media%29

http://extensions.joomla.org/extensions/news-production/content-construction


http://getk2.org/

http://www.flexicontent.org/

http://www.jseblod-cck.com/

http://www.jseblod-cck.com/

http://www.flexicontent.org/

http://getk2.org/



http://en.wikipedia.org/wiki/Content_%28media%29





6.2. Como criar uma página 'Sobre nós'

Para lhe dar um primeiro grande desafio, vamos criar uma primeira página no seunovo site. Será uma página sobre nós na qual você pode escrever sobre suaempresa, seu projeto, ou sobre si mesmo. Na maioria das vezes, uma página comoesta contém um título de texto, e talvez algumas imagens.

Estático versus conteúdo dinâmico

Uma página "sobre nós" geralmente é criada uma vez, é acessível através de um link do menu, e no futuro tudo o que você tem a fazer é alterá-la como você desejar. Elatem um caráter estático. Uma entrada de press release, ou blog, no entanto, têm umcarácter dinâmico.

Para páginas estáticas, em contraste com páginas dinâmicas, a data decriação e autor realmente não importa.

Páginas estáticas são geralmente acessíveis através de um link do menuao passo que as páginas dinâmicas podem ser acessadas através delistas.

O plano

A página 'Sobre nós' deve ser composta dos seguintes componentes:

Um título, Um texto, Uma imagem. A página não deve aparecer na primeira página. Queremos um link para a página no menu horizontal superior (em cima).

Isto pode parecer simples no primeiro instante :-).

Vá em frente e entre na interface de administração!

Passo 1 - Criar conteúdo

Vá para ao Gerenciador de Artigos (Content →Article Manager ). Lá você poderáver os dados da amostra inéditos ( Figura 1).

55


[email protected]






Figura 1: Gerenciador de Artigos

Clique no ícone New para chegar à forma adequada e, em seguida, adicionar otítulo e texto. No painel superior, abaixo do título, selecione "uncategorized" comouma categoria. Esta categoria foi criada após instalar os dados de exemplo. Na janelado editor você pode digitar o seu texto. Joomla! vem com o editor padrãoTinyMCE ( Figura 2).

Figura 2: Formulário de edição de artigos

56


[email protected]






Como inserir uma imagem de URLComo um primeiro exemplo, vamos usar uma imagem já existente na web.Por exemplo, esta:

http://farm2.static.flickr.com/1198/898250237_78a0e75cba_m.jpg (Figura 3)

Abbildung 3: Exemplo de imagem

Move o cursor para a posição do texto no qual você gostaria de inserir a imagem.Clique no ícone imagem na barra de ferramentas do editor e cole a URL da imagem

para a janela pop-up. Configure a imagem com um alinhamento à esquerda e use 10 pixels de espaço vertical e horizontal ( Figura 4).

Abbildung 4: Inserir imagem

57


[email protected]


http://farm2.static.flickr.com/1198/898250237_78a0e75cba_m.jpg

http://farm2.static.flickr.com/1198/898250237_78a0e75cba_m.jpg





A imagem aparecerá na janela do editor. Clique em Save e seu item seráarmazenado. Existem várias maneiras de salvá-lo:

Salvar - O item será salvo. O formulário não será fechado. Usado parasalvar quando você ainda quer continuar a trabalhar .

Salvar e Fechar - O item está salvo e o formulário será fechado. Salvar e Novo - O item será salvo o formulário será fechado e um

formulário novo será gerado.

Sair do formulário.

Passo 2 - Criando um link no Menu

O post foi criado, mas não está aparecendo no site. Para que ele apareça, precisamos deum link! Clique no ícone New no gerenciador de menu (Menus→Menu Manager ).Selecione o menu onde deseja inserir a página clicando sobre seu nome de menu.Clique no botão "Select" ao lado do campo Menu Item Type. Uma janela com várioslinks irão aparecer. Clique no link Single Article ( Figura 5).

Figura 5: Atribuir um artigo para um item de menu

Agora você precisa escolher o artigo desejado. Clique no botão Select / Change no painel da direita (Select) para selecioná-lo. Você verá uma caixa de pesquisa comtodos os artigos. No caso de você não conseguir encontrar o seu artigo na páginaimediatamente, você pode filtrar a lista, digitando uma parte do título do artigo nacaixa de pesquisa e, em seguida, clicar no título do artigo correto na lista deresultados ( Figura 6 ).

58


[email protected]






Figura 6: Menu - tipo artigo único

Digite um título para o link "Sobre nós". Podemos deixar as demais opções comsuas configurações padrão.

Passo 3 - 'Sobre nós', no site

Se você carregar agora o site do frontend, você vai descobrir o novo link no menusuperior. Clique nele e você verá o conteúdo sobre nós - parabéns por ter criadosua primeira página ( Figura 7 ).

Figura 7: Página Sobre nós

59


[email protected]






Passo 4 – Upload Imagem

Se sua imagem não está disponível na Internet, você precisará fazer o upload doseu PC. Vamos percorrer juntos o exemplo. Vá para o Gerenciador de Artigos(Content →Article Manager ). Se você não consegue encontrar o seu artigo,

localize-o facilmente usando a caixa de pesquisa. Selecione o título do artigo e oformulário de edição será aberto. Excluir a imagem vinculada a partir do texto.

Abaixo da janela de edição você encontrará o botão Image. Este botão abre umacaixa de diálogo para fazer o upload de uma imagem. Você pode escolher entre asimagens já existentes ou fazer upload de novas ( Figura 8).

Figura 8: o envio de imagens

Depois que a imagem foi inserida no texto, a formatação pode ser alterada usandoo ícone de imagem na barra de ferramentas do editor. Esta separação de funções emJoomla! foi escolhida de propósito, porque você tem a possibilidade de utilizar diferentes editores. O botão Image será sempre o mesmo, mas a imagem deformatação no editor pode ser diferente.

Atenção: Joomla! usa as imagens como elas são. As imagens não serãoredimensionadas!

60


[email protected]






6.3. Um artigo típico

Os seguintes itens geralmente têm de ser tomados em consideração quando se trata decriar um artigo em seu site:

1. Um texto com uma ou mais imagens2. Um texto de resumo para as listas com uma leitura mais link apontando

para o artigo completo3. O artigo deve aparecer na primeira página e não precisa de link do

menu4. Bom ter: a data de publicação programada5. Bom ter: uma versão para impressão para os visitantes que querem

imprimir o artigo6. Bom ter: uma opção para enviar o artigo por e-mail

Início

O artigo deve aparecer na primeira página do seu site. A página será parecida com ade Figura 1 ( Figura 1). Naturalmente, não é uma coisa ruim ter os artigosexibidos. :-)

Figura 1: website vazio

Ao entrar no domínio da administração, você verá um ícone chamado Add New Article.

61


[email protected]






Você pode clicar sobre o ícone ou acessar o formulário através da navegação principal Content → Article Manager → Add New Article ( Figura 2)

Figura 2: Área de Administração

Forma do artigo

Está agora na forma de artigo, em que provavelmente você vai escrever todos osartigos em Joomla!. Um lugar muito importante que está estruturado comomostrado na Figura 3.

Figura 3: Formulário de novos artigos

62


[email protected]






Os requisitos mínimos para um artigo são: um título (1), uma categoria (2), e umtexto (3). Se você olhar para a forma mais de perto, você vai notar os textos deajuda que aparecem quando você move o mouse sobre a descrição de um campo.Eu marquei as áreas, na forma em Figura 3 com seis dígitos.

1. A parte mais importante é a título ou manchete. O título aparece comouma manchete no site (geralmente na maior dimensão <h1> título) e na barra do browser, na parte superior (Você pode ativar ou desativar estecomportamento). O título é a base para o campo alias a seguir. O alias égerado automaticamente pelo Joomla! quando você salva o artigo, e do jeito que este é configurável também. Basicamente, o propósito de umalias é ter uma URL simples, curta e legível na barra de endereço donavegador, que pode ser facilmente utilizada em e-mails ou bate-papostambém.

2. Isto é sobre a classificação ou categorizaçãodo artigo. Cada item deve ser atribuído a uma categoria. Se você explicitamente não quer categorizar oartigo, você pode atribuir a categoria uncategorized . Isto é especialmenteútil para páginas de conteúdo estático, como Avisos Legaise Quem Somos. Nesta área, outros atributos importantes podem ser configurados, incluindo Estado ( publicado ou não), Quem tem acesso (Permissão de acessodepende das diferentes configurações), Idioma e Destaque. Destaque Substitui o atributo anterior e assegura que os itens estão em um layoutde blog pré-definido para o seu site. O artigo ID é criado depois desalvar e consiste em um número de série.

3. Nesta seção, você pode escrever seu texto, que deverá ser de valor para o seu público. Parece muito fácil, não é mesmo? :-)Tecnicamente, você está lidando com um editor WYSIWYG (What YouSee Is What You Get ). O editor converte o texto escrito em formato HTML.

Joomla! usa o TinyMCE [1] como configuração padrão de editor.TinyMCE é um projeto de código aberto independente, que tem tantasfunções que você poderia escrever um livro separado sobre isso. (Pode não

ser uma má ideia.)Ele funciona basicamente como qualquer outro processador de texto:escreve um texto, realça o texto, clique no ícone da barra de ferramentas e afunção é aplicada ou uma caixa de diálogo se abre.Os botões abaixo da área de entrada são incomuns e podem ser confusos, às vezes. Estes botões são específicos do Joomla! e só temuma relação indireta com o editor. O núcleo Joomla! vem com cincodestes botões.Você pode adicionar mais botões, adicionando extensões Joomla!:

1. Article: Permite a ligação a outros artigos Joomla! existentes2. Image: Você pode inserir uma imagem existente ou fazer

upload de uma nova imagem3. Pagebreak : Insere uma quebra de página em seu artigo

63


[email protected]





Joomla! Beginner's Guide - 1.6 - Hagen Graf - cocoate.com - Fevereiro 2011

4. Read more: Permite que você especifique onde colocar olink leia mais

5. Toggle Editor: Muda o editor on e off. Se estiver desligado,você verá o código HTML do seu artigo.

4. O que foi chamado Parâmetro em Joomla! 1.5, agora é chamadoOpções em Joomla! 1.6, como, por exemplo, Publishing Options. Aquivocê pode especificar opções do artigo (Criado por ). O usuário quecriou o artigo é normalmente permitido e responsável por fazer alterações no artigo depois. Os três campos abaixo permitem que vocêagende a publicação. Basta introduzir as datas apropriadas e Joomla!cuida do resto.

5. Nesta seção você pode configurar várias opções. Você pode alterar oesquema de artigo para atender às necessidades do leitor e dos mecanismosde buscas. Basta começar a experimentar - é a melhor maneira de aprender.

6. O sexto e último diz respeito a área de permissões para este artigo. Estaseleção irá nos ajudar em muitos lugares em Joomla! 1.6 e vou cobrir

isso no capítulo Usuários e Permissões.

Exemplo de artigo

Vamos criar o artigo acima referido:

Um texto com uma ou mais imagensBasta escrever seu texto. Para adicionar uma ou mais imagens, há inúmeras possibilidades:

1. A imagem já está disponível on-line, por exemplo, em Flickr [23].

Neste caso, clique no ícone imagem na barra de ferramentas do editor ecopie a URL da imagem para a caixa de diálogo.2. A imagem já está no Joomla! Media Manager .

Neste caso, clique no botão imagem para selecionar a imagem e inserir emseu texto ( Figura 4).

64


[email protected]






Figura 4: Inserir Imagem3. A imagem está no seu disco rígido.

Este é o caso mais complexo. Basicamente, você também vai usar o botão de imagem abaixo do texto. Lá você encontrará um diálogo deupload através do qual você pode carregar sua imagem "facilmente".Lembre-se que o Joomla! NÃO redimensiona a imagem. Se vocêcarregar uma foto de sua câmera digital, será exibida em seu tamanhooriginal completo. Você tem que redimensionar a imagem antes deinserir.Se tudo ocorrer bem - parabéns!

Se isso não funcionar, isto pode ser devido a muitas coisas, tais comofalta de permissões nos diretórios do gerenciador de mídia. Na melhor das hipóteses, você receberá uma mensagem de erro.

Depois de ter inserido a imagem, você pode selecionar e formatá-la clicando no íconede imagem na barra de ferramentas do editor.

Um texto de resumo para listas com um link para ler maisIsso é fácil. Mova o cursor para a posição na qual o link leia mais deve aparecer eclique no botão Read more abaixo da área de texto.

O artigo deve aparecer na primeira página e não precisa de link

Selecione Yes no campo Featured na Área 2.

65


[email protected]






A publicação prevista seria bomEvite este tipo de publicação, assim você não precisa esperar o artigo ser publicado no seu site :-). Se você quiser experimentá-lo mais tarde com umartigo diferente, basta preencher os campos Start Publishing e Finish

Publishing com as informações apropriadas ou selecione as datas clicando noícone de calendário.

Uma versão para impressão do artigoSe você não sabe neste momento onde as configurações globais estão localizadas deuma olhada no capítulo Website e configuração de conteúdo (Página 82) e o que estádefinido, você pode definir as opções na área de 5 do ícone Show Printer daimpressora para show.

Enviar artigo por e-mailBasta definir as opções na área 5, do ícone Show Email para show.

Resultado

Depois de salvar você pode recarregar o seu site e verá o seu artigo na primeira páginacomo na Figura 5.

Figura 5: Artigo na página principal

Links:[7] http://tinymce.moxiecode.com/

66


[email protected]


http://tinymce.moxiecode.com/

http://tinymce.moxiecode.com/





6.4. Estruture seu conteúdo com categorias

Artigos Joomla! podem ser categorizados. Geralmente a categorização é o processode reconhecer, diferenciar e entender alguma coisa através da abstração. Isso podesoar complicado, mas é muito útil na gestão de vários artigos.

Joomla! oferece a possibilidade de criar tantas categorias como você desejar. É possível construir categorias aninhadas e um artigo pode estar relacionado a umadessas categorias.

Os jornais, por exemplo, usam as categorias de melhor diferenciação entre osseus artigos. Aqui está um exemplo de um modelo Joomla! [1] ( Figura 1).

Figura 1: Modelo de dezembro Gavick 2009

Eles estão usando a categoria Notícias do Mundo e nesta categoria há categoriasadicionais, como Política, Mundo, Guerra, Desastres e mais. Às vezes dois níveis sãosuficientes, como neste exemplo, às vezes você pode precisar de mais. Em Joomla!1.5 não foi possível ter mais do que dois níveis. Com Joomla! 1.6 você pode ter quantos níveis quiser. Joomla! não tem mais seções - categorias.

No Gerenciador de Categorias (Content →Category Manager ), você podeadministrar sua árvore de categorias e filtrar até 10 níveis ( Figura 2).

67


[email protected]






Figura 2: Gerenciador de Categorias

Como um artigo, uma categoria consiste em um título, uma descrição e muitos

outros atributos e opções. Ela pode ter uma imagem complementare que pode ser usada em diferentes layouts. A imagem pode ser selecionada nas configurações básicas. A categoria também pode conter imagens na descrição ( Figura 3).

Figura 3: Categoria no Gerenciador de Categorias

Quando você acessa o seu site Joomla! você pode ver exatamente essas categorizaçõesnos dados de exemplo. A navegação utiliza links nas categorias para mostrar todos osartigos e subcategorias ( Figura 4). Mesmo o indicador de navegação reflete essaestrutura.

68


[email protected]






Figura 4: Links de categorias no menu do site

No Gerenciador de Menus ( Menus→About Joomla!), Você pode ver estes itensde menu, que apontam para os artigos de uma categoria ( Figura 5).

Figura 5: Categorias de links do menu no site

Você pode escolher layouts diferentes para os artigos. Na Figura 5 você pode ver que o layout é usado para o link. Você pode selecionar o layout no formulário deedição de um item de menu ( Figura 6 ).

Layouts possíveis: Uma lista de todas as categorias Um layout de blog (como na página principal)

69


[email protected]






• uma lista de categorias

Dependendo do layout que você escolhe muitas opções para configurar a aparência e ocomportamento de sub-categorias e artigos se abrem.

Figura 6: Layout de Categoria

6.5. Lista de todas as categoriasEsta disposição lista todos as sub-categorias de uma categoria escolhida (Figura 7).

Figura 7: Layout Todas as categorias

70


[email protected]






Neste caso, a descrição da categoria de nível superior Extensões é mostrada.Um nível de sub-categorias com suas descrições também são mostrados na página, até mesmo as categorias vazias. Os artigos na categoria de nívelsuperior estão ocultos.

6.6. O layout Blog (como na primeira página)O layout do blog lista todos os artigos de uma categoria escolhida (Figura 8).

Figura 8: Layout do Blog

Neste caso, a descrição da categoria Componentes é mostrada. Todos os artigosrelacionados com Componentes são mostrados com o texto de resumo em umacoluna. Mais colunas também são possíveis. Os sete primeiros artigos na categoriade nível superior estão ocultas. ( Figura 9).

Figura 9: Configurações de Layout do Blog

71


[email protected]






6.7. A lista de categoriasO layout da lista de categorias, lista todos os artigos de uma categoria escolhida emuma estrutura de tabela (Figura 10).

Figura 10: Layout Lista de Categorias

Neste caso, a descrição da categoria denominada Joomla! é mostrada. Todos osartigos relacionados com Joomla! são mostrados em uma tabela configurável. Você pode escolher que partes da tabela serão exibidas e as opções de classificação evárias outras estão disponíveis.

Conclusão

O sistema de categorias no Joomla! 1.6 é muito poderoso e fácil de usar. Você podefacilmente estruturar seu site inteiro usando um conjunto de categorias aninhadas de umamaneira muito amigável. Um artigo pode ser atribuído a uma categoria.

Links:[1] http://demo.gavick.com/joomla15/dec2009/

72


[email protected]


http://demo.gavick.com/joomla15/dec2009/

http://demo.gavick.com/joomla15/dec2009/





6.8. Gerenciador de MídiaO Media Manager do Joomla! é um pouco do Digital Asset Management System [1](DAM). Se você estiver gerenciando conteúdo, você vai precisar de um local para armazenar os arquivos. Arquivos são todas as imagens, PDF's e tudo o que você decida usar em seuconteúdo. Geralmente, esses ativos digitais consistem também no arquivo adicional demetadados. Neste caso, precisamos de uma ferramenta fácil de usar para gerenciar nossosarquivos. Vamos dar uma olhada no que está possível com o Joomla!.

Como ele funciona

Para mim, parece mais um gerenciador de arquivos. Todo mundo sabe o que Windows

Explorer ou OSX finder fazem. Em Joomla! eles chamam de "Gerenciador de Mídia". Eletem um diretório base onde todos os arquivos são armazenados. Você pode olhar seus arquivosde duas maneiras diferentes, usando o seu navegador: através de um Thumbnail View ( Figura 1)E umVisualização Detalhada ( Figura 2). É possível navegar pelas pastas, clicando sobre elas.

Figura 1: Media Manager - Ver Miniatura

Figura 2: Media Manager - Visão Detalhada

Você pode criar quantas pastas adicionais desejar. Na Vista detalhada, você será capaz de apagar pastas e arquivos. Você encontrará a mesma estrutura do backend Joomla!

73


[email protected]




6.Gerenciando ConteúdoComo você pode ver no cliente FTP ( Figura 3), tenha cuidado com o núcleo doJoomla!, você também vai encontrar um diretório chamado images.

Figura 3: diretório images visto pelo cliente de FTP Quando você olha na barra de ferramentas você vai descobrir o ícone Options -vá em frente e clique nele ( Figura 4).

[44]

Figura 4: Opções do Gerenciador de Mídia

Se você percorrer as opções, você vai notar que você pode limitar os tipos dearquivos por extensão, o tamanho máximo de um arquivo e também pode separar imagens a partir de arquivos. Bem, uma imagem é um arquivo também, mas eu gostoda ideia de separá-los. A visualização de miniaturas, por exemplo, faz muito mais

sentido para as imagens, mas não para arquivos de imagem de terceiros. A maior vantagem desta separação é a possibilidade de Restringir Uploads aos usuáriosinferiores à função de Administrador. Você pode permitir que usuárioscadastrados façam upload de imagens, mas você


74


[email protected]


http://cocoate.com/




Hagen Graf cocoate.com Fevereiro 2011 Joomla! 1.6 - Beginner's Guide

não pode dar permissão para carregar outros arquivos. Isto é, em alguns casos, muitoútil. As opções ao lado que você vê sãos tipos de MIME [2]. Se você é um usuáriodo Windows, você normalmente só distingue tipos de arquivos por sua extensão.MIME é outra maneira de reconhecer o tipo de um arquivo sem uma extensão dearquivo. Você pode permitir ou proibir muitos tipos de arquivos como desejar.

O Flash Uploader é um dos recursos mais sofisticados que muitas vezes é esquecido.Em Joomla! 1.5 nem sempre funcionava corretamente, mas a versão que vem comJoomla! 1.6 é excelente para carregar mais de um arquivo de cada vez. O FlashUploader funciona e é fácil de usar! Experimente! ( Figura 5).

Figura 5: Flash Uploader

Como você pode observar, o Gerenciador de Mídia Joomla! não é a ciência defoguetes [3], mas é fiável e fácil de usar.

Se você precisa de um produto mais sofisticado, Joomla! oferece outras soluções

no diretório de extensões na categoria Gerenciamento de arquivos [3].

Gerenciador de mídia e editor

Agora você sabe sobre a região central de seus arquivos, mas como você podeconseguir conectá-los ao seu conteúdo?

Onde quer que você consulte um editor em Joomla!, geralmente é possível adicionar mídia a partir do Gerenciador de Mídia clicando na imagem abaixo. Nós já falamossobre isso no Capítulo Um artigo típico (página 58) ( Figura 6 ).

75


[email protected]






Figura 6: Gerenciador de mídia em áreas de conteúdo

Gerenciador de Mídia em outros lugares

Há outros lugares onde o gerenciador de mídia desempenha um papel, como emcategorias. É possível associar uma imagem a uma categoria ( Figura 7 ).

Figura 7: Gerenciador de Mídia na categoria

Links:[1] http://en.wikipedia.org/wiki/Digital_asset_management [2] http://en.wikipedia.org/wiki/Mime_type [3] http://www.urbandictionary.com/define.php?term=rocket+science [4] http://extensions.joomla.org/extensions/core-enhancements/file-management

76


[email protected]


http://en.wikipedia.org/wiki/Digital_asset_management

http://en.wikipedia.org/wiki/Mime_type

http://www.urbandictionary.com/define.php?term=rocket+science

http://extensions.joomla.org/extensions/core-enhancements/file-management

http://extensions.joomla.org/extensions/core-enhancements/file-management

http://www.urbandictionary.com/define.php?term=rocket+science

http://en.wikipedia.org/wiki/Mime_type

http://en.wikipedia.org/wiki/Digital_asset_management





6.9. Formulário de contato

Com um formulário de contato surge a seguinte questão: "Será seu conteúdocorreto?".

Em um formulário de contato o que primeiro campo óbvio é algo relacionado a pessoaou empresa. Enfim, páginas criadas manualmente para formulários têm a possibilidadede enviar e-mails e um servidor configurado. Scripts PHP podem ser incorporadoscomo formas de contato em páginas HTML, mas muitas vezes ficam diferente doresto do site. Em Joomla! o formulário de contato já está integrado e você "só" temde configurá-lo.

Usualmente, se o Joomla! está sendo executado em um servidor web no seu provedor, você não vai ter problemas com envio de emails. Localmente, é um

pouco mais dificil porque você teria que configurar um servidor de correio primeiro. Geralmente, este não é um problema, mas não é realmente necessário. ;-)

Joomla! envia e-mails de diferentes maneiras. Você verá uma visão geral deste recursoemSite→Global Configurations → Server ( Figura 1). Naturalmente, você também poderia usar à função email do PHP (leia mais na página 82: Configuração do Site econteúdo).

Figura 1: Configurações do servidor de correio

77


[email protected]






Criar um contato

Para incluir um contato em seu site você precisa, no mínimo:

Uma categoria de contato

Um contato Um link em um menu

Talvez você ainda tenha uma categoria a partir dos dados de exemplo (Contatode dados da amostra). Se não, vá em frente e crie um. Na próxima etapa, vocêcriará um novo contato. Para fazer isso, vá para Components→ Contacts em suaárea de administração e clique no ícone New. Então preencha o formulário queaparece ( Figura 2). Criei algumas áreas no screenshot para uma melhor orientação.

Figura 2: Criar um contato

1. O primeiro e último nome da pessoa de contato, ou o nome dodepartamento ou empresa, se não for uma pessoa. O contato pode ser conectado com o uso de uma conta existente. Ele tem que ser atribuído auma categoria e deve ser público (State = Published)e presumivelmente nãoaparecer na primeira página (Featured = No).

2. A área de texto pode ser usada para informação adicional, por exemplo,horário de abertura.

78


[email protected]






3. As Opções de publicação referem-se ao usuário que mais tarde poderão fazer alterações a esse conteúdo, que criou o conteúdo e os prazos de publicação. O último é usado raramente para sites “simples”.

4. EmContatosexistem numerosos campos disponíveis, que você podeoptar por preencher ou deixar em branco.

5. EmOpções de exibição você decide quais campos serão exibidos. Esta área éimportante, pois aqui você especifica se o formulário de contato serámostrado ou não (Show Contact Form). Você também pode especificar seo remetente deve receber uma cópia por e-mail e você será capaz dedefinir algumas configurações de proteção contra spam ( Banido, E-Mail ,

Assunto Banido, Etc...). Contra spammers “reais”, entretanto, essa proteçãoé um pouco "patética".

6. No campo Contact Redirect você pode inserir um outro endereço de e-mail para quem o conteúdo do formulário deve ser enviado.

7. As Opções de Metadados, como as Opções de Publicação, disponíveis emcada página única.

Criando um item de menu

Agora você tem um contato, mas ainda não em seu site. É exatamente isso quevamos criar nesta próxima etapa. Devido ao fato de você poder ligar categoriascom contatos, você pode tanto ter um formulário de contato único ou vários deles.Definitivamente, é possível criar um formulário de contato para cada funcionáriode uma grande empresa como a Volkswagen (cerca de 370.000 trabalhadores).Como é que um CMS consegue essa dinâmica em um site?

Para gerir o site, Joomla! tem o seu próprio Gerenciador de Menus com diferenteslayouts. No Gerenciador de Menus , você começa a decidir se você quer ter uma

lista de contatos ou categorias ou ainda apenas uma forma de contato único. À primeira vista isso pode parecer um pouco confuso, mas é bem pensado e útil.

Vamos ligar um único formulário no menu para o contato que acabamos de criar.Abrir Menus - Início e clique no Novo ícone. Você precisa de três coisas paraum link do menu:

1. o Menu (Tipo de ligação) para exibir o site e, dependendo de suaescolha, um contato ou uma categoria

2. Um texto exibido como um link 3. No menu, o link deve aparecer

Para o número 1, clique no botão Select ao lado do campo Menu Item Type.

Uma janela será aberta e você vai ver uma variedade de tipos. Clique em SingleContact ( Figura 3).

79


[email protected]






Figura 3: Escolha dos tipos de menu

A janela será fechada novamente. Como você só quer um contato, você agora temque escolher o contato nas configurações necessárias ( Figura 4).

Figura 4: Escolha de contato

Insira o texto para o link (Título de Menu) e salve tudo. O menu já está registradocorretamente e abrindo o formulário. Em seu site, um link adicional para o contatodeve aparecer no menu e está ligada ao contato correspondente ( Figura 5). Você pode obter o formulário de contato real clicando no sinal de mais no campo direito.Agora você pode enviar mensagens através do seu site.

80


[email protected]






Figura 5: Entre em contato no site

Figura 6: Formulário de Contato

[57]

81


[email protected]






6.10. Status, Lixeira e Checagem

Em Joomla! seu conteúdo pode ter vários status. Dependendo do tipo de conteúdo pode haver um mínimo de três estados: publicado, despublicado e lixeira. O quesignifica isso? Depois de salvar o seu conteúdo fresco pela primeira vez, ele existeno banco de dados e dependendendo da sua situação, ele irá aparecer (ou não) emdiferentes áreas do seu site.

O ciclo de vida habitual de conteúdo no Joomla! é o seguinte:

1. Despublicado até terminar com a edição e revisão2. Publicado ou agendado (E possivelmente na página principal)3. Ainda publicado, mas pode ser retirado da página principal4. Arquivados

Às vezes é necessário despublicar conteúdo e às vezes você pode colocá-los nalixeira. O conteúdo em si, naturalmente, continua a existir. Ele não foiexcluído. Você pode filtrar a maioria das interfaces de administração por statusdesejado e atribuir status diferentes para o seu conteúdo quantas vezes vocêdesejar.

Despublicado

Nenhum visitante do site é capaz de ver o conteúdo. É a fase em que você podeeditar e revisar o seu conteúdo.

PublicadoDepende dos usuários e permissões e se eles serão capazes de ler o conteúdo, masem geral o conteúdo do seu site deve ser visível, porque foi publicado!

Página Principal

A página principal é um interruptor que você pode usar para o seu conteúdo maisimportante e mais recente que é geralmente mostrado na primeira página. É umstatus adicional, pois só é aplicável aos artigos. É por isso que é possível para umartigo ser publicado na página principal.

Arquivo

Com o tempo vai chegar um momento em que você começar a pensar em umarquivo para seus artigos.Basta definir o status para arquivados e você terá criado um arquivo. Joomla! sabe

82


[email protected]






a data de criação dos seus artigos e oferece um módulo de arquivo a ser exibido emseu site. O módulo de arquivo é incluído nos dados de exemplo. Se ele não estiver disponível, basta criar um em Modules → New → Archived Articles. Seus artigosserão mostrados como na Figura 1.

Figura 1: Arquivo Joomla!

Lixeira

O terceiro status é a lixeira. Se um item de conteúdo acaba por aqui ele aindaexiste e pode ser recuperado. Você pode colocar módulos, itens de menu, categorias,artigos, contatos e ainda mais conteúdo em sua lixeira. Você pode ver o conteúdode sua lixeira por filtragem ( Figura 2).

Figura 2: Lixeira No modo de exibição filtrado o ícone da Lixeira muda para Esvaziar o lixo. Esta é asua oportunidade de apagar o conteúdo.

83


[email protected]






Checagem

O ícone Check-in em Joomla! não pode ser do tipo Quadrangular [1] ou outrosserviços baseados em localização. É um recurso de segurança para editar o seuconteúdo. Assim que um usuário começa a editar o conteúdo, o Joomla! bloqueia

esse conteúdo para todos os outros usuários. A vantagem deste comportamento éque as mudanças por outro usuário não podem ser substituídas. Isso é umacaracterística muito conveniente.Em seguida, o conteúdo é fechado e ninguém mais pode editá-lo!

Ninguém (exceto o usuário com a devida permissão, por exemplo, você como oadministror) pode checar novamente o conteúdo para permitir que outros editemele. Infelizmente, você só vai ser avisado por um pequeno cadeado que seráexibido perto do título ( Figura 3) ou por um pedido de socorro de um de seususuários :-).

Figura 3: Entrada

Links:[1] http://en.wikipedia.org/wiki/Foursquare_ 28social_network% 29%

84


[email protected]


http://en.wikipedia.org/wiki/Foursquare_%28social_network%29

http://en.wikipedia.org/wiki/Foursquare_%28social_network%29




7.Configuração do Website e Conteúdo

7. Configuração do Website e ConteúdoJoomla! tem níveis diferentes de opções de configuração. Estas opções sãotransmitidas do mais alto ao mais baixo nível.

Configuração Global Opções para artigos, componentes, módulos, plugins, linguagens e

modelos

7.1. Configuração Global Na Configuração Global você pode definir todas as configurações que são válidas para todo o site. A maioria dos valores das variáveis são guardados no arquivoconfiguration.php que é vital para suas informações como nome de usuário, nome do banco de dados e a senha do banco de dados, por exemplo, e parâmetros “menores”como a duração pré-determinada de listas apresentadas e como são armazenadasneste arquivo. A área de trabalho é dividido em quatro abas:

Definições do Site Configurações do Sistema Configurações do Servidor Permissões

As áreas de trabalho de cada guia contem dúzias de campos, caixas, interruptores eáreas de texto.

A maneira mais fácil para obter um vislumbre é mover o mouse sobre os rótulos e ler o texto de ajuda, que aparece em uma pequena tooltip amarela ( Figura 1).

Figura 1: Dicas

85


[email protected]





7.Configuração do Website e ConteúdoA maioria das opções é auto-explicativa. Vou citar algumas definições que são novasno Joomla! 1.6 com maior detalhes.

7.2. Configurações do SiteAs configurações do site servem para definir o nível de acesso padrão para novosusuários.

As definições de metadados agora contêm a opção para adicionar dados. Joomla!vai adicionar os seus dados para a declaração de meta dados em seu código HTML.Dependendo da otimização para motores de busca (SEO), é bom ou ruim ter essadeclaração em seu perfil de meta tags. :-)

<Meta name = conteúdo "direito" = "© 2011 cocoate.com

EURL, França "/>

Figura 2: Configurações do site

Em configurações de SEO, as novas opções são

Alias Unicode

Você define aliases para os títulos dos artigos. Com esserecurso URLs, como http :/ /example .c om /所有一起

são possíveis. Include Site Name in Page Titles

Com esse recurso o título do artigo aparece no documento do navegador na barra de título.

86


[email protected]


http://cocoate.com/

http://cocoate.com/




7.Configuração do Website e Conteúdo Definições de cookies são um recurso maravilhoso para avaliar um cookie emdomínios diferentes. Você vai precisar deste recurso se você tem um site(example.com

) E um ou mais sub-domínios (blog.example.com

) e pretendeoferecer a seus usuários o serviço de login de example.com e pós em

blog.example.com. Sem esse recurso, o usuário deveria fazer o login novamente para postar algo sobre blog.example.com.

7.3. Configurações do SistemaO usuário e as configurações de mídia não estão mais nessa área. Agora você iráencontrá-los em User e Media Manager .

As configurações de cache são diferentes, porque o sistema de cache de base foireescrito e agora oferece mais possibilidades. Em geral, fazer cache de seus sitesmais rápido, armazenando as partes do código HTML em arquivos. O servidor web pode oferecer esses arquivos rápidamente. É possível armazenar em cache páginas,

vistas de componentes e módulos. Você pode limpar o cachê em Site → Maintenance.

7.4. Configurações do ServidorTodas as configurações do servidor são as mesmas que no Joomla! 1.5. No entanto,vou falar da opção Force SSL. Esta opção está ficando mais e mais atenta. Você pode oferecer a seus usuários um tráfego completamente garantido. É necessárioter SSL configurado no seu servidor web e você precisa de um certificado SSL.

Figura 3: Configurações do servidor - SSL

87


[email protected]


http://example.com/

http://blog.example.com/

http://example.com/





http://example.com/


http://example.com/





7.5. PermissõesAqui é o local para definir as permissões globais para os grupos de usuários.Felizmente, nem sempre é necessário alterar as configurações padrão. Se você alterar aconfiguração de um grupo, é aplicável a este e todos os sub-grupos, componentes econteúdo. Basicamente você pode permitir, negar e herdar as permissões, cadagrupo tem seu próprio conjunto de permissões ( Figura 4).

Figura 4: permissões do grupo

7.6. Opções de conteúdo, componentes, módulosplugins, idiomas, modelos

Em cada gerenciador, você vai encontrar um ícone Options onde você verá umformulário ao clicar. Em alguns casoss a janela de opções tem uma guia permissõesadicionais, por exemplo, Categoria e Gerenciador de Artigos. Nestas guias de permissões você pode usar permissões globais para o site inteiro ou você pode alterá-las, dependendo de suas necessidades para todas as categorias e artigos.

Em ambos os casos, você também vai encontrar uma Filtro de Texto ( Figura 5). Ofiltro de texto é um conceito, que lhe permite pesquisar o texto com padrões comotags HTML e outros filtros. É possível definir filtros diferentes para diferentesgrupos. Um usuário registrado tem permissão para postar texto com tags HTML dentro,mas sem um iframe. Apenas grupos superiores têm o direito de publicar iframes!

88


[email protected]






Opções do Artigo - Filtro de Texto: Figura 5

89


[email protected]




8.Modelos


8. ModelosO modelo é uma das peças mais importantes de um website. Ele fornece aaparência, o design. Ela motiva os novos visitantes a permanecer e explorar seu site.Os visitantes regulares e usuários apreciam estar em um local com um belo e útildesign. Pense em outros produtos, por exemplo. Um carro precisa de um bommotor e pneus mas uma das razões mais importantes para a compra é muitas vezes o projeto. Mesmo que o design não seja o principal motivo, é muitas vezes umgatilho para contemplar a ideia de compra e pode fazer o comprador considerar asrazões mais palpáveis. Se o projeto está bem feito, as pessoas esperam que orestante também seja bem-feito. ( Figura 1, Figura 2)

Figura 1: Carro com adesivos (Richardmasoner

[1] [2])

Figura 2: Carro vermelho (FotoSleuth [3] [4])

Ambos automóveis são feitos para diferentes grupos-alvo. Eles são um exemplode diferentes abordagens no projeto.

90


[email protected]




8.Modelos

Hagen Graf cocoate.com Fevereiro 2011 Joomla! 1.6 Beginner's Guide -

Web design é parecido com artesanato. Possuir habilidades em técnicas comoHTML, CSS, JavaScript, PHP, edição de imagens e muitas outras é umimperativo. Joomla! é apenas mais uma ferramenta em sua caixa de ferramentas.

Um bom modelo não é apenas sobre cores e gráficos. A forma e o posicionamento

do conteúdo também é importante. O site deve ser amigável e de confiança.Exatamente este desafio faz-me lembrar os dois carros de novo.

Web design é uma profissão ainda jovem. Um web designer muitas vezes tem quelidar com a turma de baixo como, navegadores incompatíveis, editores de conteúdoinexperientes e outras pessoas envolvidas no processo de criação de um site "bom".A criação de um site Joomla! é geralmente um processo, no qual todos osenvolvidos aprendem muito. Ter um bom design é um trabalho árduo. :-)

Figura 3: P rimeira página Joomla!

reutilizados em outras páginas.qualquerquantidade demódulos. Módulos também podem ser HTML de

módulos. Você pode combinar a saída HTML de umcomponente com a saída Figura 3). Os blocos próximos aos artigos são diferentes para os artigos no meio (

página como um exemplo. O conteúdo do componente produz a saída HTMLmodelo. Cada página é acessível através de uma URL única. Tome a primeira

componente, vários módulos e pelo página é gerada pela saída HTML de umJoomla! é conhecido por sua qualidade e simplicidade. Em Joomla! uma única

8.1. Modelos Joomla!

91


[email protected]




8.Modelos


8.2.Posições Você deve saber, é claro, em que ponto você pode atribuir todos os módulos. Paraeste propósito, cada modelo oferece o que chamamos posições. Para ver estas posiçõesvocê tem que habilitar o módulo Preview Module Positions ( Extension - Template Manager - Options). Depois disso, você pode acessar seu site, usando o

parâmetro tp = 1 (http://localhost/index.php?tp=1). Você verá as posições demódulos sublinhadas e seus nomes ( Figur a 4). Em Extensions - Module Manager você podeatribuir uma destas posições a um módulo. Se você precisa do módulo em posições diferentes, você também pode copiá-lo.

[6]

Figura 4: P osições de Módulos

92


[email protected]


http://localhost/index.php?tp=1)

http://localhost/index.php?tp=1)



8.Modelos


8.3.Modelos do núcleoJoomla! 1.6 vem com três modelos de site e dois modelos de administrador. Você pode ver um preview em Extensions → Template Manager → Styles ( Figura 5).

Figura 5: Modelos de site

O modelo Atomic é um exemplo do que um modelo básico parece. No capítuloCriar um novo modelo usando o Atomic , vamos usar este modelocomo base para criar o nosso próprio modelo. O modelo Beez5 é a versão HTML 5do Beez2. Para a Administração, outros modelos estão disponíveis. (Figura 6)

Figura 6: Modelos para Administração

93


[email protected]




8.Modelos


Estilos

Os estilos são um novo recurso no Joomla! 1.6. Eles oferecem a possibilidade de criar e usar diferentes versões de um modelo. O modelo tem o mínimo de um estilo. Neste estilo, configurações podem ser feitas dependendo do modelo, como a

alteração dascor es ou fazer o upload do logotipo para o cabeçalho. Você pode definir oestilo padrão para seu site em Extensions → Template Manager → Est yles. Você podefiltrar entre estilos para Site e Administrador ao escolher a posição do filtro. O modelo padrão Beez2 vem com dois estilos pré-definidos: default e Parks Site.

Você pode criar estilos adicionais, copiando-os. Cada estilo pode ser atribuído aum item de menu. Se você quiser um fundo verde no seu site quando as pessoasclicam em um item de menu, por exemplo , e um fundo azul ao clicar no item B, você pode atribuir os estilos correspondentes ( Figura 7 ).

Figura 7: Atribua um estilo para cada item de menu

Você encontrará mais informações sobre modelos no capítulo Trabalhando commodelos.

Links:

[1]

http://www.flickr.com/photos/bike/201402884 [2] http://www.flickr.com / photos / moto / [3] http://www.flickr.com/photos/51811543 @ N08/4978639642 [4] http://www.flickr.com/photos/51811543 @ N08 /

94


[email protected]


http://www.flickr.com/photos/bike/201402884

http://www.flickr.com/photos/bike/

http://www.flickr.com/photos/51811543@N08/4978639642

http://www.flickr.com/photos/51811543@N08/

http://www.flickr.com/photos/51811543@N08/

http://www.flickr.com/photos/51811543@N08/4978639642

http://www.flickr.com/photos/bike/

http://www.flickr.com/photos/bike/201402884



9.Navegação


9.Navegação

Todo site precisa de uma navegação fácil de entender, caso contrário não será possível para um usuário encontrar o que procura. Isso pode parecer simples masnão é fácil de fazer. Em um mundo perfeito, qualquer página em um site pode ser acessada clicando duas ou três vezes. Outro fato é que, muitas vezes, senãosempre, os visitantes virão de um motor de busca ou sites de mídia social e chegam em qualquer lugar em seu site, menus na página principal. Esta é uma razão para pensar em um botão "Home" em cada página!

Um site tem muitas vezes uma navegação primária e uma secundária.A navegação primária é geralmente no topo ou na lateral esquerda ou direita.A navegação secundária está no fundo ou na parte superior, é geralmente um pouco menor do que a navegação primária. Ela contém links, como contato, sobrenós e avisos legais. A idéia por trás disso é ter esses links no site, mas não em uma posição muito importante.

Como regra geral, não coloque mais do que 4-8 links em um nível de navegação.

9.1.Breadcrumbs"Breadcrumbs" é um auxílio à navegação. O termo vem da trilha demigalhas de pão deixadas por Hansel e Gretel [1], no conto de fadas dos IrmãosGrimm. Normalmente são posicionados na horizontal no topo de uma página web.Duas estruturas são utilizadas:

Mostrar as ligações de volta a cada página anterior ao usuário que clicou atéchegar à página atual Mostrar a página atual

Breadcrumbs são uma maneira de impedir que os visitantes se sintam perdidos emseu site. Idealmente, os visitantes devem sempre saber onde eles estão no site ecomo voltar. Joomla! fornece um módulo de navegação para essa tarefa e osmodelos têm uma posição de navegação reservada para esta função ( Figura 1).

95


[email protected]




9.Navegação


Figura 1: Breadcrumbs

9.2.Menus Joomla! Navegações em Joomla! são criadas por menus chamados. Você pode criar quantos

menus você precisar para o seu site. Cada menu pode conter qualquer número deitens de menu aninhados e você ainda pode filtrar o nível. Um item de menu éatribuído a um componente ou URL. Módulos de estilos e modelos podem ser atribuídos a itens do menu. Nos dados de exemplo alguns menus já foram criados.

Vamos dar uma olhada em dois exemplos de navegação primária, com páginasestáticas e dinâmicas.

9.3.Primeiro exemplo: um catálogo estático ouestrutura de livro

Às vezes você precisa de um sistema de navegação para um livro, um catálogo ou umguia. Você vai encontrar essa configuração nos dados de exemplo no menu Sobre o Joomla!.Digamos que estamos escrevendo um livro curto que consiste em trêscapítulos. A navegação deve estar ligando todas as páginas e aparências, veja Figura 2.

96


[email protected]




9.Navegação


Figura 2: Estrutura do livro Estática

Preparação

Criar uma estrutura de livro com alguns capítulos.

O livro Joomla Introdução Conteúdo

Como usar A Como usar B

Modelos

Antes de criar itens de menu, você tem que criar artigos individuais (páginas) em primeiro lugar. Vá para Content → Article Manager → Add new article

( Figura 3). Você pode atribuir a categoria uncategorized para estes artigos, ouvocê pode criar um livro em uma categoria criada e atribuí-la aos capítulos.

Figura 3: S eis "capítulos de livros"

97


[email protected]




9.Navegação


Passo 1: Criar o menuVocê pode usar um menu já existente como ligaçãoprimária ou você pode criar um novo menu acessando Menus→Menu Manager → Ad d new Menu e preenchendo os formulário ( Figura 4).

Figura 4: Adicionar novo menu

Etapa 2: Criando os itens do menu

Ir para Menus→ Primary links e adicionar os seis artigos. Escolha Single Article no Tipo de item de menu. Selecione o artigo e insira um Título de Menu ( Figura 5).

Figura 5: itens de menu principal

Passo 3: Criando e atribuindo o módulo

Este passo é um "truque". Você tem agora os artigos, o menu e os itens demenu, mas você também vai precisar de um módulo para posicionar o menu em seu site.

Vamos em frente e criar emos um. Vá para Extensions → Modules → New Module e preencha o formulário. No campo Select Menu

98


[email protected]




9.Navegação


em Basic Settings , escolha Primary links. Selecione Yes nocampo Show Sub menu items ( Figura 6 ).

Figura 6: Módulo l igações primárias

A última etapa é a posição do modelo. Clique no botão Select position,filtr e para modelo Beez_20 e escolha a posição-4. Salve tudo e pronto.

Figura 7: Selecionar a posição de modelo

9.4.Segundo exemplo: Links para categorias (Revista de Notícias)

É possível criar link s para algumas páginas como no primeiro exemplo, mas o que vocêfaria se você tivesse milhares de artigos? A resposta é fácil em Joomla! 1.6:Construir uma estrutura com categorias, atribuir os artigos e vinculá-los a um

esquema de categoria.

99


[email protected]




9.Navegação


PreparaçõesPrecisaremos de algumas categorias de artigos:

Categorias:

Notícias Mundo

África

Europa Tecnologia

Internet Carros

Crie estas categorias ou use ascategorias existentes. .

Passo 1: O menuCabe a você como continuar. A maneira mais fácil é utilizar o menu já existente Primary Links.

Mas se você quiser, você pode criar um menu Notícias, como eu fiz.

Passo 2: Os itens do menu

Quando se lida com categorias você tem que pensar sobre o que deve ser apresentado após você ter clicado no link. O comportamento esperado no nossocaso é

Categoria Notícias = todas as notícias devem aparecer

Categoria Notícias→Mundo = queremos notícias só do mundoe assim por diante ( Figura 8).

100


[email protected]


Figura 8: Os itens de menu em menu de notícias



9.Navegação


Para alcançar o comportamento esperado, crie um item de menu do tipo Category Blog,em Required settings escolha a categoria recém-criada Notícias.Em Blog Layout Options, escolha Include Sub Categories - All

e # Leading Articles = 0. Continue com a criação de itens de menuaninhado cada categoria adicional e está pronto ( Figura 9).

Figura 9: Opções de Categoria

Agora você pode lidar com milhares de artigos. Sua navegação está preparada paraisso e os visitantes irão compreender o sistema imediatamente ( Figura 10).

Figura 10: Artigos na estrutura de cagoria

101


[email protected]




9.Vanegação


Alguns ajustes

Como você viu, há possibilidades quase infinitas de opções de ajuste. Muitas coisassão possíveis e geralmente há uma maneira de alcançar seus objetivos. Quanto aodesign de navegação, é possível filtrar o nível dos itens do menu no módulo. É possível, por exemplo, colocar

o primeiro nível das nossas Notícias no menu na posição superior e osegundo e terceiro nível na barra lateral à esquerda ou à direita

o menu inteiro em queda de cima para baixo e usar menus (dependendodas capacidades do modelo)

Se você brincar um pouco, você vai encontrar uma solução para quase todos os casos. Osistema de navegação Joomla! pode ser um pouco complexo, por um lado, mas é muito poderoso, por outro.

Links:[1] http://en.wikipedia.org/wiki/Hansel_and_Gretel

102


[email protected]


http://en.wikipedia.org/wiki/Hansel_and_Gretel





10.Usuários e Permissões


10.Usuários e PermissõesAs pessoas simplesmente tentam usar o site que você criou para eles - deforma ativa ou passiva. A melhor experiência, o melhor site serão percebidos.Joomla! - Como todos os CMS diferencia entre visitantes e usuários cadastradoscom permissões diferentes. Os visitantes costumam chegar através de motores de busca ou redes sociais e pode registr ar-se como usuário.Os utilizadores já registados na maior parte sabem o que estão procurando e vêm parao seu site com certas expectativas.

Quanto mais usuários o site tem, mais complexo o tema usuários e permissões torna-se. Em versões anteriores ao Joomla! 1.6, houve um sistema estático queconsiste de grupos de usuários, permissões e níveis de acesso que não podem ser alterados. Com Joomla! 1.6, o sistema antigo ainda está vivo como a configuração padrão de uma ferramenta muito poderosa chamada lista de controle de acesso

(Acess Control List).

Todo o acesso ao site será avaliado por um Grupo de Permissão, Até mesmo o acesso de um visitante. Depois de registrar em seu Joomla! website, o usuário setornará automaticamente membro de um Grupo de Permissão. O grupo tem permissões predefinidas e pertence a um nível de acesso. Um Nível de Acesso pode ter qualquer número de Grupos de Permissão. Um grupo pode ter qualquer número de usuários / visitantes. As permissões podem ser diminuidas esubstituídas em vários lugares.

Vamos começar dando uma olhada no processo de registro.

10.1.Registro e LoginO primeiro processo de registo no ciclo de vida do seu site foi concluído com ainstalação do Joomla!. Na última etapa foi solicitado um nome de usuário, umendereço de e-mail e uma senha. A pessoa que instalou o Joomla! é agora osuper administrador, que tem permissão para fazer tudo no site. É por isso quecada site Joomla! tem pelo menos uma conta de usuário. Cabe a esse usuário apenasmodificar o comportamento do site em Users - User Manager - Options ( Figura 1).

103


[email protected]






Figura 1: As opções de usuário

Em seu site Joomla!, você pode criar quantos usuários desejar . Você também pode permitir aos visitantes se registrarem. Dependendo das suas permissões, osusuários podem criar seus próprios conteúdos e / ou exibição de conteúdo que foicriado para eles em particular.

As opções de usuário

O formulário tem três guias

Component Nesta área, você é capaz de se configurar se é possível registrar-se ou não.Uma das novas funcionalidades do Joomla! 1,6 é a possibilidade deconfigurar em que grupo de usuários os visitantes estão e em qual grupo deusuários o usuário registrado estará por padrão.

MassmailÉ possível enviar um e-mail em massa para seus usuários. Nesta guia,você pode configurar as definições de e-mail estático.

Permissions

Neste guia, você pode gerenciar as configurações de permissão paracada usuário do grupo de usuário.

Entrar

Os visitantes podem se cadastrar no site. Portanto Joomla! oferece um módulo delogin, que pode ser posicionado no site ( Figura 2).

104


[email protected]






Figura 2: Módulo de Login

Este módulo pode ser configurado com vários recursos como texto personalizado, criptografia SSL e redirecionamento de login / logout. Dê uma olhada melhor em: Extensions - Module Manager ( Figura 3).

Figura 3: O pções d o módulo de login

A vantagem do formulário que é fornecido pelo módulo de login é que não hánecessidade do usuário clicar em um link antes que o formulário seja exibido.Se esse comportamento não é necessário ou você não quiser ter o formulário de logincomo um módulo, também é possível criar o formulário através de um componente.Portanto, você tem que criar itens de menu com o tipo de menu apropriado as

suas necessidades ( Figura 4).

105


[email protected]






Figura 4: tipos de item de menu para os usuários

Campos adicionais de perfil No passado, só foi possível ter campos adicionais no formulário usando extensões de terceiros. Para resolver essa questão e conectar os dados do usuário para o componente de contato, o núcleo Joomla! 1.

vem com um plugin chamado User Profiles. Em Extensions - Plugin Manager você pode ativar econfigurar o plugin (Veja também componente Contato) que fornece várioscampos adicionais, até um Termos de serviço opção, o usuário que tem que verificar durante o processo de registro para aceitar os termos de serviço ( Figura 5).

Figura 5: os campos de perfil adicionais

106


[email protected]






10.2.Grupos de Usuários A idéia de um grupo de usuários é criar conjuntos de permissões.

"Se você quer ser um autor do nosso site, você terá as seguintes

permissões. "

Em vez de atribuir essas permissões a cada usuário elas são atribuídas a um grupo.O usuário pode ser atribuído a um ou mais grupos. Imagine que você tenha 10.000usuários em quatro grupos diferentes. É fácil para o administrador gerenciar as permissões para o grupo. Sem grupos você teria que mudar as permissões a cada contacriada e manualmente. Se você usa grupos, você só tem que alterar as permissões uma vez!

Em Joomla! 1.6 cabe a você a configurar qualquer número de grupos deusuários. Em User Manager - Gr ou ps, Você tem uma visão geral de todos osgrupos, que estão no núcleo Joomla! ( Figura 6 ).

Figura 6: Grupo s de Usuários

A configuração padrão é mesm que foi o Joomla! 1.5. Se você está feliz com a estrutura então não é necessário mudar nada.

Padrão de permissão para o site e grupos de utilizadores finais

Registered groupUm usuário registrado pode logar, editar suas próprias credenciais e ver as partes do site que os usuários não registrados não podem ver.

Author groupO autor pode fazer tudo o que um utilizador registado pode. Um autor pode também escrever artigos e modificar seus próprio conteúdos.Geralmente, há uma link no menu do usuário para isso.

107


[email protected]






Editor group

O redator pode fazer tudo o que um autor pode. Um redator também pode

escrever e editar todos os artigos que aparecem na primeira página. Publisher group

O editor pode fazer tudo o que um redator pode. O editor também podeescrever artigos e editar cada peça de informação que aparece na página principal.Além disso, um editor pode decidir se os artigos são publicados ou não.

Permissões padrão para os grupos de backend

Manager group Um gerenciador pode criar conteúdo e pode ver a informação sobre várias partes do sistema. A ele ou ela não é permitido:

Administrar usuários Instalar módulos e componentes Atualizar um usuário super administrador ou modificar um

super administrador

Os trabalhos sobre itens de menu do site | Configuração Global Enviar uma correspondência em massa para todos os usuários Alterar e / ou instalar modelos e arquivos de idiomas

Administrator Ao administrador não é permitido:

Atualizar um usuário super administrador ou modificar umsuper administrador

Os trabalhos sobre itens de menu do site | Configuração Global Enviar uma correspondência em massa para todos os usuários Alterar e / ou instalar modelos e arquivos de idiomas

Super Administrator or Super user

Esse usuário tem permissão para executar todas as funções em Joomla!. Apenas um super administrador pode adicionar outros super administradores.

10.3.Níveis de Accesso Aos grupos de usuários podem ser atribuídos os níveis de acesso. Portanto, temosum usuário, ligado a um grupo, ligado a um nível de acesso ( Figura 7, Figura 8)

108


[email protected]






Figura 7: Níveis de acesso

Figura 8: Grupos ligados a um nível de acesso

Por que os níveis de acesso?Como vimos, os níveis de acesso são um conjunto de grupos. Com a combinaçãode permissões de grupo e os níveis de acesso é possível resolver todos os casos deuso. Em um artigo exemplo, você pode limitar o acesso a um nível deacesso ( Figura 9).

109


[email protected]






Figura 9: Níveis de acesso em um artigoO novo sistema é um grande passo para o Joomla!. Muitos usuários sofreram coma falta de grupos configuráveis, nível de acesso e permissões.

Agora tudo é possível no campo de permissões!

110


[email protected]




11.Gerenciador de Extensões


11.Gerenciador de Extensões Há muita coisa no seu pacote básico do Joomla!. Palavras comocomponentes, módulos, plugins, modelos e idiomas você já ouviu antes. Para alémdestes nomes, Joomla! consiste também de peças menor es conhecidas comobibliotecas e pacotes. Adicionalmente componentes, módulos, plugins e idiomas são listados no Joomla! diretório de extensão [1]. O projeto não tem lugar central paramodelos. A razão para isso é simples. Bibliotecas sãodesenvolvidas fora do projeto Joomla! e muitas foram também utilizadas por outros projetos de código aberto. Os modelos são algo muito individual e são, portanto, disponíveis nos sites dos seus criadores. Um diretório central,especialmente para os modelos seria útil no futuro.

Com o gerenciador de extensões reescrito em Joomla! 1.6 você pode instalar,atualizar , descobrir e gerenciar extensões diretamente de sua administração Joomla!.

11.1.Gerenciando extensõesVamos dar uma olhada em todas suas 110 extensões instaladas em Extensions → Extension Manager → Manager . Você pode filtrar a lista com vários parâmetros.Algumas extensõessãoprotegidas. Sua instalação Joomla! não funciona se vocêdesinstalar estas extensões protegidas ( Figura 1).

Figura 1: Tabela com todas as extensões instaladas

Nesta área, você pode habilitar, desabilitar e desinstalar extensões. Ativar e desativar funciona como um interruptor de luz. Você simplesmente mudar o estado entre ligado e desligado, todos os dados relacionados ainda são mantidos. Se vocêdesinstalar uma extensão, ele será excluída. Muitas vezes, extensões e componentes criam tabelas no banco

111


[email protected]






Cabe ao componente rotinas de instalação, se tabelas serão apagadas ou nãodurante a desinstalação. Consulte o manual ou o arquivo "leia-me" com antecedência para evitar surpresas.

O último ícone da barra de ferramentas é o ícone de cache. Toda extensão é capaz

de armazenar dados em cache. Você pode limpar esse cache separadamente para cadaextensão. Se o seu site Joomla! atrai muitos visitantes, e você quer limpar ocache inteiro por motivos de desempenho, você pode precisar dessa função.

Se você filtrar a lista para libraries, você vai encontrar esses quatro artigoscom o número da versão correspondente:

1. Joomla! Aplication famework , O que é o 'núcleo' real do Joomla! 1.6 pacote principal. Todas as outras extensões são construídas sobre esse quadro.

2. PHPMailer [2] é uma classe escrita em PHP para enviar e-mails. Isso éusado no componente e-mail .

3. SimplePie [3]é uma classe escrita em PHP para gerenciar feeds RSS e

Atom. Isso é usado no componente newsfeeds.4. phputf8 [4] é uma biblioteca UTF-8 [5], capaz de funções de

espelhamento do PHP. Você pode ter umaidéia do que esta biblioteca faz através da leitura UTF-8 e PHP [6].

Se você filtrar a lista de pacotes, você não vai encontrar nada no núcleo Joomla!. Sevocê instalou um idioma diferente do Inglês, você irá encontrar esse pacote deidioma lá.

11.2.Atualizando extensões Nesta área, as extensões de terceiros e da versão do núcleo próprio Joomla! são

listados. Aqui você pode verificar se há atualizações disponíveisclicando no ícone Find Updates. Se Joomla! encontra umaatualização e extensão que você deseja atualizar automaticamente, você tem que preencher o formulário configurações do FTP em Global Configuration → Server → FTP settings.Em seguida, selecione a extensão que você deseja atualizar eclique no ícone Update. O processo é totalmente automático e você vai receber mensagens e sugestões, dependendo da extensão, enquanto a atualização ocorre.

11.3.Instalando extensões Você pode instalar as extensões de três formas diferentes ( Figura 2):

112


[email protected]






Figura 2: Instalando extensões

1. Fazer upload de um pacote de arquivo Se você tiver baixado um arquivo .zip para o seu computador local que contémuma extensão Joomla!, você pode usar essa opção para carregar e instalar a suaextensão.

2. Instalar a partir do DiretórioSe você carregou um arquivo .zip em seu diretório raiz de documentos noseu servidor web que contém a extensão Joomla!, você pode usar essaopção para extrair e instalar a sua extensão.

3. Instalar a partir de URLSe você souber a URL de um arquivo .zip que contém uma extensão Joomla!,você pode usar esta opção para download, extrair e instalar a suaextensão.

11.4.Encontrando extensõesÀs vezes as coisas dão errado durante o processo de instalação, como arquivos que são

muito grandes, permissões não definidas corretamente ou por outras razões estranhas. Nesta área, o Joomla! tenta encontrar extensões que nãoestão instaladas, mas mesmo assim existem no diretório do arquivo. Se as extensõesde um ou mais são descobertas, você pode instalá-las usando o recurso de FTP. Não esqueça das credenciais corretas de FTP em:

Global Configuration → Server → FTP settings.

Usando e descobrindo a operação, você poderá instalar várias extensões ao mesmotempo!

113


[email protected]






11.5.Avisos As mensagens de erro relacionadas a instalações e atualizações aparecerão nestaárea. Se você não consegue resolver o problema por si mesmo, procure no Google o textoda mensagem, normalmente você vai encontrar uma solução ou pelo menosalguns conselhos.

Links:[1] http://extensions.joomla.org/

[2] http://phpmailer.worxware.com/[3] http://simplepie.org/[4] http://sourceforge.net/projects/phputf8 / [5] http://en.wikipedia.org/wiki/UTF-8 [6] http://www.phpwact.org/php/i18n/utf-8

114


[email protected]


http://sourceforge.net/projects/phputf8/

http://en.wikipedia.org/wiki/UTF-8

http://www.phpwact.org/php/i18n/utf-8

http://www.phpwact.org/php/i18n/utf-8

http://en.wikipedia.org/wiki/UTF-8

http://sourceforge.net/projects/phputf8/



12.Extensões do Núcleo



Como já vimos no gerenciador de extensões, o pacote Joomla! 1.6 é composto demuitas extensões integradas. Nós já entramos em contato com algumas delas. Comoum usuário do site, você provavelmente não se importaria muito sobre a extensão quevocê está usando, enquanto ela estiver funcionando. Comoadministrador, no entanto, você tem que saber exatamente o que está acontecendo. Jáolhei várias extensões Joomla!.

Nos capítulos seguintes, eu irei cobrir a funcionalidade de extensõesadicionais que fazem parte do núcleo Joomla! 1.6. No menu Components, você vaiver Banners, Contacts, Messaging, Newsfeeds, Redirects, Search e Weblinks.Vamos dar uma olhada para estes componentes, incluindo os módulos e plugins, e por último mas não menos importante, o envio de email em massa,

que permite enviar e-mails em massa para todos os usuários.

12.1.BannersO componente de banner oferece a opção de exibir banners de publicidade em seusite. Um banner pode ser composto por gráficos ou código HTML personalizado.Cada vez que seu site é acessado, um banner diferente será exibido a partir de seu gerenciador de banner. Você pode clicar nesses banners e se ligar ao site docliente. O componente de banner oferece o cliente, a categoria e a administração de banner, bem como análises detalhadas. Vou guiá-lo através de um exemplo da vida

real completo neste capítulo.Se você gostaria de vender anúncios em seu site, há três coisas que você vai precisar : clientes, banners e páginas em seu site para exibir os banners. Ah, esqueci um.Você também precisa de tráfego em seu site. Quanto mais tráfego, melhor.

Consoante os termos do contrato que tem com seus clientes, você também pode precisar de uma visão geral de acompanhamento de todas as impressões e cliques.

Vamos começar com o cliente. Eu moro em uma área turística e as empresaslocais querem anunciar seus serviços. Joomla! oferece assinaturas anuais,mensais, semanais, diárias e ilimitada. Você pode configurar o tipo de assinatura padrão em Components - Banner – Options.

Meu cliente gostaria de pagar uma taxa mensal para aparecer em todas as páginas comtrês diferentes banners. Eu adiciono o cliente em Components - Banner - Clients - N ew e preenche o formulário ( Figura 1).

115


[email protected]






Figura 1: Adicionando um cliente

Antes que eu possa criar banner s individuais, tenho que criar uma categoria primeiro. As categorias são muito úteis porque, mais tarde, no módulo de banner, eu posso escolher qual o cliente e para qual categoria o banner deve ser exibido

(Components - Banner - Categorie s).

Figura 2: o s tamanhos de banner padrão [1]

116


[email protected]






Eu sou livre para escolher o tamanho de cada banner, mas normalmente você vaiusar o padrão Web para tamanhos de banner. ( Figura 2)

O cliente gostaria de ter três faixas de tamanho de cabeçalho (728 x 90 pixels). Voucriá-los em Components - Banner - Banner . Eu escolho a categoria e o cliente,

faço o upload do banner e preencho o tamanho. Em Publishing Options possoconfigurar diversas opções, por exemplo, o início e o término para publicar o banner. Isso é especialmente útil para os planos de assinatura por tempo limitado.Há também uma opção para re-configuração, cliques e impressões ( Figura 3, Figura 4)

Figura 4: Banners em AdministraçãoO próximo passo é criar e / ou ativar um ou mais módulos de banner. Para cadatamanho de banner eu preciso de um módulo. No meu caso, todos os banners são domesmo tamanho, um módulo será suficiente. Eu vou em Extensions - Modules e

Figura 3: Adicionando banner

117


[email protected]





Hagen Graf cocoate.com Fevereiro 2011 Joomla! Beginner's Guide - 1.6 Fff

f iltr e para Banners. No momento não há nada lá, então eu crio um módulo,clicando no ícone New.

118


[email protected]






Dependendo do modelo, eu tenho que escolher uma posição. No meu caso, euvou escolher posição 12 do modelo Beez2. O banner aparecerá acima do conteúdo.Em Basic Settings você pode configurar muito mais. Também é possívelmostrar o módulo em seu conteúdo.

O campo Search by Tag é uma característica interessante. Quando ele é usado, o banner será exibido quando palavras-chave (definido no banner) e palavras-chave da página (definido no artigo e em outros lugares) aparecerem. Outra opção paracontrolar a visibilidade do módulo e dos banners é o Menu Assignment . Umacaracterística muito importante é a possibilidade de escrever um cabeçalho e / outexto de rodapé. Em alguns países os anúncios têm de ser rotulados ( Figura 5).

Figura 5: Módulo de Banners

O banner será exibido no site. Dependendo da configuração e da quantidade de banners,

um banner diferente vai aparecer cada vez que você atualizar a página. O banner em siestá ligado ao site do cliente e se você mover o mouse sobre a imagem, uma dicacom o título do banner será mostrada.

Eu já decidi criar um site de demonstração do livro, onde você pode ver osexemplos e em breve se tornar um cliente de banner. :-)

http://joomla16.cocoate.com ( Figura 6 ).

119


[email protected]


http://joomla16.cocoate.com/






Figura 6: Banners no siteSe configurado corretamente, todas as impressões e cliques do banner ser ão agoracontrolados pelo componente banner. Estes rastros podem ser visualizados emComponents - Tracks e filtrados por data, cliente, categoria e tipo (cliques ouimpressões) ( Figura 7 ).

Figura 7: rastreamento de banner

Links:[1] http://adzaar.com/docs/standard_ad_sizes

120


[email protected]


http://adzaar.com/docs/standard_ad_sizes

http://adzaar.com/docs/standard_ad_sizes



12. Extensões do Núcleo


12.2.ContatosTodo site precisa de um formulário de contato. Dependendo do provedor do site, às

vezes você pode precisar de apenas um, às vezes mais de um. Se for um site para uma empresa com mais de um departamento, eles podem querer ter umformulário de contato para cada departamento. Talvez você gostaria de exibir umformulário de contato para cada empregado ou a cada conta de usuário.

Tudo isso pode ser feito usando o componente de contato Joomla!.

Como já vimos, é muito fácil de configurar uma forma simples contato.Basta criar um contato, atribuí-lo a uma categoria e criar um item de menu.

Exemplo

Se várias formas de contato são necessárias, você deve pensar sobre a estruturasubjacente. Semelhante a categorias de artigos, é possível atribuir categorias de contato para os itens do menu. Como resultado, você verá uma lista de contatos atribuídos aessa categoria. Se você clicar sobre o nome ou o título destes contatos, você vai ver mais detalhes e o próprio formulário.

Tenho tentado diferentes cenários com o componente de contato e as possibilidadessão incríveis! Como em todos os lugares em Joomla! 1.6 você tem a opção de criar categorias aninhadas e tipos de item de menu diferentes. Nas opções (Components- Contact - Options), você pode, por exemplo, configurar a aparência doformulário de contato (Slider, Tab, no formatting ) e definir um númeroimpressionante de outros parâmetros.

Como exemplo eu criei uma área de contato para a nossa empresa, com trêsformas de contato para os diferentes tipos de informações e um formulário decontato para cada membro da equipe. Ao clicar no link, o formulário de contato einformações adicionais ir ão aparecer ( Figura 1).

121


[email protected]






Figura 1: Área de contato

Para este exemplo, criei duas categorias: Cocoate e equipe. A categoria equipe éuma sub-categoria de Cocoate. Teria sido possível adicionar uma imagem e umadescrição, mas eu decidi preencher o campo título apenas. ( Figura 2).

Figura 2: Categorias de contato

Para cada formulário de contato eu preciso de um contato com um endereço dee-mail. Os contatos podem ser atribuídos a usuários ou autônomos. Neste caso, eucriei três contatos autônomo relacionados com a categoria Cocoate semvinculá-los a um usuário. Eu também criei dois contatos referentes àcategoria equipe e, adicionalmente, relacionados a uma conta existente de usuário( Figura 3).

122


[email protected]





Figura 3: Contatos

Se ocorrer qualquer alteração de dados, como um número de telefone, por exemplo, seria bom para usuários relacionados ser em capazes de fazer essas alterações

diretamente de seu perfil de usuário no site sem ter que acessar a área doadministrador. Para esta tarefa Joomla! fornece o plugin User-Profile. Vocêapenas tem que ativá-lo em Extensions - Plugins. No perfil do usuário, uma novaárea é apresentada para os campos de perfil, que é ligado ao componente de contato.

12.3.Mensagens Mensagens é um componente do núcleo do Joomla e um sistema interno demensagens privadas para usuários de backend. Ele permite que você envie e rece ba mensagens a outros usuários com permissão para acessar a área do administrador.

O componente de mensagens é muito fácil de usar, no entanto, os usuários muitas

vezes esquecem o possibilidade de configurar o componente em Components -Messages - My SettingsVocê pode receber e-mail do sistema a cada novamensagem, excluí-las depois de 'x' quantidade de dias, e você também pode bloquear a sua caixa de entrada.

12.4.Feed de Notícias Feeds são muito úteis. É possível inscrever-se em diferentes tipos de informações enotícias. Infelizmente, ainda hoje, muitas pessoas não os usam por algumas razõesinexplicáveis. Trinta anos atrás, você tinha que comprar e ler um jornal para chegar aconhecer 'Notícias'. Quinze anos atrás você abria o navegador e visitava um siteapós o outro para conhecer "Notícias". Hoje, você ainda pode fazer ambos, mas étambém possível usar um agregador de feeds. O leitor do Google e o marcador dinâmico da barra de ferramentas do seu navegador ( por exemplo Firefox) são bastante populares. O componente Joomla! 1.6 Newsfeeds é um agregador também. Não é tãosofisticadod como o leitor do Google, mas também é bastante útil.

123


[email protected]






O componente da alimentação de notícias permite coletar feeds de outros sites e publicá-los no seu site.

No mundo de hoje de todos os meios de comunicação social, provavelmente, temdezenas de contas de usuário. Muitas vezes, vídeos e imagens são armazenados em

youtube.com e flickr.com. Em uma empresa, a situação é ainda mais complexa.Imagine a quantidade de informações disponíveis como newsfeeds sobre um projetocomo o Joomla! ou sobre a sua empresa.

Um leitor de feeds em nosso site

No próximo exemplo, nós queremos construir um leitor de feeds no nosso site. Voutentar recolher todos os bits e pedaços que são criados em torno de nossaempresa e incluí-los em um tabela. Nós temos uma conta para os nossos vídeos no Vimeo, uma conta no Flickr para imagens, várias contas do Twitter e ainda nãoé tudo :-)

Primeiro, eu vou criar uma categoria chamada newsfeeds Cocoate em Components→ Newsfeeds→Categorie s e depois cada entrada de feed em Components→ Newsfeeds→Feeds (Figura 1). O único problema é muitas vezes encontrar ofeedlink correto. Para exemplo, o nosso link do feed vimeo parece com este: http://vimeo.com/cocoate/videos/rss . O link do feed do Flickr paranossas fotos parece mais complicado (http://api.flickr.com/services/feeds/photos_public.gne? id = 17963290 @ N00 &lang = en-us & format = rss_200).

Nas opções de publicação você tem que digitar o número de entradas de alimentaçãoque você deseja mostrar e o número de segundos antes do cache ser atualizado. Joomla!armazena apenas o quantidade de itens que você configurou em seu cache. Este éum detalhe importante, porque em alguns países não é permitido armazenar

o conteúdo de um newsfeed público em seu banco de dados.

Figura 1: Uma coleção de newfeeds

Finalmente, você tem que criar um item de menu em um menu de sua escolha.

124


[email protected]


http://youtube.com/

http://flickr.com/

http://vimeo.com/cocoate/videos/rss

http://api.flickr.com/services/feeds/photos_public.gne?

http://api.flickr.com/services/feeds/photos_public.gne?

http://vimeo.com/cocoate/videos/rss

http://flickr.com/

http://youtube.com/





O componente Newsfeeds vem com três esquemas diferentes:

125


[email protected]






1. Lista de todas as Categorias de Feed2. Lista de Feeds em uma categoria3. Apenas um único Feed

Eu escolhi o segundo porque eu tenho todos os meus feeds em uma categoria no site, entre

meus feeds, por exemplo, o devídeo doVimeo ( Figura 2)

Figura 2: Os dados de feed

Quando você cria um feed de notícias, você pode configurar em Display Options entre outras coisas, se você deseja exibir os feeds de imagem ou não. Além disso,você pode limitar o número de caracteres do conteúdo que devem ser exibidos. Esterecurso é muito útil se o feed contém artigos mais longos, ou se você usar o módulo

Feed Display. Você pode criar um em Extension s - M odul e s - N ew. Aquiestá por exemplo, o feed do New York Times (http://feeds.nytimes.com / NYT / rss /HomePage). Configure o módulo na posição-4 e configure as Opções básicas

( Figura 3).

Figura 3: módulo de feed

126


[email protected]


http://feeds.nytimes.com/nyt/rss/HomePage)









12.5.Redirecionamentos Este componente atualmente (2011/02/14) não funciona - [# 24524] Redirecionar

Não com o SEF [1]

O gerenciador de redirecionamento é uma idéia maravilhosa. Ele redireciona o visitante para uma página válida quando ele entra em um caminho em seu site que não existe.É possível que ele já existia antes e foi adicionado ao índice de pesquisa de ummotor de busca, ou alguém guardou em outro site. Esse problema normalmenteocorre após o relançamento de um website.

O componente de redirecionamento é muito conveniente. Se alguém tenta acessar um caminho que não existe, Joomla! irá mostrar a página 404 - não encontrado e,simultaneamente, criar uma nova entrada no gerenciador de redirecionamento.

Ao acessar Components - Redirects, você verá estas ligações ( Figura 1). O plugin System - redirect deve ser ativado em Extension s→ Plugins.

Figura 1: Gerenciador de Redirecionamento

127


[email protected]






Agora você pode editar os links e adicionar uma nova URL de redirecionamento. A próxima vez que o caminho antigo for acessado, o componente de redirecionamentogarante que o visitante é redirecionado para o novo endereço. Você pode criar redirecionamentos em seu próprio site, se você está ciente de todos os caminhosantigos que não existem mais.

O componente usa o servidor web para reescrever o sistema. Atualmente, apenas Apache é compatível com mod_rewrite habilitado. Em Site → System Information você pode ver qual servidor web você está usando. ( Figura 2)

Figura 2: Sistema de Informação

Ao usar o Apache, vá para Global Configuration → Site → SEO Settings →Use Apache mod_rewrite e mude para o Sim. Em seguida, renomeie o arquivo htaccess.txt para .htaccess em alguns casos, mudar o nome do arquivo não pode ser possível porque o arquivo começa com um ponto. Eu uso o meu cliente de FTP ouo shell para mudar o nome do arquivo ( Figura 3).

Figura 3: .htaccess

Links:[1] http://joomlacode.org/gf/project/joomla/tracker/? action = TrackerItemEdit & tracker_item_id = 24524

128


[email protected]


http://joomlacode.org/gf/project/joomla/tracker/?

http://joomlacode.org/gf/project/joomla/tracker/?





12.6.Pesquisa As pessoas esperam ser capazes de pesquisar o conteúdo do seu site.

Joomla! usa a pesquisa de texto completa. Texto integral significa que o Joomla!

procura por todas as palavras-chave digitadas na caixa de pesquisa diretamente no banco de dados.

Isto pode parecer óbvio para a maioria das pessoas, mas não é. Muitos motoresde busca criam primeiro um índice de pesquisa que consiste de palavras usadas em seusite. Durante a pesquisa atual, o índice de pesquisa é consultado.Estas consultas estão ligadas ao conteúdo real. A página de resultado de pesquisa écom base nessas correspondências e ligações.

Índice de pesquisa indexado é mais rápido que a pesquisa de texto completa, maso índice deve ser atualizado a cada mudança no site, caso contrário o novo conteúdonão pode ser encontrado. A fim de compensar a vantagem de desempenho dafunção de busca de índice baseado em Joomla! este é altamente configurável.

Análise de termos de pesquisaPara conseguir vislumbrar o que os visitantes estão procurando no seusite, você tem que ligar o recurso de estatísticas (Components→ Search →Options: Gather Search Statistics -Então todos os termos serão gravados e listados em Components - Search. Não se esqueça de também lig

Show Search results ( Figura 1).

Figura 1: Estatísticas de Pesquisa

Interface de usuário

Você pode escolher entre uma caixa de busca que apareça em várias páginas de seusite ou um link para um formulário de busca. A extensão de pesquisa fornece ummódulo de pesquisa e um esquema de busca de itens de menu.O módulo de busca é ativado por padrão e mais modelos fornecem uma posição de busca especial para ele. Ele oferece várias opções, incluindo a configuração detexto dos botões, bem como definir a largura da caixa de pesquisa ( Figura 2).

129


[email protected]






Figura 2: Módulo de Busca

A página de resultado de pesquisa consiste em um formulário de busca maisdetalhado na parte superior da página e os resultados da pesquisa a seguir ( Figura 3).

Figura 3: Página Resultado da pesquisa

O usuário pode configurar as configurações de pesquisa (todas as palavras, as palavras-chave, frase exata) e alterar a ordem em que os resultados são exibidos. A pesquisa pode também ser limitada a itens de conteúdo diferentes, como artigos ecategorias.

130


[email protected]






Por trás das cenas

Você é capaz de configurar a pesquisa existentes através de plugins.Dê uma olhada: Extensíons - Plugin Manager e filtr e para o tipo search ( Figura 4).

Figura 4: Plugins de pesquisa

Para cada opção de pesquisar no formulário há um plugin. Você pode alterar a ordem dos plugins, atividade, ou desativá-los. Você também podeconfigurar várias opções para cada plugin, por exemplo, se deve procurar emartigos arquivados ou não.

Cada plugin instalado adicionalmente pode conter um tipo de pesquisa e integrar - se no processo de busca.

Esta estrutura de pesquisa baseada em plugins Joomla!é fácil de usar e rápida para ampliar!

12.7.WeblinksCom o componente Weblinks, você pode criar uma lista de links ou uma seção dedownload que você pode integrar em seu site. Joomla! fornece um sistema de

categorias aninhadas e conta com resultados individuais nos links. Este componente é útil para catálogos de link s. Adicionar categorias de links da webcomo muitos que você precisa, criar links de web quando você tem, então,ligar os dois através da atribuição de categorias. Adicionar link do menu, escolher um layout e configurar as opções.

O componente Weblinks oferece três layouts: List All Web Link Categories,

List Web Links in a Category e Submit a Web Link . Nós já vimos os dois primeiros layouts em artigos e categorias. Ao utilizar o terceiro, você pode

envolver os usuários na criação de um catálogo comum. Criar um item de menu" Envie um Link " no menu do usuário e definir as permissões em Components→Webl inks→ Options e permitir que usuários registrados criem links. As Opções oferecem seis guias cheias de detalhes configuráveis.

131


[email protected]




12. Extensões do Núcleo


Os dados de exemplo incluem um catálogo de weblinks ( Figura 1).

Figura 1: catálogo de weblinks

NoGerenciador de Módulos, você encontrará um módulo weblinks, que mostra os links de uma categoria em seu website.

12.8.Email em massa para os usuários Às vezes você quer enviar uma mensagem via email para todos os seus usuários.Às vezes você quer enviar a mensagem apenas para um grupo de usuários ouapenas para aqueles que têm acesso ao backend. Enviar e-mails é sempre um pouco delicado. Ninguém quer ser um spammer e ninguém quer receber SPAM, por isso tome cuidado!

A fim de usar o e-mail em massa, você tem que configurar o Joomla! para enviar e-mails em Global Configuration → Server → Mail settings.

Você pode configurar o Prefixo do Assunto e o Sufixo do Corpo de Email em: Users → Mass Mail Users: Options - Mass Mail

A interface do usuário do Email em Massa é de fácil compreensão.

Você pode escolher o grupo de usuários que devem receber o e-mail. Você pode determinar se os subgrupos de usuários também devem receber e-mails, se o e-mail é em formato html ou texto simples, e se todos osdestinatários listados no e-mail são marcados como BCC ( Blind Carbon Copy). Amensagem tem uma linha de assunto e corpo de mensagem. Você pode usar HTML,mas nenhum editor WYSIWYG é fornecido ( Figura 1).

132


[email protected]






Figura 1: formulário de email em massa

Armazenar e-mails em massa no Joomla! não é possível. Após o preenchimentodo formulário, clique no ícone Send e-mail. Agora, os e-mails estão sendoenviados.

133


[email protected]




13.Módulos


13.MódulosUm módulo é um elemento de conteúdo que pode ser posicionado ao lado de um artigo.Um menu, por exemplo, é um módulo. O bloco de registro ao lado esquerdotambém é um módulo. Você pode criar quantos módulos quiser com funções inteligentesmas precisa posicioná-los na área pré-definida no modelo.

Os módulos são elementos de design em cada modelo. Na maioria das vezes a pesquisae o módulo de navegação têm posições pré-definidas em um modelo. Isso também éválido para o módulo de navegação na área do cabeçalho, muitas vezes chamado de posição "superior".

13.1.Similaridades de todos os módulos

Cada módulo possui: Um título que pode ser exibido como um título ou oculto, Uma posição em um modelo, Um estado de mudança para publicaro módulo, Uma ordenação de índice para classificar os módulos na mesma posição,

normalmente utilizado nas barras laterais, Um agendamento de recurso com uma data de início e término, A opção de atribuir um idioma a ele. Só vai aparecer quando o

usuário selecionar esse idioma

A opção de adicionar uma nota para o módulo Omesmo sistema de escolha de menus como em modelos. Você pode

limitar o aparecimento do módulo.

13.2.Opções Avançadas Em Advanced Options, você pode:

Escolher layouts de modelo diferentes, se o modelo oferecer esse recurso. Adicionar um sufixo do módulo de classe, que adiciona um texto para a

classe CSS do módulo. Isso é útil para definir o estilo individual. Usar o sistema de cache par a ligá-lo ou desligá-lo e definir um tempo

antes do módulo sofrer o cache novamente.

134


[email protected]




13.Módulos


13.3.Módulos do Núcleo O Joomla! 1,6 contém 23 tipos de módulos diferentes.Vou listar e descrever brevemente em ordem alfabética.

(As descrições são parcialmente tomadas a partir da ajuda do Joomla!). Archived Articles

Oferece uma lista de meses e está relacionada com os artigos arquivados. Articles Categories exibe uma lista de categorias de uma categoria pai. Articles Category exibe uma lista de artigos a partir de uma ou mais

categorias. Articles - Newsflash irá exibir um número fixo de artigos de uma

categoria específica ou um conjunto de categorias. Você podeconfigurar a ordenação, o número de artigos, link leia mais e muitomais.

Articles - Related Articles exibe outros artigos que estão

relacionados ao que está sendo visualizado. Essas relações sãoestabelecidas pelas Meta Tags.Todas as palavras-chave do artigo atual são comparadas com todas as palavras-chave de todos os outros artigos publicados. Por exemplo, você pode ter um artigo sobre a "criação de psitacídeos" e outra sobre "a mãoque levanta Cockatoos Black ". Se você incluir a palavra "papagaio" emambos os artigos, o Módulo ligará os artigos "criação de psitacídeos" ao "a mão que levanta Cockatoos Black" e vice-versa.

Banners exibe o banner ativo.

Breadcrumbs exibe a exposição do rastro de navegação.

Custom HTML permite que você escreva seu própriocódigo HTML e o exiba em uma posição adequada ao módulo. Em Basic Options neste módulo, existe a utilidade Prepare Content.Joomla! oferece a possibilidade de aplicar funçõesadicionais ao conteúdo do artigo, como camuflagem de e-mail, através domecanismo de plugins. Se você ligar o Prepare Content , o conteúdo HTML quevocê adicionou ao módulo será tratado como qualquer outro conteúdo do artigo.

Feed display permite a exibição de um feed RSS.

Footermostra informações sobre direitos autorais Joomla!.Você tem permissão para desativá-lo, mas é recomendado

mantê-lo em no seu site! Language Switcheré novo no Joomla! 1.6 - Ele exibe uma lista de idiomas

de conteúdo disponíveis para alternar entre eles.

135


[email protected]




13.Módulos


Latest News mostra uma lista dos artigos maisrecentemente publicados. As opções de filtragem são: pela categoria,autor e artigos em destaque.

Latest Users exibe os últimos usuários registrados. Você pode ligar para o perfil do usuário, limitar a quantidade de usuários e você pode escolher entre diferentes tipos de informações do usuário para ser mostrado.

Login module exibe um nome de usuário e senha no formulário de login.Também exibe um link para recuperar uma senha esquecida. Se o registrode usuário estiver habilitado (User Manager → Options), outro link será mostrado para permitir a auto-inscrição para os usuários. É possível, por exemplo, adicionar texto ao formulário, redirecionar o usuário após ologin e logout, criptografar o formulário de login usando SSL, que deveser fornecido pelo servidor web.

Menu é um container, que exibe itens de menu de um menu existente.Um menu pode conter itens de menu aninhados. Você pode

filtrar esses itens ao nível inicial e final, por exemplo, todos os links dosegundo e terceiro nível. Também é possível decidir se o item desubmenu deve ser mostrado ou não.

Most Read Content mostra uma lista dos artigos publicadosatualmente, qual têm o maior número de page views. Você pode filtrar por categoria e limitar o número de artigos.

R andom Image exibe uma imagem aleatória a partir do seudiretório escolhido. Normalmente, você irá usar o gerenciador de mídia quearmazena essas imagens. Você pode configurar o tipo de arquivo da imagem,uma URL para redirecionar casoa imagem for clicada, e você pode ajustar a largura e a altura das imagens. No entanto, tenha cuidado com a última opção.Joomla! não redimensiona a imagem original, só define os atributos da tagimg.

Search exibe uma caixa de pesquisa. Você pode configurar odesign da caixa, a posição e o texto do botão.

Statistics mostra o módulo sobre a instalação doservidor juntamente com as estatísticas sobre os usuários do site, o númerode artigos em seu banco de dados e o número de links da web que vocêfornece.

Syndication Feeds cria um feed de distribuição para a página onde omódulo será exibido. Ele exibe um ícone. Você pode inserir um textoa ser exibido perto do ícone e escolher o formato do feed (RSS 2.0,Atom 1,0).

Weblinksexibe a partir de uma categoria definida nocomponente Weblinks.

136


[email protected]




13.Módulos


Who's Online exibe o número de usuários anônimos(visitantes, por exemplo) e os usuários registrados (aqueles logados) que estãoacessando o site.

Wrapper mostra uma janela iFrame em um local especificado.Você pode configurar a URL de onde o site externo está localizado, ointerruptor on / off, definir a altura e largura e o nome do destino.

137


[email protected]




14.Plugins

Joomla! Beginner's Guide - 1.6 -94 - Hagen Graf - cocoate.com - Fevereiro 2011

14.Plugins

Um plugin adiciona capacidades específicas para um componente. O termo plugintambém é usado em outros lugares. Por exemplo, os plugins são comumenteutilizados em navegadores web para tocar vídeos. Um plugin bem conhecido noexemplo é o Adobe 's Flash Player. Um bom exemplo para o uso de plugins emJoomla! é o componente de pesquisa. Cinco plugins de pesquisafuncionam em conjunto para encontrar conteúdos de diferentes componentes Joomla!

Joomla! tem oito tipos de plugins: autenticação, conteúdo, editores- xtd , editores, extensão, pesquisa, sistema e usuário. Estes são também os nomes dossub-diretórios onde os arquivos dos plugins estão localizados. Por exemplo, os plugins do

tipo autenticação estão localizados no diretório do website / plugins / authentication. Não é possível e não é necessário criar um plugin na área de administrador,como temos visto no capítulo módulos. Um plugin deve ser instalado através do

Gerenciador de Extensões (Extension Manager).

14.1.AuthenticationAutenticação em Joomla! é o processo de verificar se um usuário deveser autorizados a fazer alguma coisa no site. A autorização, que é sempre o processoque precede à autenticação, verifica se um usuário autenticado tem permissão para fazer alguma coisa. Você autentica com seu nome de usuário e senha, e você estáautorizado a ser um membro de um grupo de permissão.Joomla! oferece três possibilidades de autenticação.

( Figura 1). Tenha cuidado com a desativação de plugins de autenticação. Você deveter pelo menos um plugin ativado ou você perderá todo o acesso ao seu site

Figura 1: Plugins de Autenticação

138


[email protected]




14.Plugins


Joomla!

Plugins oferecem o comportamento padrão para Joomla. Você preenche oformulário de login com seu usuário e senha e suas informações de login são verificadas.

GMail

Se você ativar o plugin GMail, os usuários serão capazes de se registrar em seu siteusando o seu endereço e senha do Gmail. A princípio, o registo não é necessário. No primeiro login,o sistema irá criar uma conta de usuário no seu banco de dados. A senha do GMail é armazenada criptografada no banco dedados, por isso suas contas de usuários do Gmail não podem ser hackeadas. Este plugin facilita o processo de login para seus usuários. Infelizmente, não há nenhuma

indicação no formulário de login que indique a possibilidade de login com GMail. Você teráque adicionar esta informação adicional ou encontrar outra solução criativa.

LDAPA Lightweight Directory Access Protocol (LDAP)[1] é um protocolo de aplicativo paraleitura e edição de dados de serviço de diretório. É utilizado em empresas para agestão de departamentos de filiação, bem como números de telefone de empregado.

dn: cn=John Doe,dc=example,dc=com cn: John DoegivenName: John SN: DoetelephoneNumber: +1 888 555 6789

telephoneNumber: +1 888 555 1232

mail: [email protected]

objectClass: organizationalPersonobjectClass: pessoa

objectClass: top

Para poder utilizar este plugin para autenticação, você vai precisar de um servidor LDAP (OpenLDAP) e você tem que configurar o plugin LDAP com o servidor de dados específico. Você vai encontrar um bom tutorial em joomla.org: LDAP a

partir do zero[2].

14.2.Content

Além do plugin Content , todos os outros plugins de conteúdo estãorelacionados com o texto que você inserir em um artigo. O HTML personalizado podeusar o conteúdo de plugins. ( Figura 2)

139


[email protected]


mailto:[email protected]

http://joomla.org/




14.Plugins


Figura 2: Plugins de Conteúdo

Joomla

O plugin Joomla tem duas tarefas:

1. Quando você tenta excluir uma categoria, ele verifica se a categoria está"vazia". Vazia significa que não há nenhum artigo ou sub-categoria atribuído aela. Você pode desativar esse recurso em Basic Settings.

2. Se um novo artigo é apresentado através da interface, o plugin enviaum e-mail a todos os utilizadores para os quais Send Email estáativado (User Manager - Edit User ). Este recurso pode ser desligado em Basic Settings.

Loading Modules

Este plugin carrega a saída HTML de todos os módulos atribuídos a uma posição. Tudo que você precisa fazer é escrever {loadposition position-14}

no espaço onde os módulos devem ser exibidos. Esse recurso éespecialmente útil para colocar banners no conteúdo.

Email Cloaking

Este plugin transforma um endereço de e-mail inscrito no conteúdo sob aforma de [email protected] em um link, e esconde o endereço de email por meio de JavaScript. A vantagem disto é que os programas de coleta de endereçode email não podem lê-lo muito facilmente.

Code Highlighter

O plugin faz Realce de Sintaxe quando possível, e cria um impressionante anúncioem seu site, se você inserir código ele deve ser formatado dentro das tags <pre> </ pre>

140


[email protected]






14.Plugins


<pre>

if ($number > 0)

{

echo $number;}

else {

$number++;

}

</pre>

Pagebreak

O plugin pagebreak cuida de quebras de página em artigos.Além de uma quebra de página simples, vários cabeçalhos e títulos de página também podem ser definidos. Você pode definir pagebreaks usando o diálogo pagebreak.

A quebra de página será exibida na janela de texto como uma simples linha horizontal. No código HTML, o pagebreak é parecido com este:

<hr title="Título da página" alt="Tabela de Conteúdos"class="system-pagebreak" />

Page Navigation

Este plugin integra as funções Seguinte e Anterior ao abrigo dos artigos.

Vote

Este plugin adiciona a funcionalidade de votação aos artigos.

14.3.Editors-xtdOs quatro plugins editors-xtd geram os botões abaixo da janela do editor ( Figura 3).

141


[email protected]




14.Plugins


Figura 3: Plugins Editor-xtd

Article

Exibe um botão para ligar o próprio artigo a outros artigos existentes. Depois de clicar no botão, uma janela pop-up será exibida permitindo que você escolha o artigo

para o link.

Image

Este plugin exibe um botão para inserir imagens em um artigo.Depois de clicar no botão, uma janela pop-up será aberta permitindo que você escolha umaimagem do diretório de mídia ou faça upload de novos arquivos e configur e suas propriedades.

Pagebreak

Fornece um botão para ativar um pagebreak para ser inserido em um artigo. Uma janela pop-up permite configurar as definições a serem usadas. O plugin deve ser ativado juntamente com o plugin Content - Pagebreak .

Readmore

Permite um botão inser e o link Leia mais link em um artigo.

14.4.EditorsJoomla! vem com dois editores ( Figura 4). Em Global Configuration - Site

você pode definir o editor padrão para o seu site. Além disso, você pode atribuir umeditor diferente para cada conta de usuário (User - Manager ).

142


[email protected]




14.Plugins


Figura 4: Plugins Editor

CodeMirror

CodeMirror [3] é uma biblioteca JavaScript que pode ser usada para criar uma interface relativamente agradável ao editor de código como o conteúdo - programasde computador, a marcação HTML, e semelhantes. Este plugin deve ser ativado se

você deseja oferecer campos de texto com o editor CodeMirror. Você pode configurar o comportamento do editor em Basic Settings.

None

Este plugin deve ser ativado se você deseja oferecer campos texto sem um editor.

TinyMCE

TinyMCE [4] é uma plataforma independente baseado na web Javascript HTMLWYSIWYG. É o editor padrão no Joomla!.

14.5.ExtensionO tipo de plugin Extension está relacionado com as tarefas relativas à gestão de extensões Joomla! .

Joomla

Este plugin gerencia atualização de extensões.

14.6.SearchOs plugins de pesquisa para Conteúdo, Weblinks, Contatos, Categorias e Newsfeeds podem ser ativados quando necessário. Eles implementam a função de pesquisa do componente Pesquisa. Esses plugins tem que ser ativados se vocêestá tentando obter resultados de pesquisa de suas respectivas seções.

143


[email protected]




14.Plugins


Os respectivos plugins têm de estar disponíveis, bem como ( Figura 5).

Figura 5: Plugins de Pesquisa

14.7.SystemPlugins de sistema estão profundamente integrados no Joomla! enormalmente, afetam o comportamento de todo o site ( Figura 6 ).

Figura 6: Plugins de Sistema

Language Filter

Este plugin oferece filtros dependendo do idioma desejado. Tem que ser ativado somente quando o módulo Language Switcher é publicado.

144


[email protected]




14.Plugins


P3P Policy

A Plataforma para o Projeto Privacy Preferences (P3P) [5], é um protocolo que permite sites declarar em sua utilização de informações. O sistema de segurança P3P permite que

o Joomla! envie uma seqüência personalizada de tags de política P3P nocabeçalho HTTP. Isso é necessário para as sessões funcionar em corretamentecom alguns navegadores, como, Internet Explorer 6 e 7.

Cache

Este módulo fornece o cache de página. Você pode configurar se você gostaria deusar o navegador do cliente para as páginas em cache.

Debug

Isso torna a função de depuração disponíveis, que é muito importante para os programadores. Você pode configurar os parâmetros para determinar quaisinformações serão exibidas.

Log

Este plugin faz os arquivos de log do sistema disponíveis.Você pode determinar a localização do arquivo de log em Global Configuration- System - System Settings. Este é um exemplo de um arquivo de log ( / l ogs / error.php):

#Version: 1.0#Date: 2011-02-13 12:39:38 #Fields: date time level c-ip status comment #Software: Joomla! 1.6.0 Stable [ Onward ] 10-Jan-2011 23:00 GMT

2011-02-13 12:39:38 - 92.143.161.32 Joomla FAILURE:Empty password not allowed

Redirect

Fornece o recurso redirecionamento em conjunto com o componente deredirecionamento.

Remember Me

Este é um método para salvar os dados de acesso local em um cookie nonavegador do cliente. Quando um usuário visita seu site novamente, os dados já

145


[email protected]




14.Plugins


estão em forma. Esse armazenamento só é habilitado marcando explicitamenteuma caixa abaixo do formulário de login.

146


[email protected]




14.Plugins


SEF

O SEF é a sigla para Search Engine Friendly. Este plugin cria URLsamigáveis para os elementos de conteúdo, que podem ser configurados emGlobal Configuration - SEO Settings

.

Logout

O plugin logout do sistema permite que o Joomla! redirecione o usuário paraa página inicial se ele escolher sair do site.

14.8.UserOs plugins estão relacionados a funções específicas do usuário ( Figura 7 ).

Figura 7: Plugins Usuário

Profile

O perfil de usuário oferece a oportunidade de pedir ao usuário paraadicionar campos do perfil, que podem ser configurados em Basic Settings.Também pode ser combinado com o plugin criador contato para criar automaticamente um item de contato para cada usuário.

Contact Creator

Um plugin para criar automaticamente as informações de contato para novosusuários. Ele trabalha em conjugado com o plugin de perfil.

Joomla!

Este plugin cria um usuário no banco de dados após a primeira autenticação bem-sucedida.

147


[email protected]




14.Plugins

Links:

[1] http://en.wikipedia.org/wiki/Ldap [2] http://community.joomla.org/component/zine/article/507-developer-ldap-from-

scratch-Sam-moffatt.html [3] http://codemirror.net/[4] http://tinymce.moxiecode.com/[5] http://en.wikipedia.org/wiki/P3p

148


[email protected]


http://en.wikipedia.org/wiki/Ldap

http://community.joomla.org/component/zine/article/507-developer-ldap-from-scratch-sam-moffatt.html


http://en.wikipedia.org/wiki/P3p

http://en.wikipedia.org/wiki/P3p



http://en.wikipedia.org/wiki/Ldap



15.Sites multi-linguagem


15.Sites multi-linguagem Eu vivo na Europa. A Europa tem 23 idiomas oficiais. Se você estiver vindo paracriar websites em regiões como esta, você tem que pensar sobre o multilinguismo.Duas coisas são especialmente desafiadoras quando se trata de criação de sites multi-linguagem: a tradução do Joomla! estática, seqüências de texto, bem como a traduçãodos itens de conteúdo. Enquanto o primeiro desafio pode normalmente ser superado facilmente, o segundo apresenta o verdadeiro desafio.

O núcleo do Joomla! 1.6 está até agora disponível em 23 línguas ( Fevereiro 2011).Joomla! 1.5 está disponível em 51 línguas e mais línguas são esperadas em breve. Mais de 50 idiomas estão em fase de elaboração [1].

Vamos construir um site multi-linguagem usando o núcleo do Joomla! 1.6 neste capítulo.

15.1.Pacotes de idiomasVocê pode baixar os pacotes de tradução no Joomla! Code [2] ou Joomla!Extensions [3] e instalá-los usando o Gerenciador de Extensões.

Eu tenho feito isso com o alemão, bem como o pacote de idioma francês.Após a instalação, você encontrará os três idiomas instalados ( Figura 1),Visitando Extensions → Language Manager no backend.

[6]

Figura 1: idiomas instalados

Configuração do Idioma

A partir de agora, ainda é necessário dar uma olhada para a configuração de idioma para ver se os idiomas estão publicados ( Extension → Language Manager → Installed)

e os atributos de conteúdo do idioma estão corretos ( Figura 2).Dêuma olhada em: (Extension → Language Manager → Content). Se não houver um item deconteúdo para a idioma instalado, crie um clicando no ícone de novo. Isto é o queaconteceu comigo depois que eu instalei o pacote de língua francesa.

149


[email protected]





Figura 2: Editar linguagem de conteúdo

15.2.Plugin filtro de linguagem

Para Joomla! ser capaz de distinguir entre as diferentes linguagens, existe o plugin System - Language Filter que tem de ser ativado. Você é capaz deconfigurar o idioma para ser mostrado ao visitante, seja o idioma da versão oficial

de seu site ou a configuração do browser do cliente, simplesmente usando as opções de

configurações. Outra configuração é Automatic Language Change. Se ativada, alinguagem de conteúdo será automaticamente alterada para o cliente.

Todos nós podemos configurar o idioma de frontend, uma vez que estamos registrados no frontend. Na maioria das vezes, há um menu de utilizador que, consoante aosseus direitos, fornece-lhe itens de menu diferentes. Neste menu de usuário, vocêtambém vai encontrar o link Your profile. Clique sobre o link e você será capaz de

ver e editar os dados de seu perfil. No formulário de perfil ao abrigo de Basic Settings,os usuários podem escolher entre outr as configurações edefinir o idioma ( Figura 1). Você pode usar o padrão de idioma ou usar um dos

idiomas disponíveis. Dependendo dessas definições, o plug-in permite que você visualize o site no idioma correspondente.

Figura 3: Perfil de usuário - Configurações BásicasHagen Graf cocoate.com Fevereiro 2011 Joomla! Beginner's Guide - 1.6

150


[email protected]


http://cocoate.com/



15. Sites multi-linguagem


15.3.Módulo de linguagem Através da ativação do módulo Language Switcher , você tem a possibilidade dealternar entre os idiomas na interface, não importando se você é um visitante ou umusuário conectado. Em Basic Settings você pode adicionar textos e escolher se vocêgostaria de exibir o nome do idioma ou o ícone da bandeira.Tenho certeza que modelos de terceiros irão fornecer modelos especiais de para este módulo em um futuro próximo. No Beez2 modelo padrão, posição-7 funciona bem em combinação com as bandeiras.

Figura 4: Language Switcher

15.4.Itens de conteúdo multi-linguagem Como já mencionado anteriormente, cada item de conteúdo, como um artigo,

podem ser atribuídos a um idioma. A dificuldade está agora na criação de todosesses itens de conteúdo em todos os idiomas de origem e de destino ( Figura 5).

Figura 5: campo Idioma

151


[email protected]




15. Sites multi-linguagem


Você pode criar itens de conteúdo em qualquer idioma, mas, infelizmente, Joomla!1.6 ainda não oferece um fluxo de trabalho de tradução, o que significa que vocêtem que prestar atenção para evitar erros.

15.5.Um site multi-linguagem O meu site exemplo consiste em

Uma página inicial com artigos, Um blog, Uma página 'Sobre nós', Um formulário de contato.

Figura 6: Site de exemplo

Todos os itens de conteúdo têm de estar disponíveis em diferentes idiomas ( Figura6 ). Você vai encontrar este site exemplo em: http://joomla16.cocoate.com.

Página inicial

Eu crio alguns artigos para cada idioma com o atributo de destaque( Home, Front Page, Accueil ). Em Basic Settings, eu configur o a quantidade deartigos e colunas que estão sendo exibidos. Eu atribuo home a cada um

desses itens de menu clicando no ícone home ( Figura 6 ). Ao clicar no link 'home'você será redirecionado para uma das três primeiras páginas,dependendo do idioma ( Figura 7 ).

152


[email protected]









Figura 7: Um frontpage para cada idioma

[14]

Um blog No meu caso eu já tenho um blog no cocoate.com, então eu uso o componentenewsfeeds para exibir as entradas de blog externo. Eu crio um item feed paracada idioma e os itens de menu correspondente.

Uma página 'Sobre nós'

Eu crio uma página 'Sobre nós', tal como descrito no capítulo Como criar uma página "Sobre nós" para cada idioma.

Um formulário de contato

Eu uso um formulário de contato único para os inquéritos gerais. Eu só precisode um item de contato, por isso não é necessário atribuir um idioma. Só se osdados de contato forem diferente em diferentes idiomas, por exemplo, endereço

diferente ou e-mail, será necessário criar um item de contato para cada idioma.

Formulário de login

Em cada página um formulário de login será visível. Eu copiei o módulo em Inglêsduas vezes, configurando o assigment menu, mudei o título e atribui a corretalinguagem. Agora é possível fazer o login e registro no meu site.

Menu de usuário

Eu usei o menu de usuário existente, que lhe fornece um link para seu perfil, bem

como para a criação de um artigo ou weblinks. ( Figura 8).

153


[email protected]


http://cocoate.com/

http://cocoate.com/





Figura 8: edição de f ront-end

Como você pode ver, a criação de um site multi-linguagem com núcleo do Joomla! 1.6é muito simples!

Links:

[1] http://joomlacode.org/gf/project/joomla/scmsvn/?action=browse&path =%2Fdevelopment% 2Ftrunk% 2Finstallation% 2F% 2Flanguage[2] http://joomlacode.org/gf/project/jtranslation1_6/frs/ [3] http://extensions.joomla.org/extensions/languages/translations-for-joomla

154


[email protected]


http://joomlacode.org/gf/project/joomla/scmsvn/?action=browse&path=%2Fdevelopment%2Ftrunk%2Finstallation%2F%2Flanguage





http://joomlacode.org/gf/project/jtranslation1_6/frs/

http://extensions.joomla.org/extensions/languages/translations-for-joomla

http://extensions.joomla.org/extensions/languages/translations-for-joomla

http://joomlacode.org/gf/project/jtranslation1_6/frs/




16.Trabalhando com modelos


16.Trabalhando com modelosPara ser capaz de trabalhar com modelos, você não só precisa de habilidades de bomdesign, mas também ter conhecimentos de HTML e CSS. Alguns navegadores,infelizmente, não utilizam as últimas versões, é por isso que outras versõesainda são muito comuns.

O próximo desafio é o debate interminável entre desenvolvedores e designers sobre"como fazer as coisas do jeito certo". Designers dependemdedesenvolvedores porqueeles precisam de marcação HTML com a possibilidade de adicionar classes CSS. Osdesenvolvedores também dependem de designers, porque sem um modelo bemconcebido o melhor componente será difícil de usar.

Joomla! foi construído com soluções para os desafios!

O template Beez, também existe como XHTML e uma versão HTML5 e àmarcação HTML adequada e classes CSS são criadas com as chamados Substituiçõesissosignifica que um designer pode substituir a saída HTMLque extensão do desenvolvedor produz, sem alterar o código fonte original.

Outro agente importante na indústria do modelo é o Webmaster. Muitas vezes, elesó quer mudar o cabeçalho gráfico, as cores, a largura e algumas outras opções.

Joomla! novamente tem a solução perfeita para fazer isso e é chamado

Estilo.Modelo significa que você pode criar qualquer número de cópias deum modelo já existente para configurar o seu próprio conjunto de opçõese atribuí-lo a todos os itens de menu ou de vários.

16.1.Criando seu próprio estilo No capítulo sobre, f oi construído um site baseado no modelo Beez2. Agora eu gostaria de criar meu próprio estilo e mudar algumas opções em. Essas mudançassão as seguintes:

O nome do estilo: Beez2 - Cocoate Logo: Eu não quero um logotipo, por isso cliquei no botão Título do site: Joomla! 1.6 Descrição do Site: Cocoate - consultoria, treinamento, ensino Modelo de cor: Natureza

Eu salvo o estilo como uma cópia, clicando no ícone ( Figura 1).

155


[email protected]






Figura 1: modelo de estilo individual

Meu site agora tem uma aparência totalmente diferente ( Figura 2). É possívelcriar estilos diferentes para diferentes partes do site usando o recurso assigmentmenu.

Figura 2: Site com estilo Beez2

Criação de estilos diferentes, com opções disponíveis é a solução mais fácil emuitas vezes o melhor e mais rápido. Quando uma atualização Joomla! estiver disponível, seus estilos individuais ainda poder ão ser acessados na nova versão.Você ainda está trabalhando com o núcleo do pacote Joomla! 1.6 sem extensõesadicionais!

16.2.Customizando modelos existentesSe você está lendo este capítulo, eu assumo que você já criou uma modelo deestilo, descobriu como trabalhar com todas as opções de modelo disponíveis, mas

156


[email protected]






ainda gostaria de ter mais possibilidades. Bem-vindo ao mundo do HTML e CSS!, eu também vou assumir que você sabe o que são essas abreviaturas. Se não, dê uma olhadana wikipedia para Estilos de HyperText Markup Language (HTML) [1] e em Cascade Sheets (CSS) [1].

Em Joomla! é possível editar todos os CSS utilizados pelo modelo dentro doTemplate Manager. Ir para Exten - Template Manager - eclique no link beez_20 . Lá, você será capaz de fazer mudanças no modelo

beez2, bem como acessar todos os arquivos modificados ( Figura 3).

Figura 3: Beez2: Personalizar

Os arquivos CSS editáveis são os arquivos que estão localizados no sistema dearquivos na pasta htdocs / templates / [template_name] / css. Clique no nome do arquivo CSSe um formulário será aberto, no qual você pode editar o conteúdo do arquivo usando o editor CodeMirror .Além do CSS, você também pode editar o modelo de três arquivos principais:

Main page htdocs / templates / [template_name] / index.php Error page Se ocorrer um erro ao abrir um Joomla! site, essemodelo é usado para a página.

htdocs / templates / [template_name] / error.php Print view Este modelo é responsável pela saída quando você acessar a

visualização de impressão.htdocs / templates / [template_name] / component.php

Mais peças do modelo como os arquivos para substituir o núcleo estão localizados emhtdocs / templates / [template_name] / html. Ao substituir o núcleo, o mesmo não poderá ser editado a partir da administração do backend.

As mudanças que você fizer aqui irão alterar o núcleo Beez2 dos arquivos. Isso é algo a

lembr ar -se, no caso de atualizações futuras.

157


[email protected]






16.3.Substituições Você já criou um estilo, alterou os arquivos CSS na página principal do seu modelo evocê ainda está descontente com o resultado? :-) Então este é o momento perfeito paradiscutir substituições. Em Joomla! Existem dois tipos de substituições:

modeloe layouts alternativos.

16.4.Substituindo um modelo Vamos supor que você quer mudar o layout da página de resultados de pesquisa.Um componente como o componente de pesquisa tem um layout padrão,que é armazenado no arquivo / Httpdocs / components / com_search / views / search

/ tmpl /default.php. Este arquivo faz com que a página de busca seja o que parece.Adicione algumas palavras para o arquivo, salve e você vai ver imediatamente o resultado! Por exemplo, adicionar

<strong> eu mudei alguma coisa :-) </ strong>

na linha 13 e veja o que acontece ( Figura 4).

Figura 4: Alterações na saída HTML

O resultado é bom para a sua motivação, porque é muito fácil e é exibido emcada modelo. No entanto, não é bom para sua reputação, porque vocêmudou o código do núcleo. Com a próxima atualização, as alterações serão

PERDIDAS!A melhor alternativa seria a utilização de um modelo de substituição. Copie oarquivo para a pasta do modelo em / Httpdocs / templates / [template_name] / html / com_search / / default.php e remova asalterações no arquivo original. O resultado na página da web é o mesmo, mas,

158


[email protected]






sem ter substituído o arquivo original ... Default.php com o layout do conteúdo desejado- sem alterar o código do núcleo - bem feito!

Esse sistema foi introduzido no ano de 2007 com o lançamento do Joomla! 1.5 eainda funciona muito bem hoje.

16.5.Layouts alternativos Em Joomla! 1.6 As substituições têm um acessório chamado layouts alternativos.Tenho certeza que você já viu o campo Alternative Layout no formulário de ediçãode artigos, módulos e categorias ( Figura 5).

Figura 5: Alternative layout em um artigoPor que precisamos de esquemas alternativos? Imagine, você é umadministrador ou webmaster e um modelo vem com três alternativas de traçado para um artigo. Às vezes é um "artigo normal", às vezes deve olhar como um produto, e às vezes como uma página do livro. Você só tem que escolher qual olayout que você gostaria de usar. Isso soa como um grande recurso e, claro, é.

A técnica é a mesma que substituir modelo. Você tem que criar uma pasta com omesmo nome do componente ou módulo e uma subpasta para a exibição. Há duasdiferenças:

1. Obviamente o nome do arquivo tem de ser algo diferente de default.php como

este já foi reservado para substituições modelo.2. O layout alternativo é, naturalmente, não selecionadoautomaticamente.

Além de layout alternativo, tipos de item de menu podem ser adicionados ao layout eos itens opcionais do mesmo artigo podem ser controlados por definições em umarquivo XML com o mesmo nome do arquivo de layout alternativo ( Figura 6 ).

Figura 6: tipos de item de menu adicional

159


[email protected]




16.Trabalhando com modelosA criação destes arquivos são um tópico novo, mas estou certo de que modelos deterceiros em breve irão fazer uso dessas novas possibilidades ( Figura 7 ).

Figura 7: layouts adicionais em um artigo

16.6.Angie Radtke sobre seu modelo BeezQuase um ano atrás, Angie Radtke, criador a domodelo Beez, escrevia este post em um blog. A alternância entre XHTML e HTML 5 já está implementado nos doismodelos distintos Beez. Um baseado em XHTML e outro emHTML5.

Joomla 1.6, Beez e Palco dos Negócios

Escrito por: Angie Radtke [1] - 28 de março de 2010

A Comunidade está ainda à espera da nova versão do Joomla 1.6.

Os usuários estão ansiosos para ter ACL e o sistema de nova categoria. Mas algumascoisas serão mudadas também. O servidor tem algumas alterações, novos módulosforam adicionados, e a saída HTML mudou.

Eu me importo com o resultado, a aplicação das normas e do modelo de Beez.

Tabelas de layout são coisas do passado. A estrutura de produção em 1.6 é semelhante àsaída Beez em 1.5. CSS e nomes de classe são mais legíveis e compreensível.

Para os designers este modelo é uma grande vantagem. A saída padrão é limpa e bem estruturada. Substituições de modelos já não são necessários para fornecer ocódigo HTML limpo que seja compatível com os padrões mais recentes.

O template Beez novo foi desenvolvido para tirar vantagem das mudanças no 1.6.

O seguinte é apenas um breve resumo para você ter uma idéia. Se você estiver curioso, você pode olhar para o estado real em http://test5.run-digital.com [4].

Principais características:

Saídas configuráveis versus XHTML HTML5

Acessibilidade 2 modelos disponíveis: natureza ou pessoal Posição da coluna de navegação é configurável Os módulos podem ser exibidos em guias acessíveis


160


[email protected]


http://cocoate.com/

http://test5.run-digital.com/





Entrada e saída de módulos Entrada e saída da coluna

XHTML versus HTML 5

A web está a fazer grandes passos em direção ao HTML5. O grupo em torno de IanHickson fez enormes progressos nos últimos meses e os fabricantes de browser não puderam ajudar, mas correm para não ficar em para trás. No meu blog eu tenho faladofrequentemente sobre HTML5 e suas possibilidades. Uma vez que XHTML é aindao mais usado e conhecida linguagem de marcação, ele continuará a ser a opção padrão no Joomla! 1.6.

No entanto, se alguém gostaria de usar o HTML 5 em vez disso, o Beez5 é paravocê.

Acessibilidade

Beez 2.0 contém todas as funcionalidades de acessibilidade da versão 1.5, deacordo com WCAG 2:

Cores de altos contrastes Links rápidos Semântica

Navegação pelo teclado

Layout e Design

No backend, dois projetos estão disponíveis para escolher: natureza e pessoal

161


[email protected]






A base para isto é a estrutura dos arquivos CSS. Position.css e layout.css quesão

utilizados para o posicionamento e as distâncias, enquanto personal.css enature.css são usados para o projeto, dependendo da escolha do estilo.

Posição da coluna de navegação

Dependendo do conceito do site, pode ser necessário colocar a navegaçãoantes ou depois do conteúdo real. Isto pode vir a tornar -se necessário, quer por razões de projeto ou para melhorar a compatibilidade com motor es de busca e acesso.Aqui, Beez oferece a opção de escolher entre ambas as variantes em ambos osestilos no backend.

162


[email protected]






Abas Acessíveis

Apresentar o conteúdo em abas está se tornando cada vez mais popular. Atéagora, os módulos externos eram obrigados a fazer isso, mas sua saída não era totalmente acessível.

Beez oferece uma solução utilizando técnicas WAI-ARIA.

"WAI-ARIA é uma especificação que fornece um meio de descrever as funções,estados e propriedades de widgets customizados para que eles sejam reconhecidos eutilizados por usuários de tecnologia assistiva".

Na primeira vista não há nada para ver no código fonte. Isso ocorre porque ocódigo é adicionado automaticamente com JS no DOM. Por diversão, você podeusar o Firebug para ver o que será adicionado ao código-fonte.

Wai-Aria também é utilizado para designar áreas do site em relação à suafuncionalidade.

Implementação nos modelosPara exibir módulos em abasno Joomla!, é preciso nada mais do que Beez em si. Osdesigners de modelos já sabem a função do modelo:

<Jdoc include .... >

Essa função adiciona conteúdo dinâmico. Este conteúdo pode ser módulos, bemcomo componentes. O código a seguir no Beez exibe automaticamente todos osmódulos na posição " posição 5" em abas.

163


[email protected]






<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3"

O importante é no atributo "style", que é responsável pela produção e exerce a

função correspondente no beez / html / modules.php. A identificação é muitoimportante se mais de uma área guia é usada. Para cada uma dessas áreas, umaidentificação individual tem de ser atribuída. É importante que o ID seja um númeroe não uma seqüência.

Desvanecendo módulos e colunas

O desvanecimento dentro e fora das partes do site e módulos pode tornar um sitemais amigável. Beez oferece duas possibilidades. O usuário é capaz de esconder oumostrar uma coluna com informações adicionais. Alguns módulos podem ser configurados para aparecer ou desaparecer gradualmente, enquanto o título permanece visível. Wai-Aria também está sendo usado aqui.

A coluna de informações usa o seguinte código:

<div id="close"><a href="#" onclick="auf('right')"><span id="bild"><?php echo JText::_('TEXTRIGHTOPEN'); ?></span></a></div>

Os módulos<jdoc:include type="modules" name="position-8" style="beezHide"headerLevel="3" state="0

O estilo usado aqui dá ao usuário a capacidade de mostrar e esconder o conteúdo domódulo.

O atributo estate="0" garante que o módulo está fechado no primeirocarregamento do site. Ele pode ser aberto através da interação do usuário.

Se o designer do modelo escolher estate="1" , o módulo será inicialmenteaberto e pode ser fechado pelo usuário. A situação real está localizada em umcookie, por isso funciona em todas as páginas.

16.7.Criando um novo modelo usando Atomic O modelo Atomic é um esqueleto para o seu próprio modelo. É constituído por:

164


[email protected]






/ Htdocs / templates / component.php - O modelo de exibição de impressãoerror.php - O modelo de página de erro

favicon.ico - Ícone do site ( Favicon [5])index.html - Um arquivo de segurança que exibe uma página em brancoquando o diretório é inserido diretamente (também tem de ser configurado pelo servidor, mas geralmente é)index.php - A página principal do modelo templateDetails.xml - O arquivo de configuração contendo todas asinformações sobre arquivos, opções e posições, é necessário mostrar omodelo no Gerenciador de Modelos e depois criar um pacote instalável .ziptemplate_preview.png - A imagem de visualização do modelo, apresentada noGerenciador de Modelos template_thumbnail.png - A imagem em miniatura do modelo,apresentado no Gerenciador de Modelos

/ Htdocs / templates / atomic / css

a pasta de arquivos CSS / Htdocs / templates / atomic / html a pasta para Substituir arquivos - Atomic fornece algumas Substituições para os módulos.

/ Htdocs / templates / atomic / imagens

a pasta de imagens / Htdocs / templates / atomic / js

a pasta de arquivos Java script / Htdocs / templates / atomic / languages

a pasta de arquivos de idiomas - Atomic vem com arquivos de idiomaInglês.

Principal arquivo de modelo index.php

O nome do arquivo do arquivo de layout tem que ser index.php desde que oJoomla! seja embutido por <jdoc>e comandos PHP. Todas as marcaçõesHTML necessárias já estão embutidas e comentadas. Você pode alterar o conteúdo doarquivo de acordo com suas necessidades.

Para se ter uma idéia, vamos fazer uma rápida passagem:

Na linha 24 você pode escolher se deseja usar o CSS ou não.

Nas linha s50, 56, 62 e muito mais você vê que o modelo oferece cargos com nomes

especiais ( search

atomic

,

topmenuatomic

, ...). Se você quiser usar essesnomes, você tem que atribuir seus módulos para essas posições. Se você quiser mudar os nomes, você pode fazer isso no arquivo templateDetails. xml

Na linha 48 você vai ver:

165


[email protected]





16.Trabalhando com modelosecho $this->baseurl ?>/templates/<?php echo $this->template ? >/js/template.js

Joomla! sabe os valores em baseurl bem como o nome do seu modelo e você pode

acessá-los quando necessário. Na linha 48 você vai ver:

echo $app->getCfg('sitename');

Esta linha lhe dirá o nome do seu site.

Na linha 50 você vai ver:

if($this->countModules('atomic-search')) ...

Esta linha conta a quantidade de módulos na posição pesquisa atômica. Ele é usado para

ajustar o seu layout para diferentes situações. Na linha 52, você verá:

<jdoc:include type="modules" name="atomic-search" style="none" />

Este é um comando <jdoc>, que só existe como um espaço de nome em Joomla!.Ele é usado para inserir a saída HTML do tipo de dado em atributos. Neste caso,significa a saída de todos os módulos atribuídos à posição de modelo pesquisaatômica. O atributo de estilo é chamado módulo chrome e pode ter esses valores

table - A saída é exibida em uma tabela. horz - A saída é exibida horizontalmente em uma célula de uma

envolvente tabela. xhtml - A saída é em em um elemento <div> compatível com XHTML. rounded - A saída está em um formato em que os cantos

arredondados podem ser exibidos. A classe do elemento é renomeadodemoduletable para módulo.

none - Sem formatação outline - O tipo de exibição para a visualização de posição (? Tp = 1) Template specific style - Alguns modelos, como Beez, têm seus

próprios estilos.

Você vai encontrar uma lista completa de estilos na documentação Joomla! -

O que éomódulo chrome [6].Outros tipos de <jdoc> são:

<jdoc:include type="head" />

<jdoc:include type="message" />

166


[email protected]





16.Trabalhando com modelos<jdoc:include type="component" style="none" />

Cada página necessita de um cabeçalho, as vezes uma mensagem, e,naturalmente, um componente. Um componente pode ser exibidos por página.

O componente podem fazer uso do módulo chrome também.

Pasta CSS

Você encontrará três arquivos nesta pasta.

1. O arquivo CSS /template.css com os comandos pré-definidos comentados. Se você não usar a estrutura do plano, você tem que descomentar algumas linhas. As linhas são especificamente assinaladas.

2. O arquivos CSS /template_ie.css está vazio. Aqui você pode adicionar substituições deestilo para o Internet Explorer.

3. O arquivo CSS / template_rtl.css também está vazio. Você pode adicionar

substituições de estilo para idiomas.

Blueprint

Blueprint CSS é um quadro projetado para reduzir o tempo de desenvolvimento eassegurar a compatibilidade com vários navegadores.

Algumas frases retiradas do arquivo readme:

Bem-vindo ao projeto! Este é um quadro CSS projetado para reduzir otempo de desenvolvimento de CSS. Ele lhe dá uma base sólida paraconstruir seus próprios comandos CSS. Aqui estão alguns dos recursos out-of-the-box:

* Uma grade facilmente personalizável * Tipografia padrão sensível * A base tipográfica* Perfeito navegador CSS reset* Uma folha de estilo para impressão* Scripts poderosos para customização* Absolutamente sem inchaço!

Você vai encontrar demos e tutoriais no site do projeto -http://www.blueprintcss.org/ [7].

167


[email protected]






Links:

[1] http://en.wikipedia.org/wiki/Html [2] http://en.wikipedia.org/wiki/CSS [3] http://www.der-auftritt.de/wissen/Joomla-1.6-Beez-and-the-conditions-of-the-

things.html

[4]

http://test5.run-digital.com/[5] http://en.wikipedia.org/wiki/Favicon [6] http://docs.joomla.org/What_is_module_chrome% 3F [7] http://www.blueprintcss.org/

168


[email protected]


http://en.wikipedia.org/wiki/Html

http://en.wikipedia.org/wiki/CSS

http://www.der-auftritt.de/wissen/Joomla-1.6-Beez-and-the-conditions-of-the-things.html


http://en.wikipedia.org/wiki/Favicon

http://docs.joomla.org/What_is_module_chrome%3F

http://docs.joomla.org/What_is_module_chrome%3F

http://en.wikipedia.org/wiki/Favicon



http://en.wikipedia.org/wiki/CSS

http://en.wikipedia.org/wiki/Html



17.Otimização Para Motores de Busca


17.Otimização Para Motores de Busca Cada proprietário do site geralmente quer ser visto na primeira página deresultados de pesquisa dos motores de busca como Google e redes sociais como oFacebook. Infelizmente, não há espaço suficiente na primeira página de resultadosde pesquisa para todos os sites e empresas em todo o mundo, e os usuários poderiam perder rapidamente a confiança nos motores de busca, se fosse possívelaparecer na primeira página apenas através da otimização do site paramotores de busca.

Em torno deste tema, uma indústria de consultoria tem crescido oferecendo serviçosde pesquisa e otimização.

Vejo duas possibilidades para otimizar um site. O primeiro é ajudar osmotores de busca usando "padrões" HTML e contar a "verdade" sobre o seu site

e a segunda é encontrar outras maneiras :-). Este capítulo cobre a primeira possibilidade.

Search engine optimization (SEO) é o processo de melhorar avisibilidade de um site ou uma página da web nos motores de buscaatravés do "natural" ou não-pagos ("orgânico" ou "algorítmica") osresultados da pesquisa. Wikipedia [1]

Utilizadores de motores de busca clicam sobre os recursos naturais,resultados de pesquisa não-paga, em vez de anúncios pagos. As pessoas tentamevitar clicar em anúncios. Google por exemplo, usa o algoritmo PageRank [2] paramedir a "importância" de um site, que é adicionado ao seu índice de pesquisa.

17.1.Indexação Os motores de busca usam os chamados crawlers. Uma vez que eles visitam seusite, eles seguem um link na primeira página e adicionam todas as páginas para oíndice de pesquisa. Tenha em mente que crawlers não "enchergam" o site. Eles não sãoum ser humano, eles não usam um navegador para renderizar a página, elessimplesmente olhar para o seu código HTML. Às vezes, o número de URLsque eles encontram é tão alto que fica difícil para eles seguirem todaselas. Isso geralmente acontece com as listas de itens de conteúdo com a possibilidade de filtrar a visualização ou aqueles que têm uma página denavegação. Infinitas combinações de parâmetros são possíveis e poucos são de conteúdo exclusivo.

Depois que seu site estiver concluído, um dos primeiros passos para você édizer "oi" para os robôs de sua escolha e dar-lhes mais informações sobre o seusite. Os motores de busca estão muito interessados em saber sobre o seu site

169


[email protected]




17.Otimização Para Motores de Busca porque torna a vida mais fácil. Experimente Google Webmaster Tools [3] e o Bing [4].

170


[email protected]




17.Otimização Para Motores de Busca


17.2. Ajude seu robôO robô é agora irá visitar seu site. Ele não pode ver, mas pode ler. Você tem queajudar o robô usando vários métodos!

O robô procura por palavras-chave (palavras que pessoas em geral pesquisam) em seu conteúdo, por isso esteja ciente quando vocêescrever um texto. Às vezes as pessoas escrevem com base em conteúdosobre os recentes acontecimentos na internet para receber uma melhor classificação. Não escreva na entrada do blog sobre 455 característicasimpressionantes do novo iPhone :-). Tenha cuidado para não diminuir aqualidade do seu conteúdo através do uso extensivo de palavras-chaveou técnicas, como palavras-chave ocultas na mesma cor do fundo. Osrobôs não são bobos, eles precisam de uma ajudinha.

O robô também analisa palavras-chave de meta tags. Você também deve colocar as palavras-chave lá. Joomla! oferece opções para adicionar palavras-

chave e meta tags para o seu conteúdo em quase todas as e dições doformulário. Uma das idéias principais de marcação HTML é o link . Use essa idéia

de ligar para outras partes do seu site a partir do seu conteúdo principal. Outros sites poderiam criar link s para seu site (backlinks). Quanto mais sites em

seu site, melhor. Links diretamente para sua página principal são "maisimportantes" do que links para páginas do seu site (links de profundidade).Evite links pagos e links de comentários de outros sites que têm umcontexto completamente diferente do seu!

ormalização URL [5] é usado para evitar "confusão no robô".Joomla! fornece vários métodos em Configurações de SEO e um Alias abaixo de cada título em um formulário de edição para criar um

caminho individual.É possível estender essa lista, contanto que você queira. Os dois métodos que sãotecnicamente importantes são as metatags e as URL´s. Joomla! abrange um bomsentido, além de fornecer os redirecionamentos que ajudam a evitar páginas de erro 404.

17.3.Minha opinião Se você estiver usando um CMS como o Joomla! 1.6 e um modelo como Beez2, asaída HTML é tecnicamente perfeita.

Um sistema de gerenciamento de conteúdo é útil para o gerenciamento deinformações que fornece o valor para o seu público

Se você criar as informações úteis para você com o valor público dentro de seu site,

certifique-se que cada motor de busca vai notar isso.

171


[email protected]





17.Otimização Para Motores de Busca Você já ouviu falar do Nigritude Ultramarine [6]?

Links:[1] http://en.wikipedia.org/wiki/Search_engine_optimization [2] http://en.wikipedia.org / wiki / PageRank [3] http://www.google.com/webmaster/tools/

[4] http://www.bing.com/toolbox/webmasters [5] http://en.wikipedia.org/wiki/URL_normalization [6] http://en.wikipedia.org/wiki/Nigritude_ultramarine

172


[email protected]


http://en.wikipedia.org/wiki/Search_engine_optimization

http://en.wikipedia.org/wiki/PageRank

http://www.google.com/webmaster/tools/

http://www.bing.com/toolbox/webmasters

http://en.wikipedia.org/wiki/URL_normalization

http://en.wikipedia.org/wiki/Nigritude_ultramarine

http://en.wikipedia.org/wiki/Nigritude_ultramarine

http://en.wikipedia.org/wiki/URL_normalization

http://www.bing.com/toolbox/webmasters

http://www.google.com/webmaster/tools/

http://en.wikipedia.org/wiki/PageRank

http://en.wikipedia.org/wiki/Search_engine_optimization



18.Atualizando o Joomla! 1.5 para Joomla! 1.6


18.Atualizando o Joomla! 1.5 para Joomla! 1.6Como você pode atualizar o Joomla! 1,5 para Joomla! 1.6 sem perda de dados ou

catástrofes semelhantes?Existem duas formas de completar a atualização:

1. Você pode atualizar o Joomla já existente! 1,5 usando um componenteadicional. Isso carrega todos os arquivos necessários com umclique no seu Joomla! 15 e os converte automaticamente para oJoomla! 1.6.

2. Você pode criar um Joomla! 16 e inserir os dados do Joomla! 15manualmente.

Neste capítulo vou descrever a primeira possibilidade.

18.1.Atualização Automática Antes de começar, por favor, responda às seguintes perguntas com um alto e claro.

Será que o seu ambiente de servidor cumpre os requisitos mínimos paraJoomla! 1.6?

PHP, versão 5.2.4 ou superior ( Não para o Joomla 1.6, mas para o componente deatualização, você vai precisar do módulo CURL em PHP.)

MySQL, versão 5.0.4 ou superior

É o modelo instalado disponível para Joomla! 1.6, ou você é capaz de mudá-lomanualmente?

udanças de modelo para Joomla 1.6 [2] Joomla! Documentação Tutorial [3] Joomla! 1,6 Template Tutorial [4]

Você é capaz de criar uma cópia local de seu site?

São todas as extensões instaladas disponíveis para Joomla! 1.6? No momento, há 700 extensões disponíveis para o Joomla! 16 [1].De acordo com você pode ver a lista decomponentes instalados, módulos, plugins e templates ( Figura 1).

173


[email protected]






Figura 1: Visão geral dos componentes instalados

Você é experiente o suficiente para mudar pequenos trechos decódigo com :-) Instrução?

Se você se sentir confortável e respondeu todas as perguntas com sim ... !

Passo 1: Back-up

de fazer qualquer outra coisa, faça um backup do seu site. Você provavelmente já está usando Akeeba Backup [5]. A extensão está disponível para a versão Joomla! 1.5 e 1.6. Se não, instal e um back-up do seu site!

Passo 2: Criar uma cópia local de seu siteSe você configurar uma cópia local manualmente, você precisará

ópia de seus arquivos espejo de seu banco de dados MySQL, crie um banco de dados local e

import dump para o local udança configuration.php

Você também pode implementar o process com Akeeba backup, que permite quevocê criar um pacote zip do seu site. Para voltar a criar um site a partir deste pacote,você vai precisar do Akeeba Kickstarter [5].

Coloque os arquivos kickstart e do pacote zip do seu site npasta de

s site (htdocs). Criar um banco de dados vazio para o seu Joomla! 1.5 kickstart.php. Presumivelmente, a URL será

semelhante http://localhost/kickstart.php. Em seguida, sigaas instruções.

174


[email protected]


http://localhost/kickstart.php

http://localhost/kickstart.php





Etapa 3: Atualizar componente

Há um componente de atualizaçãoMatias Aguirre. Os seguintes dados serãotransferidos:

Usuários Categorias Conteúdo / Artigos Banners Menus e Estrutura Módulos Contatos Newsfeeds Weblinks

Download [6] e instal o componente em seu Joomla! 15Iniciá-lo e iniciar a atualização - é isso. :-)

Aqui está um bom vídeo do YouTube Joomla! Channel, descrevendo o uso destecomponente [7].

O componente cria uma pasta com o nome jupgrade e instala o Joomla! 16 variantedo seu site 15 nesta nova pasta (http://localhost/jupgrade). O Joomla! 16 modelo de núcleo é ativado.

Arquivos de Idioma

Se você usa Joomla! numa língua diferente do Inglês, você primeiro tem queinstalar os arquivos de idioma correto [8].

Modelo

Personalize o seu modelo e ativ-o.

18.2.Minha experiência e alguns links Aqui está a discussão de atualização [9] a partir do Joomla! fórum. Roger Perren produziu um manual para a migração de 1,5 -> 1,6 em

formato PDF no idioma alemão (Migrationsanleitung 1,5 -> 1,6 [10]),que foi entre outras coisas, a minha base para este capítulo curto. Eu

tentei a atualização de um Joomla! 1.5! que consistia apenas deelementos essenciais e ele funcionou para mim sem nenhum problema.

Também é possível, mas não realmente bom, porque o Joomla ANTERIOR!15arquivos permanecerãoÉ UMSEGURANÇA

175


[email protected]


http://localhost/jupgrade).

http://localhost/jupgrade).




18.Atualizando o Joomla! 1.5 para Joomla! 1.6 opiar o Joomla! 16 em seu Joomla! 1.5[11].

Links:[1] http://extensions.joomla.org/extensions/advanced-search-results/258643 [2] http://www.slideshare.net/chrisdavenport/template-changes-for-joomla-16 [3] http://docs.joomla.org/Tutorial:Upgrade_Joomla_1.5_Template_to_Joomla_1. 6 [4] http://www.akeebabackup.com [5] http://community.joomla.org/blogs/community/1257-16-templates.html [6] http://www.matware.com.ar/downloads/joomla/jupgrade.html

[7]htt p://www.youtube.com/watch?v=cAufYW9SBm8 [8] http://community.joomla.org/translations/joomla-16-translations.html [9] http://forum.joomla.org/viewtopic.php?p=2371638 [10] http://www.blueforce.ch/services/dateien.html [11] http://www.joomlablogger.net/blog/joomla-news/migration-from-joomla-

15-to16-fácil /

176


[email protected]


http://extensions.joomla.org/extensions/advanced-search-results/258643

http://www.slideshare.net/chrisdavenport/template-changes-for-joomla-16

http://docs.joomla.org/Tutorial:Upgrade_Joomla_1.5_Template_to_Joomla_1.6


http://www.akeebabackup.com/

http://community.joomla.org/blogs/community/1257-16-templates.html


http://www.matware.com.ar/downloads/joomla/jupgrade.html


http://www.youtube.com/watch?v=cAufYW9SBm8



http://community.joomla.org/translations/joomla-16-translations.html


http://forum.joomla.org/viewtopic.php?p=2371638


http://www.blueforce.ch/services/dateien.html

http://www.joomlablogger.net/blog/joomla-news/migration-from-joomla-15-to-16-easy/




http://www.blueforce.ch/services/dateien.html






http://www.akeebabackup.com/


http://www.slideshare.net/chrisdavenport/template-changes-for-joomla-16

http://extensions.joomla.org/extensions/advanced-search-results/258643



19.Recursos


19.Recursos Este livro foi um começo. Espero que tenham gostado de ler. Minha intenção eraorientá-lo através do Joomla! 1.6. Nem tudo foi coberto porque isso teria sidomuito.

Eu acho que nós poderíamos usar um livro revelador e um livro de design d para mergulhar mais profundamente estes tópicos. Ninguém sabe o que ofuturo nos reserva!

Que tipo de recursos úteis estão lá para que você aprenda mais sobre o Joomla! ouentrar em contato com Joomla! ?

19.1.Comunidade Como está escrito na parte de trás deste livro, Joomla! é apoiado por umacomunidade mundial. Se você gosta dessa idéia, venha e participe conosco!

Torne-se um membro da http://community.joomla.org/. Leia a revista da comunidade em http://magazine.joomla.org/. Talvez há um grupo de usuários perto de você

pode participar. http://community.joomla.org/user-groups.html Se não, comece você mesmo!

Twitter: http://twitter.com/joomla Grupo do Facebook: http://www.facebook.com/joomla

19.2.Documentação

http://docs.joomla.org/

19.3.Lista de segurança http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

19.4.Extensões Joomla!

O diretório de extensoferece mais de.000 extensões -http://extensions.joomla.org/

177


[email protected]


http://community.joomla.org/

http://magazine.joomla.org/

http://community.joomla.org/user-groups.html

http://twitter.com/joomla

http://www.facebook.com/joomla

http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

http://www.facebook.com/joomla

http://twitter.com/joomla

http://community.joomla.org/user-groups.html

http://magazine.joomla.org/

http://community.joomla.org/



19.Recursos


19.5.Modelos Joomla! Não há diretório central para modelos gratuitos. Não há diretório central de modelos comerciais.

Enfim, há um monte de clubes de modelo e profissionais que prestam Joomla!Basta pesquisar na web e você certamente vai encontrar algo que atendavocê.

19.6.Eventos Joomla! é conhecid por Joomla!.

Um Joomla!é um evento de um ou dois dias, organizado pela e para a comunidade. Uma lista de Joomla!pode ser encontradaqui- http://community.joomla.org/events.htm

Há Joomla! na Europa, chamad jandbeyond . Ir para http://jandbeyond.org/ para mais informações.

19.7.O Futuro A comunidade planeja um ciclo de lançamento de seis meses, com base no

que as pessoas colocam as idéias o Joomla! Os próximos lançamentos serão Joomla17 em julho de 2011 e Joomla!

18 em Janeiro de 2012, mas claro, isso depende de como a comunidadevai apoiar a aplicação destas idéias!

rede de desenvolvedores está sempre procurando por pessoascomo você :-) http://developer.joomla.org/

19.8.Treinamento http://resources.joomla.org/directory/support-services/training.html

19.9.Apoio Comercial http://resources.joomla.org/

19.10.Hospedagem http://resources.joomla.org/directory/support-services/hosting.html

178


[email protected]


http://community.joomla.org/events.htm



http://resources.joomla.org/directory/support-services/hosting.html

http://resources.joomla.org/directory/support-services/training.html




19.Recursos


19.11.Certificados No momento não há nenhuma possibilidade de obter a certificação em Joomla!.

, há bastante trabalho deix para você, seus amigos e o resto do mundo :-).

179


[email protected]




19.Recursos


cocoate.com é uma empresa de consultoria de gestão independente, baseada naFrança e trabalha a nível internacional.Especializada em três áreas - Consultoria, Treinamento e Ensino - cocoate.com desenvolve estratégias para o processo baseado na web e gerenciamento de projetos e relações públicas; oferece treinamentos personalizados para sistemas decódigo aberto de gerenciamento de conteúdo Drupal, Joomla! e Wordpress, na áreade competências de gestão e liderança e desenvolve projetos educacionais comfoco na aprendizagem não-formal.

Os projectos educativos europeus concentra-se na promoção da aprendizagem aolongo da vida, com o objetivo de integração social. Particular ênfase é colocadasobre os métodos de aprendizagem, a fim de aprender a aprender, a concepção erealização de trans-geracionalde aprendizagem e desenvolvimento dascomunidades locais.

180


[email protected]


http://cocoate.com/

http://cocoate.com/

http://cocoate.com/

http://cocoate.com/



19.R ecursos


Visite-nos e passe as suas férias no sul da França

Estávamos em cativeiro para o encanto desta antiga vila francesa desde o início e é por isso que vivemos e trabalhamos em Fitou. Nós restaur uma casa antiga vila em apartamento de férias, porque nós gostamos

de receber convidados e partilhar com eles nosso amor por esta região.Fitou está situado no sul da França, entre Perpignan e Narbonne e é uma aldeia típicade vinho francês a aldeia casas.

A região em torno Fitou é conhecida pelo seu vinho e é tão diversificada quanto possível, situado não muito longe dos Pirineus (uma hora de carro) e Espanha. Oclima mediterrânico permite que você aprecie o frescor do mar Mediterrâneo, umadas belas praias colocando o Étang de março até outubro, LanguedocRoussillon é aárea mais ensolarada da França.

O país dos cátaros oferece não só antigos castelos e abadias, mas também o históricoCanal du Midi.

Nossos apartamentos podem ser alugados durante todo o ano.Os apartamentos fazem parte de uma velha casa de pedra tradicional no coração daFitou. El têm sido cuidadosamente restaurade modernizada, respeitando osaspectos arquitetônicos e de acordo com as casas vizinhas.

Sinta-se livre para descobrir os nossos apartamentos ea região ao seuredor! http://fimidi.com

181


[email protected]


http://fimidi.com/



182


[email protected]

Notas do tradutor:

Este livro foi traduzido por Renato Barbosa Pim Pereira (www.jouro.com.br)

Twitter:@Jouro_Oficial @mundodacana

Erros, dúvidas, sugestões, podem e devem ser encaminhadas a mim, será um

prazer poder ajudar na medida do possível.

Nós do Jouro estamos abertos a novas ideias e negócios, se você deseja

entrar para o mercado da Web não deixe de nos consultar, atuamos no

segmento de criação de sites com recursos modernos, otimizados e ao gosto

do cliente, sempre prontos para atender de forma a satisfazer todos os

requisitos deste mercado dinâmico chamado Internet.

Se este conteúdo lhe foi útil já me dou por satisfeito :-)

Documents

Joomla!1.6 - Beginners Guide PT-BR