Você está na página 1de 217

Joomla! 2.

5
Livro do Iniciante

Joomla! 2.5 - Livro do Iniciante

Sobre o Livro ..............................................................................11


gratuito ............................................................................................................11 Ajuda a resolver suas tarefas ...............................................................................11 patrocinado ......................................................................................................11 um trabalho colaborativo ................................................................................11 multilngue .......................................................................................................12 Espanhol - Joomla 2.5 - Gua para principiantes ................................................12 Italiano - Joomla 2.5 - Guida per Principanti .....................................................12 Alemo - Joomla 2.5 - Ein Anfngerbuch ...........................................................12 Francs - Joomla 2.5 - Le Guide Pour Dbutant ................................................12 Russo - Joomla! 2.5 ...............13 Portugus - Joomla 2.5 - Livro do Iniciante ........................................................13

Introduo ..................................................................................15
Who am I? ..........................................................................................................17 Who are you? ......................................................................................................18 What is this book about? .....................................................................................19 Any further questions? ........................................................................................21

Apresentao ..............................................................................23
Aliana pela Educao Catlica - Universidade de Notre Dame .......................23 Mais de 3000 Websites Governamentais construdos com Joomla! ....................24 Torre Eiffel ..........................................................................................................25
Monday, 30 January 2012 Pgina 3

Joomla! 2.5 - Livro do Iniciante

Comrcio Eletrnico ...........................................................................................25 Kokoro ................................................................................................................26 Tranquillity Blue .................................................................................................27 E? ........................................................................................................................27 Como encontrar pginas em Joomla? ................................................................27 Extenso Wappalyzer para Firefox .....................................................................28 Conra o site mais de perto ................................................................................29 Siga e pergunte aos seus amigos .........................................................................30 Mais alguma outra idia? ....................................................................................30

Instalao ...................................................................................31
Requisitos Mnimos: ...........................................................................................31 Variaes de Instalao .......................................................................................31 Local Test Environment ......................................................................................32 Production Environment ....................................................................................32 Erros ....................................................................................................................33 Instalador do Joomla! ..........................................................................................33 Localizao .........................................................................................................40 Despublicar o Contedo de Exemplo .................................................................40

Estrutura e Termos .....................................................................44


Frontend ..............................................................................................................44 Backend ...............................................................................................................44
Monday, 30 January 2012 Pgina 4

Joomla! 2.5 - Livro do Iniciante

Files .....................................................................................................................45 Banco de Dados ..................................................................................................46 Elementos do Joomla! .........................................................................................47

O que h de novo no Joomla! 2.5? .............................................52


Novas funcionalidades no Joomla! 2.5 ................................................................52 Multilngue ..........................................................................................................55 Novos recursos comparados com a verso Joomla! 1.5 ......................................57

Gerenciando Contedo ..............................................................60


Tipos de contedo ..............................................................................................60 Como criar uma Pgina 'Sobre Ns' ..................................................................61 A Typical Article .................................................................................................68 Sample article ......................................................................................................71 Result ..................................................................................................................73 Media Manager ..................................................................................................74 Contact Form ......................................................................................................79

Status, Lixeira e Check-Ins .........................................................84 Structure Your Content with Categories ....................................88 Site e Congurao de Contedo ..............................................95
Congurao Global ...........................................................................................95

Templates .................................................................................100
Monday, 30 January 2012 Pgina 5

Joomla! 2.5 - Livro do Iniciante

Joomla e templates ............................................................................................101 Posies .............................................................................................................102 Templates padro ..............................................................................................103 Estilos ................................................................................................................104

Navegao ................................................................................105
Migalhas de po (Breadcrumbs) .......................................................................106 Menus do Joomla ..............................................................................................106 Primeiro exemplo: um catlogo esttico ou estrutura de livro ..........................107 Segundo exemplo: Linkando para categorias (Novo magazine) .......................110

Users and Permissions ..............................................................114


Registro e Login ................................................................................................114 User groups .......................................................................................................118 Access levels ......................................................................................................119 User Notes ........................................................................................................121 Mass Mail Users ................................................................................................122

Gerenciador de extenses .........................................................124


Gerenciando extenses .....................................................................................124 Atualizando extenses .......................................................................................126 Instalando extenses .........................................................................................126 Achando extenses ............................................................................................127 Avisos ................................................................................................................127
Monday, 30 January 2012 Pgina 6

Joomla! 2.5 - Livro do Iniciante

Extenses nativas ......................................................................128


Banners .............................................................................................................129 Contato .............................................................................................................134 Exemplo ............................................................................................................134 Mensagens ........................................................................................................136 Agregadores de notcias Feeds ..........................................................................137 Pesquisa .............................................................................................................143 Busca Inteligente ...............................................................................................146 Ativao ............................................................................................................146 Indexando .........................................................................................................147 Customizando ...................................................................................................147 Remover a pesquisa Classica do Joomla ...........................................................148 Weblinks ............................................................................................................149

Mdulos ....................................................................................150
Semelhanas de todos os mdulos ....................................................................150 Advanced Options ............................................................................................150 Core modules ....................................................................................................150

Plugins ......................................................................................153
Autenticao .....................................................................................................153 Captcha .............................................................................................................154 Contedo ..........................................................................................................155
Monday, 30 January 2012 Pgina 7

Joomla! 2.5 - Livro do Iniciante

Editors ...............................................................................................................157 Editors-xtd ........................................................................................................157 Extenso ............................................................................................................158 Finder ................................................................................................................158 Quickicons ........................................................................................................159 Busca .................................................................................................................159 Sistema ..............................................................................................................160 Usurio ..............................................................................................................162

Trabalhando com Templates ...................................................163


Crie seu prprio estilo .......................................................................................163 Customizando e editando templates .................................................................165 Overrides ..........................................................................................................166 Create a New Template Using Atomic .............................................................169

O Template The Beez ..............................................................172


As principais caractersticas ..............................................................................172 Acessibilidade Geral ..........................................................................................173 beez_20: Escolha de Design ..............................................................................177 Posio da Navegao .......................................................................................178 JavaScript e WAI ARIA ....................................................................................179 WAI ARIA - Landmark Roles: Primeiros Socorros para a Orientao ...........180 Ajustar tamanho da fonte .................................................................................183
Monday, 30 January 2012 Pgina 8

Joomla! 2.5 - Livro do Iniciante

beez5: usa HTML5 ...........................................................................................184

Porque SEO importante para voc .......................................186


Joomla 2.5 e SEO .............................................................................................186 As funcionalidades de SEO includas no Joomla! 2,5 .......................................187 Concluso ..........................................................................................................193

Multi-Language Websites .........................................................194


Joomla language packages ................................................................................194 Language Filter plugin ......................................................................................195 Language Switcher module ..............................................................................196 Multi-language content items ...........................................................................198 A multi-language website ..................................................................................198 Language Overrides ..........................................................................................201

Um site Joomla! 2,5 do incio ...................................................203


Em primeiro lugar, comee com um plano .......................................................203 Em seguida, considere a tecnologia ..................................................................204 Agora voc est pronto para construir ..............................................................205

Atualizar a partir de verses mais antigas ................................207


Atualizando do Joomla! 1.7 ..............................................................................207 Migrando do Joomla! 1.5 ..................................................................................207 Estratgia de Desenvolvimento Geral do Joomla! ............................................210

Monday, 30 January 2012

Pgina 9

Joomla! 2.5 - Livro do Iniciante

Recursos ...................................................................................212
Comunidade ......................................................................................................212 Comunidade Ocial ..........................................................................................212 Documentao ..................................................................................................213 Checklist de Segurana .....................................................................................213 Extenses Joomla! - JED ...................................................................................213 Templates Joomla! ............................................................................................213 Eventos ..............................................................................................................213 O Futuro ...........................................................................................................214 Treinamento ......................................................................................................214 Suporte Comercial ............................................................................................214 Hospedagem .....................................................................................................214 Certicao .......................................................................................................214

More books from cocoate .........................................................215 cocoate.com ..............................................................................216 Spend your holidays in Southern France .................................217

Monday, 30 January 2012

Pgina 10

Joomla! 2.5 - Livro do Iniciante

Sobre o Livro
Este livro, como todos os livros, possui captulos, tem uma estrutura, muitas capturas de tela e cobre a mais nova tecnologia disponvel no "Joomlaverso". Baseia-se na edio de sucesso Joomla 1.6 e 1.7 - Guia do Iniciante e foi extendida com mais captulos. Todos os captulos existentes esto reformulados e novas capturas de tela foram tiradas, quando necessrio. til para os leitores, anunciantes, autores, tradutores e, claro, o para a comunidade Joomla! porque:

GRATUITO
gratuito, de fcil leitura em nosso site e para download em formato PDF.

AJUDA A RESOLVER SUAS TAREFAS


Tem muita coisa no livro para descobrir!

PATROCINADO
O livro patrocinado por vrias empresas que so uma parte importante da comunidade Joomla!. Obrigado a todos os patrocinadores 1 Ainda possvel patrocinar o projeto e anunciar no livro2

UM TRABALHO COLABORATIVO
Outros autores alm de mim que escreveram captulos! Thank you: Milena Mitova 3 - Captulo: Por que SEO importante para voc Angie Radtke4. Captulo: O Tema Beez Jen Kramer5. Captulo: Um website criado com Joomla! 2.5 do zero
1 2 3 4 5

http://cocoate.com/partners?book=10209&contribution=Sponsor http://cocoate.com/j25/ad http://twitter.com/completewebcare http://www.der-auftritt.de/ http://www.joomla4web.com/ Pgina 11

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

MULTILNGUE

O livro estar disponvel em vrias lnguas. Muito obrigado ao tradutor Isidro Baquera (Gnumla) Muito obrigado ao patrocinador Complusoft

ESPANHOL - JOOMLA 2.5 - GUA PARA PRINCIPIANTES ITALIANO - JOOMLA 2.5 - GUIDA PER PRINCIPANTI
Muito obrigado ao tradutor Cinzia 6 Obrigado a todos os patrocinadores 7 Ainda possvel patrocinar o projeto e anunciar no livro8.

ALEMO - JOOMLA 2.5 - EIN ANFNGERBUCH


Muito obrigado ao tradutor Hagen Graf Obrigado a todos os patrocinadores 9 Ainda possvel patrocinar o projeto e anunciar no livro10.

FRANCS - JOOMLA 2.5 - LE GUIDE POUR DBUTANT


Muito obrigado aos tradutores Serge Billon11, Simon Grange12 Obrigado a todos os patrocinadores 13 Ainda possvel patrocinar o projeto e anunciar no livro14.

6 7 8 9

http://cocoate.com/it/cinziadesign http://cocoate.com/partners?book=10238&contribution=Sponsor http://cocoate.com/it/j25it/ad http://cocoate.com/partners?book=10226&contribution=Sponsor http://cocoate.com/de/j25de/ad http://cocoate.com/fr/serge-billon http://cocoate.com/fr/simon-grange http://cocoate.com/fr/partners?book=10290&contribution=Sponsor http://cocoate.com/fr/j25fr/ad Pgina 12

10 11 12 13 14

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

RUSSO - JOOMLA! 2.5


Muito obrigado ao tradutor Alexey Baskinov15 Obrigado a todos os patrocinadores 16 It is still possible to sponsor the work and advertise in the book17.

PORTUGUS - JOOMLA 2.5 - LIVRO DO INICIANTE


Muito obrigado ao tradutores 18 Obrigado a todos os patrocinadores 19 Ainda possvel patrocinar o projeto e anunciar no livro20.

Queremos saber sua opinio!

Comente nos captulos das verses em HTML e deixe-nos saber o que voc est achando. A prxima verso do Joomla! pode chegar a qualquer momento.. Junte-se a ns!

Participe do prximo projeto!

15 16 17 18 19 20

http://cocoate.com/ru/alexey-baskinov cocoate.com/partners?book=10229&contribution=Sponsor http://cocoate.com/ru/j25ru/ad http://cocoate.com/partners?book=10543&contribution=Translator http://cocoate.com/partners?book=10543&contribution=Sponsor http://cocoate.com/pt-br/j25pt/ad Pgina 13

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante


Anncio

http://www.cloudaccess.net/

Monday, 30 January 2012

Pgina 14

Joomla! 2.5 - Livro do Iniciante

Captulo 1

Introduo
Bem-vindo ao Joomla. Este um sistema gratuito para criao de websites. um projeto de cdigo aberto, que, como a maioria dos demais projetos, est em constante movimento. imprevisvel, por vezes indescritvel, parcialmente controverso, muitas vezes altamente sexy e, s vezes, um pouco devagar e provinciano. No entanto, ou talvez at por causa disso, tem sido extremamente bem sucedidoe popular nos ltimos seis anos, com milhes de usurios em todo o mundo. Quanto questo de se escrever Joomla! com ponto de interrogao ou sem depois de anos de discusso chegou-se a um consenso: Use uma vez na primeira vez que aparecer e depois pode esquecer! A palavra Joomla tem sua origem em Jumla um termo do idioma africano suali e quer dizer "todos juntos". O Projeto resultado de uma discusso acalorada entre a Fundao Mambo, que foi criada em agosto de 2005, e sua equipe de desenvolvimento na poca. Joomla uma evoluo do Mambo, um sistema de sucesso. usado em todo o mundo para criar homepages simples e sites corporativos complexos tambm. fcil de instalar, de gerenciar e muito convel. O time Joomla se organizou e reorganizou nos ltimos seis anos. De 2005 a 2009, Joomla 1.0 foi desenvolvido at a verso 1.0.15, que foi ocialmente encerrado em setembro de 2009. De 2005 at hoje, Joomla 1.5 ainda est em desenvolvimento. Em janeiro de 2008 foi apresentada sua verso estvel e ter sua vida til encerrada em abril de 2012. De 2008 a 2011, Joomla 1.6 foi desenvolvido. Um verso estvel est disponvel desde janeiro de 2011. Em julho de 2011 Joomla 1.7 foi lanado Joomla 2.5 (janeiro 2012) foi o primeiro lanamento de longo prazo (LTS) desde que Joomla 1.5 foi disponibilizado. Os usurios do Joomla permaneceram is. Muitos transferiram seus sites do Mambo para Joomla e aprenderam muito ao longo dos anos. Muitos usurios vestiram a camisa do sistema nos ltimos anos, mas ainda existem pessoas pelo mundo que nunca ouviram falar sobre o sistema. Joomla, juntamente

Monday, 30 January 2012

Pgina 15

Joomla! 2.5 - Livro do Iniciante como Drupal e WordPress, so os sistemas gerenciamento de contedo de cdigo aberto mais utilizados no mundo.

Figura 1: Drupal, Joomla, WordPress no Google Trends mundial - 17/01/2012


In Figure 1, Joomla and WordPress are on the same average level according to Google search volume trend.Joomla and Wordpress are searched three times asoften asDrupal.However, the search volume for Joomla has been declining since 2010. It was time for Joomla to start rethinking with the release of the Joomla 1.6 version in January 2011 and Joomla 1.7 in July 2011.

Figure 2: Google Trend 2012-01-17 Germany - Drupal, Joomla, Wordpress

Monday, 30 January 2012

Pgina 16

Joomla! 2.5 - Livro do Iniciante Compared to the world average, the situation in e.g. Germany is different (Figure 2). Joomla has almost twice as large of a search volume as WordPress and WordPress almost four times as much as Drupal. Here are a few statistics from Google Trends (Table 1): Country al World Chile France Germany Italy Poland Russian Federation Spain Switzerland UK USA China 0.3 0 0.2 0.16 0.17 0.15 0.3 0.26 0.15 0.4 0.66 0.8 1 1 1 1 1 1 1 1 1 1 1 1 1.08 0.82 0.68 0.61 0.6 0.43 0.5 1 0.45 1.65 2.3 3.2 Drup Joomla WordPress

Table 1 Google Trend - Drupal, Joomla, WordPress


There are signicant national differences in the use of content management systems. In Germany, for example, the CMS TYPO3 alsoplays a role. The search volume is comparable to Joomla. In January 2012, 2.8 % of the entire web is powered by Joomla21 The range of Joomla websites goes from very simple homepages to complex business applications and projects based on the Joomla Framework. What makesJoomla so successful, and the ways in which you can use it, will be described in this book.

WHO AM I?

21

w3techs.com/technologies/overview/content_management/all Pgina 17

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante My name is Hagen Graf, I'm 47 years old, andI live in Fitou22, France. I am marriedto the woman of my dreams and have four daughters. My work consists of many different activities such as teaching, advising, listening, testing, programming, understanding structures, developing new applications, questioning, and always trying something new. Actually, my work can be done completely online but sometimes clients may have reservations aboutfully online projects,which is why I amon the road a lot. Being on the road means meeting clients in different countries with different languages and cultures, long car, bus or train rides as well as very short response times to customer enquiries, Facebook messages and tweets. This way of working has implications for what Ionce used to call"the ofce". I need to be able to have access from anywhere in the world to my e-mails, pictures, videos, tweets, and documents. My ofce is located where I am.

WHO ARE YOU?


Of course I do not know exactly what you do, but many people whom I have worked with work in a way similar to myself. Employees of larger companies however, for various reasons, often cannot or may not work as exibly. Your own experience with computers is probably similar to mine. Many of us started with an older PC and a Windows system at school or at home, and then got to know from experience the harsh reality of ofce applications, data loss, insufcient memory, and hard drive and printer conguration adventures. The wonderful relationships between these things have been changed with the user-centred way of Web 2.0 and the use of smart phones, but this does not necessarily make it easier. If you do not love messing with passion at night with your operating system or telephone or sorting your photos and music, and moving them all from one device to another, then you are probably just like me - happy when your devices and applications are working, when you can access your data on the Internet and all is working smoothly. If you work from a home ofce, a smooth work environment becomes particularly important. Non-functioning soft- and hardware can quickly turn your situation into a nightmare. I distinguish betweenthe following types of users: Visitors: They visit a website and they do not caremuch aboutthe system you used for creating the site. Users: They use the website. They create contentusing pre-dened procedures.

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

Monday, 30 January 2012

Pgina 18

Joomla! 2.5 - Livro do Iniciante Website Designers or Integrators: They install a Joomla site on a server, create categories, content, links and menu modules, conFigura templates and languages, are all-rounders and usually have the sole responsibility for the website. CSS Designers: Theyoften like to workexclusively with les that have the extension .css. HTML Designers: They give CSS Designers the foundation they need for their work. In Joomla, they create the so-called template overrides. Developers: They know the programming languages PHP and JavaScript and like to use them. They enhance the Joomla core with additional functions. Architects: They think about security, speed and code quality. The website designer plays a special role in this list. He usually has to cover all other roles, which constitutes a real challenge. As I am writing this book, I often nd myself thinking about the website designer. A company, an institution, a club, an organization, yes, probably everyone, needs a web presence that is user-friendly and exible. A presence - one that develops over time, can easily be changed via a web browser. This presence can replace your ling cabinet and leather address book; this presence can communicate with different devices and it can be extended easily. I assume your website already explains what you do or what your company does. This is your place where you maintain your customer relations 24 hours per day, seven days a week. Your website probably containsa collection of applications and data summarising your activities. Your site should also contain interfacesto allowother applications to use them. Until a few years ago, the creation of a website was a difcult thing to do. Whilst you did not have to be a renowned specialist, a combination ofperseverance andhavingfun withwhat you are doingwere necessary to produce appealing results. You had to create static HTML pages in an HTML editor and then upload them via le transfer protocol to a server. To create even thesimplest interactivity such as a contact form or a forum, you had to learn a programming language. It is more than understandable that many people did not take this hardship on themselves and handed over the creation of a website to a web agency or did not even start the project in the rst place. Thanks to Facebook and kits such as Google Sites, creating simple web pages has become relatively easybut if you want something unique, you shouldbecome familiar witha content management system. Joomla offers everythingyou need tocreate your own, individual website.

WHAT IS THIS BOOK ABOUT?


First of all, it is about Joomla and how to use it.

Monday, 30 January 2012

Pgina 19

Joomla! 2.5 - Livro do Iniciante Joomla is a tool with lots of possibilities and you can use the system in a huge variety of congurations, depending on your ideas and wishes. In order to allow comfortable access, I have structured the book as follows: 1. Sobre o Livro 2. Introduo 3. Apresentao 4. Instalao 5. Estrutura e Termos 6. O que h de novo no Joomla! 2.5? 7. Gerenciando Contedo 8. Como criar uma Pgina 'Sobre Ns' 9. Media Manager PORTUGUESE 10. Status, Lixeira e Check-Ins 11. Site e Congurao de Contedo 12. Templates 13. Navegao 14. Users and Permissions PORTUGUESE 15. Gerenciador de extenses 16. Extenses nativas 17. Mdulos 18. Plugins 19. Trabalhando com Templates 20. O Template The Beez 21. Multi-Language Websites PORTUGUESE 22. Porque SEO importante para voc 23. Um site Joomla! 2,5 do incio 24. Atualizar a partir de verses mais antigas 25. Recursos Monday, 30 January 2012 Pgina 20

Joomla! 2.5 - Livro do Iniciante Although you are a beginner, you will be able to manageyour own Joomla website via a web browser. If you are somewhat familiar with HTML, CSS and image editing, you will be able to customize a template for your website.

ANY FURTHER QUESTIONS?

Don't hesitate!23 Of course, I can't deliver technical support. The Joomla forums provide a wealth of knowledge and you will denitely nd answers to your questions there. If you have comments or questions about the book, however, please feel free to leave them in the comments section below.

23

http://cocoate.com/j25 Pgina 21

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante


Anncio

http://cocoate.com/pt-br/j25pt/ad

Monday, 30 January 2012

Pgina 22

Joomla! 2.5 - Livro do Iniciante

Captulo 2

Apresentao
Qual a cara de um site que foi criado com Joomla? Esta pergunta no pode ser respondida facilmente j que a maioria dos sites baseados em Joomla! e o projeto criado por uma agncia e, em seguida, "transformado" em um tema do Joomla!. Portanto, o exterior de um site pode ser enganador. No entanto, aqui esto algumas imagens para dar uma idia.

ALIANA PELA EDUCAO CATLICA - UNIVERSIDADE DE NOTRE DAME


A Aliana para a Educao Catlica, ou AEC, usa Joomla 1.7 para gerenciar sua presena multifacetada na web. A AEC um esforo colaborativo de doze programas diferentes, todos trabalhando para fortalecer e sustentar escolas catlicas nos Estados Unidos. Joomla, em conjunto com o framework Gantry, permite a AEC manter doze sites distintos em um, utilizando as opes para temas diferentes do Gantry (por exemplo: http://ace.nd.edu/teach uma pgina inicial original para uma das os programas dentro do site) (Figura 1)!

Figura 1: University of Notre Dame


Monday, 30 January 2012 Pgina 23

Joomla! 2.5 - Livro do Iniciante . Todas as unidades da AEC esto na mesma instalao do Joomla e do banco de dados, mantem uma forte ligao visual para a pgina principal e tambm compartilham as mesmas caractersticas para todos os participantes da organizao, incluindo um feed de notcias integrado, associao online, uma rede JomSocial, vrios blogs, um quadro de avisos de empregos e um catlogo de publicaes. Algumas extenses favoritas da AEC so: Zoo de YOOtheme, sh404SEF, JCE, JSPT e Socialable's Autogroup. Planos para o futuro envolvem a integrao de um CRM (CiviCRM) para funcionar dentro do ambiente Joomla Website: ace.nd.edu Criador: CloudAccess.net, Ricky Austin24

MAIS DE 3000 WEBSITES GOVERNAMENTAIS CONSTRUDOS COM JOOMLA!


JoomlaGov uma vitrine para os sites do governo construdos com Joomla! por todo o mundo. Mais de 200 pases esto representados e, um ms aps seu lanamento no encontro "J and Beyond" 2011 (http://www.jandbeyond.org), j apresenta mais de 3.000 sites. Este site um timo exemplo de como a comunidade Joomla! (http://joomlagov.info/about) pode colaborar para dar destaque s qualidades do CMS Joomla! Por exemplo, o Portal do Cidado do Governo do Distrito Federal - Cidade do Mxico (http://www.df.gob.mx/) um que vale a pena dar uma olhada (Figura 3).

Figura 3: joomlagov.info Website utilizando Joomla!, K2 e Google Maps (API verso 3)

24

http://ace.nd.edu/directory/ricky-austin Pgina 24

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante O video foi gravado durante o Joomla! Day Africa do Sul 2011 Estudo de Caso - Como construmos o site joomlagov.info (How we built the joomlagov.info Website) - Dwight Barnard (ZA) 25 Website: www.joomlagov.info Criador: raramuridesign & piezoworks.be

TORRE EIFFEL

Bem, provavelmente voc j ouviu falar dessa construo (Figura 4)!

Figura 4: Torre Eiffel


Website: tour-eiffel.fr Criador: Mairie de Paris (paris.fr)

COMRCIO ELETRNICO

Uma loja online dinamarquesa montada com Joomla! e o componente RedShop (Figura 5).

25

http://vimeo.com/32790888 Pgina 25

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 5: Comrcio Eletrnico com Joomla! Website: www.trendbazaar.dk Criador: redweb.dk

KOKORO
Kokoro quer dizer "chocolate que emana do corao e da alma" (Figura 6).

Figura 6: Kokoro Website: kokorochocolate.com Monday, 30 January 2012 Pgina 26

Joomla! 2.5 - Livro do Iniciante Criador: ohappens.nl

TRANQUILLITY BLUE
Tranquillity Blue um site para exibir atividades e aventuras em uma pequena cidade litornea na costa sudoeste da frica. O objetivo era tornar o site administrvel pelo cliente e exvel o suciente para crescer e englobar funcionalidades avanadas, se necessrio (Figura 7).

Figura 7: Tranquillity Blue Website: www.tranquillityblue.co.za Agncia: raramuridesign.com Design: Dwight Barnard

E?

Estes websites se parecem com o que tem que parecer: websites. :-)

Se eu no tivesse dito que eles foram criados com Joomla!, provavelmente voc nem teria percebido isso conscientemente. D uma olhada nesse artigo de janeiro de 2012 no site TechRepublic: 15 Joomla implementations 26

COMO ENCONTRAR PGINAS EM JOOMLA?


26

http://www.techrepublic.com/blog/webmaster/inspiration-15-joomla-implementations/1085 Pgina 27

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Vou mostrar algumas maneiras de encontrar sites criados com Joomla!.

joomla.org

D uma olhada neste projeto! Encontrei alguns dos sites apresentados acima no Joomla! Showcase (Vitrine Joomla). Voc encontrar mais de 2.000 websites organizados por categoria. Existe um site do ms, uma geral com sites mais bem cotados e muito mais (Figura 8).

Figura 8: Vitrine Joomla

Google
Voc pode buscar pelo termo com_content27que usado pelo componente "content" na URL das pginas. Atualmente esse tipo de busca no o mais efetivo, devido as URLs otimizadas para mecanismos de busca, mas mesmo assim o resultado ainda expressivo.

EXTENSO WAPPALYZER PARA FIREFOX

Wappalyzer28 uma extenso do navegador que identica o software utilizado em sites (Figura 9).

27 28

http://www.google.de/search?q=com_content https://addons.mozilla.org/en-US/refox/addon/wappalyzer/ Pgina 28

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 9: Joomla! identicado pelo Wappalyzer

CONFIRA O SITE MAIS DE PERTO


Se voc est em um site e quer saber se foi criado com Joomla!, d uma olhada no cdigo-fonte. No cabealho voc encontrar a seguinte linha: <meta name="generator" content="Joomla - Open Source Content Management" /> Voc tambem pode digitar a URL do link para a rea administrativa do site: http://example.com/administrator Esse um exemplo utilizando o site da Torre Eiffel: 29:

Administrativo do site da Torre Eiffel


29 http://www.tour-eiffel.fr/administrator/

Monday, 30 January 2012

Pgina 29

Joomla! 2.5 - Livro do Iniciante

SIGA E PERGUNTE AOS SEUS AMIGOS


Eu twittei Quero SEU site :) Busco o 5 melhores exemplos de site em Joomla para o captulo de apresentao cocoate.com/ j25/showcase Fvr responder com link e RT e logo recebi os links para os sites que voc viu a em cima!

MAIS ALGUMA OUTRA IDIA?

Voc conhece alguma outra forma de detectar um site criado com Joomla? Sinta-se a vontade para deixar seu comentrio.30 .

30

http://cocoate.com/pt-br/node/10559 Pgina 30

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Captulo 3

Instalao
Graas ao instalador web o Joomla! pode ser instalado em poucos minutos. Para instalar o Joomla! em seu PC, necessrio congurar sua internet, por que ir precisar de um browser, um web Server, PHP e um banco de dados que suporte o Joomla. Podemos chamar isto de LAMP (ou XAMPP) e um sistema cliente-servidor. Os arquivo do Joomla! devem ser copiados para este sistema e congurados pelo instalador do Joomla.

REQUISITOS MNIMOS:
Um servidor web instalado e em funcionamento, de preferncia Apache ou Microsoft, verso 1.13.19. O script de linguagem PHP, verso 5.2.4. O suporte PHP para MySQL e Zlib devem estar compilados no PHP. Zlib uma biblioteca que permite o PHP ler pacotes de arquivos que esto comprimidos em ZIP. Banco de dados MySQL, verso 3.23 ou superior, com suporte a caracteres Unicode MYSQL 4.1.x.

VARIAES DE INSTALAO
Uma vez que esta questo a mesma para todos os sistemas baseados em PHP, eu gostaria de indicar para voc o captulo installation variants of PHP-based systems. set the system up locally on your PC set the system up on a server in a company's Intranet rent a virtual server from a provider rent or purchase a server from a provider (with root access) You can also have the web server and database located on computers that are physically separated from each other. You can also, of course, use different: brands of web servers Versions of PHP interpreters Versions of MySQL databases And on top of that, you can install and operate all these components on various operating systems.

Monday, 30 January 2012

Pgina 31

Joomla! 2.5 - Livro do Iniciante This freedom in choice of resources can sometimes confuse a layman. Therefore, we will discuss a few typical scenarios.

LOCAL TEST ENVIRONMENT


If you are at home or in your ofce, for example, and want to set up a Joomla website, you may use any of the following operating systems.

Windows Operating System


For a Windows operating system you can use either of two web servers:. You take a pre-conFigurad package (XAMPP), unpack it on your computer, and everything you need is there (http://apachefriends.org).

Linux Operating System


Here it depends on the distribution version you have. All the distributions allow simple installation (with a click of the mouse) of the Apache, PHP, and MySQL packages. At times, depending on distribution, they may already be pre-installed. So you can use the programs contained in the distribution or a preconFigurad package (XAMPP); extract it on your computer and everything you need is there (http://apachefriends.org).

Mac OS X Operating System


In Mac OS X operating system, you have a default web server (Apache) in your system that you have to activate, but unfortunately not PHP and no MySQL. So you can use the installed Apache web server and install the missing software or the preconFigurad XAMPP package for Mac OS X. Another complete package by the name of MAMP is also very popular with the Mac OS X environment (http://www.mamp.info).

PRODUCTION ENVIRONMENT
You have several options here as well.

Rented Virtual Server

You rent a web-space package with database, PHP support, and often also your domain name from a provider. In this case you have a functional environment and you can install your Joomla into it. Consult your provider as to the version choices (PHP, MySQL). Sometimes providers offer Joomla pre-installed with various templates. IIf this is the case, all you have to do is activate Joomla with a click of the mouse and it is ready for you.

Your Own Server

You rent a server from a provider and install the operating system of your choice. You are the administrator of the system and you can work on it, just like on your PC at home. Monday, 30 January 2012 Pgina 32

Joomla! 2.5 - Livro do Iniciante Before you venture into the wilderness of the Internet, you should rst practice on your local computer. This has the advantage that there are no connection fees, it is very fast, and you can practice at a leisurely pace. You may even have a small local network at home where you can install Joomla on one computer and access it from another. Remember that there are probably more current versions on the respective project sites on the Internet.

ERROS
Este tpico muito complexo por que existe um grande nmero de hospedagens e um nmero maior ainda de servidores web, PHP, MySQL verses e ferramentas da web. Pontos cruciais durante a instalao consistem em: o Safe Mode ativo do PHP, impedindo que voc faa upload de arquivos, forbidden porque a extenso Rewritable Engine (mod_rewrite) do Apache no est ativa, As permisses de arquivos no Linux e OSX so diferentes que as do Windows. Basicamente, a forma mais fcil que quase sempre funciona, a seguinte: Baixe o arquivo de instalao do Joomla.org para o seu PC e descomprima em uma pasta temporria. Envie os arquivos descompactados via FTP para a sua hospedagem ou para a sua pasta local. Os arquivos devem ser colocados no diretrio pblico. Estes diretrios geralmente so chamadas htdocs, public_html ou HTML. Se j existirem outras instalaes na pasta, voc pode criar um subdiretrio em que seu Joomla! ser instalado. Muitos servidores permitem que voc ligue seu domnio para um diretrio. Voc deve descobrir o nome de seu banco de dados. Em muitos casos, um ou mais banco de dados esto includos no pacote de hospedagem. s vezes o usurio e a senha do banco de dados j esto congurados, em outras vezes ter que congurar. Geralmente voc pode fazer est congurao na congurao do servidor. Voc precisa destas informaes para fornecer ao instalador do Joomla.

INSTALADOR DO JOOMLA!
Baixe o arquivo Joomla 2.5 at joomla.org31 e descompacte os arquivos na pasta root do seu servidor (e.g.: /htdocs). A partir de agora muito rpido, pois o instalador web est funcionando. V para URL http://localhost/.

Tela 1 Selecionando o idioma


31

http://www.joomla.org/download.html Pgina 33

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante O instalador web aparece com uma seleo de idiomas. Escolher o idioma o primeiro de sete etapas da instalao. Dena o idioma desejado e clique no boto Prximo (Figura 1).

Figura 1: Instalao Selecionar o idioma

Tela 2 Checar a instalao


A checagem da instalao (Figure 2) deve vericar se seu servidor web capaz de instalar o Joomla! ou no.

Figura 2: Instalao Vericando a instalao


Este um bom sinal no resultado. Dependendo de sua congurao, podem existir resultados diferentes. O instalador do Joomla considera as denies do servidor web (no nosso caso o Apache) , PHP, e o sistema operacional. Quando usamos o Sistema Unix (Linux, Mac OS X), voc deve dar permisses aos arquivos. Esta particularidade particulamente importante para o arquivo Monday, 30 January 2012 Pgina 34

Joomla! 2.5 - Livro do Iniciante conguration.php. Este arquivo ser gerado no nal com os seus valores pessoais. Se o instalador no pode escrever na pasta Joomla! a instalao falhar. Neste caso, tente congurar as permisses e, em seguida clique no boto vericar novamente. Em seguida, clique no boto Prximo e voc ser levado a tela da licena.

Tela 3 - Licena
Cada software de alguma forma licenciado. Joomla! licenciado de acordo com a GNU General Public License, verso 2.0 (Figura 3).

Figura 3: Instalao Licena

Tela 4 Banco de dados


Na tela 4 a congurao do banco de dados, os dados de seu banco de dados sero pedidos (Figura 4). Voc pode criar quantos nmeros desejar de banco de dados em sua hospedagem local. Voc tm um usurio do MySQL com o nome de root. O usurio root o administrador no MySQL e pode, para tanto, fazer tudo no sistema MySQL. A senha depende de seu servidor (nenhuma senha precisa para o XAMPP, com o MAMP a senha root).

Monday, 30 January 2012

Pgina 35

Joomla! 2.5 - Livro do Iniciante

Figura 4: Instalao Congurao do banco de dados


Insira os seguintes valores para sua instalao local: Nome do computador: localhost Usurio: root senha: [s voc saber] Now select the database name. In a productive environment on a database server with a provider, you probably have a xed quota of databases and the database credentials are predened. If you have root permission on your MySQL server, you can enter a name of a new database. Joomla will then create that database. You can select whether the tables of any existing Joomla installation in this database should be cleared or saved and marked with the prex bak_. O pr-xo de tabela no MySQL muito prtico. Na frente de cada nome da tabela gerada pelo instalador web, ele escreve o texto que voc digitou no campo apropriado. Como padro, o instalador web sugere alguns criados aleatoriamente, como w02rh_. Isto tem uma simples razo. s vezes, voc pode ter somente um banco de dados MySQL no seu provedor. Se voc quiser ter dois ou mais sites Joomla!, voc tm um problema pois as tabelas no diferem umas das outras. Com o prexo das tabelas, possvel distinguir vrias tabelas (w01client_ ou w02client_). Aqui, voc deve usar o w02rh_ padro. O prexo tambm usado para indicar dados salvos (bak_). Ver acima.

Tela 5 - Congurao FTP


Monday, 30 January 2012 Pgina 36

Joomla! 2.5 - Livro do Iniciante A m de evitar problemas com direitos de acesso e, possivelmente, ligado ao PHP safe mode, voc tm a possibilidade de usar as funes de FTP do PHP para o upload e manipulao de arquivos. Isto no necessrio em uma instalao local. Se voc instalou em um servidor em um provedor, voc pode inserir os dados de FTP fornecidos pelo ISP. Se o seu provedor permite esta funo, aconselhvel por questes de segurana, para criar diferentes contas de FTP para usurios e para a instalao do Joomla! ativar a conta FTP apenas para o diretrio Joomla! (Figura 5)

Figura 5: Instalao FTP- congurao

Tela 6 - Congurao
A congurao principal dividido em trs passos. Na primeira parte da congurao o nome do seu site requisitado. Esse nome aparecer na barra de ttulo da janela do navegador quando algum acessar o seu site. O nome tambm usado em vrios outros lugares, como em e-mails de conrmao para usurios registrados. Para a nossa pgina de exemplo, vou usar o nome Joomla! (Figura 6). Na segunda parte, o nome, endereo de e-mail e senha do administrador solicitada. Escrever a senha em um pedao de papel provavelmente o melhor (mas no coloque-o no seu monitor ou sob o teclado :-)). Na terceira parte, voc especicar o tipo de dados do seu Joomla! instalao deve conter.

Instalao do contedo de exemplo

Os dados so a coisa mais importante na sua instalao.

Joomla! permite (e recomenda para iniciantes) a instalao do contedo de exemplo.Voc ser fornecido com um pequeno manual sobre o Joomla! e muitos exemplos de experimentar com segurana. Clique no boto instalar dados de exemplo. O instalador ir carregar os dados em seu banco de dados e alterar a exibio (Figura 6).

Monday, 30 January 2012

Pgina 37

Joomla! 2.5 - Livro do Iniciante Este processo um pouco impressionante, mas necessrio para a instalao de contedo de exemplo. O boto desaparecer e uma pequena caixa de texto ser visvel.

Figura 6: Instalador - Congurao - Nome, E-mail, senha, dados de exemplo


Clique no boto AVANAR e os dados sero transferidos.

Tela 7 - Concluso
Na stima e ltima etapa vai ser parabenizado por ter instalado com sucesso Joomla! (Figura 7). Parabns de mim tambm! Voc vai ver agora um aviso em letras garrafais que aparecem no visor, pedindo-lhe para apagar o diretrio chamado 'Installation'. Voc deve seguir este comunicado porque o seu web site Joomla! poder no funcionar corretamente.

Monday, 30 January 2012

Pgina 38

Joomla! 2.5 - Livro do Iniciante

Figura 7: Instalador - Concluso


Nota: Um arquivo chamado conguration.php foi criado em seu diretrio de documento. Se voc gostaria de repetir a instalao, voc ter de apagar o arquivo conguration.phpantes de excluir o diretrio de instalao. O instalador Joomla! ir comear de novo quando voc puxar para cima a URL no seu navegador, onde os arquivos do Joomla! esto localizados. Agora que voc j totalmente instalado o Joomla!, voc pode comear a congurar o seu site e contedo. Voc tem a escolha entre os botes Site (leia website) e Admin (interface de administrao ). V em frente e d uma olhada no seu site recm-criado e clique emSite. No caso de voc ainda no excluiu o diretrio de instalao, voc voltar a receber um lembrete amigvel para faz-lo agora e, em seguida, atualizar a pgina. O resultado parece muito impressionante (Figura 8).

Monday, 30 January 2012

Pgina 39

Joomla! 2.5 - Livro do Iniciante

Figura 8: Seu website diretamente aps a instalao


D uma olhada, navegue atravs de algumas opes e tente se familiarizar com seu novo site. Muitos recursos do Joomla! esto sendo usados neste site preenchido com contedo de exemplo. Em seguida, vamos olhar para estes detalhes!

LOCALIZAO
A m de executar o seu site Joomla para outro idioma alm do Ingls, h duas possibilidades: 1. Download do pacote completo localizada do site correspondente e instal-lo 2. Download dos arquivos de idioma e instale-os. A instalao descrita no captulo Gerenciar extenses e os captulos Sites multi-linguagem , voc encontrar mais informaes sobre localizao.

DESPUBLICAR O CONTEDO DE EXEMPLO

Se voc est instalando o Joomla! pela primeira vez, eu recomendo que voc tambm instale o contedo de exemplo. Tome seu tempo e explore o site e como tudo vem junto. O contedo de exemplo Monday, 30 January 2012 Pgina 40

Joomla! 2.5 - Livro do Iniciante mostrar como o site parece com o contedo e vem com uma pequena explicao sobre o contedo e os mdulos de exemplo. Para obter uma viso geral, leia as 50 pginas atrs do item de menu "Usando Joomla!". Agora que voc j viu o suciente, voc provavelmente gosta de congurar o site de acordo com suas necessidades e desejos.

Como obter uma instalao limpa do Joomla! ?


Para obter uma instalao limpa, voc pode: Instale um novo Joomla! 2,5 sem contedo de exemplo: Crie uma nova pasta no seu diretrio web local (/htdocs) e instale o novo Joomla!. Agora voc tem duasinstalaes completas do Joomla!. Esta abordagem muito til para ns de treinamento. Exclua o contedo de exemplo em sua rea de administrao. Despublique o contedo de exemplo. Por favor, assista ao vdeo anexado, no qual eu estou indo mostrar-lhe como fazer isso. Se voc decidir seguir o passo 2 ou 3, voc precisa fazer o login na rea de administrao. L voc pode excluir e / ou despublicar os dados de exemplo e itens de menu.

Gerenciado de Menu
V ao Gerenciador de Menu no Top Menu (Menus Top), clique nas caixas de seleo no lado esquerdo acima dos itens de menu para escolher todos eles, e, em seguida, clique no cone Despublicar. Depois de ter feito isso, voc ver um cone vermelho em cada item de menu (Figura 9). Se voc voltar agora para o seu site (refresh), voc notar que o menu superior no mais visvel. Repetir o mesmo procedimento com os menus Main Menu e About Joomla! . Certique-se de escolher todos os itens de menu, exceto o item Home/Frontpage. Este item de menu no pode ser excludo porque voc precisa de um item na pgina inicial. Na rea inferior, voc pode alterar o nmero de itens mostrados (Figura 10).

Monday, 30 January 2012

Pgina 41

Joomla! 2.5 - Livro do Iniciante

Figura 9: Gerenciador de Menu I

Figura 10: Gerenciador de Menu II

Gerenciador de Artigo
Monday, 30 January 2012 Pgina 42

Joomla! 2.5 - Livro do Iniciante Use o mesmo procedimento como descrito acima. Abra o gerenciador de artigo e escolher todos os itens de contedo para despublicar ou exclu-los.

Cache
Para se certicar de que todos os dados vo desaparecer a partir do seu site, voc tem que limpar todo o cache (Manuteno do site Limpar Cache). Mais uma vez, escolha todos os contedos e cliquem em exclu-los.

Website Limpo
Seu Joomla! agora est "limpo" (Figura 11).

Figure 11: Joomla! sem contedo de exemplo

Monday, 30 January 2012

Pgina 43

Joomla! 2.5 - Livro do Iniciante

Captulo 4

Estrutura e Termos
Gostaria de explicar e esclarecer algumas estruturas e condies antes de comear com a congurao.

FRONTEND

Quando falamos do frontend, queremos dizer as reas do website como visitantes ou usurios registrados vem. Um usurio registrado normalmente funciona apenas no frontend. como em uma loja, onde as mercadorias so exibidos em vitrines e nas prateleiras. Aqui voc pode dar uma olhada.

BACKEND
Esta a sua rea de administrao, portanto, ns o chamamos apenas de administrao. Voc pode dar a usurios cadastrados o direito de trabalhar em seu backend. Este privilgio em grande parte limitada a vrios funcionrios, que deve administrar algumas tarefas no site. Voc pode acessar o login de administrao via /administrator. http://localhost/administrator L voc pode se cadastrar com seus dados de login e escolha o seu idioma preferido (Figura 1).

Figura 1: Backend Joomla! - Login

Monday, 30 January 2012

Pgina 44

Joomla! 2.5 - Livro do Iniciante Uma vez conectado com sucesso, voc ter acesso administrao, que estruturado de acordo com os seus direitos de usurio (Figura 2).

Figura 2: Administrao
Voc pode acessar cada funo ou usando o sistema de guia combinado menu ou simplesmente clicando em um cone na tela inicial.

FILES

Joomla! consiste em centenas de arquivos: Imagens, scripts PHP, CSS, JavaScript e muitos mais desses arquivos. Voc provavelmente j percebeu isso quando voc descompactou o pacote compactado e copiado para a pasta htdocs (ou tambm www ou public_html, variarando conforme o servidor). Basicamente, voc j instalou duas partes do pacote Joomla! : um para o frontend e outra para o backend. O 'Backend Joomla! est localizado na pasta do administrator (Figura 3). Esta pasta abordada quando voc chama /administrator no seu navegador. Dentro dessa pasta esto outras pastas, como cache, componentes, linguagem, mdulos e templates. Os arquivos de backend especco so armazenados nesses diretrios. Voc vai encontrar os nomes da mesma pasta novamente fora da pasta administrator. Essas pastas contm os arquivos do frontend. Estas no so realmente dois pacotes do Joomla!, mas no h uma separao clara entre os arquivos do backend e frontend . Por exemplo, todos os arquivos carregados com o Gerenciador de Mdia ser salvo na pasta / media. Todos os arquivos devem ser salvos com um backup.

Monday, 30 January 2012

Pgina 45

Joomla! 2.5 - Livro do Iniciante

Figura 3: Arquivos e Pastas do Joomla!

BANCO DE DADOS
Alm dos arquivos citados acima (grcos, documentos, arquivos de sistema, etc)!, o Joomla tambm precisa de um banco de dados. Durante o procedimento de instalao, o instalador web Joomla! cria 66 tabelas em seu banco de dados especicado (Figura 4). Nessas tabelas, todo o contedo ser gerenciado.

Figura 4: A base de tabelas de dados do Joomla!


Monday, 30 January 2012 Pgina 46

Joomla! 2.5 - Livro do Iniciante Quando digo contedo, rero-me textos e denies de congurao. As tabelas na imagem so exibidas por meio de phpMyAdmin. phpMyAdmin uma parte do XAMPP, MAMP, LAMP e est disponvel via http://localhost/phpMyAdmin Normalmente, nenhuma alterao precisa ser feita nessas tabelas. No caso de voc esquecer sua senha de administrador, phpMyAdmin muito til. Este software tambm pode ser usado para fazer backup de seu banco de dados atravs da criao de um assim chamado dump SQL, como suas tabelas tm de ser garantidos com regularidade. No captulo deExtenses que voc vai aprender sobre uma opo mais conveniente para backup de seu banco de dados.

ELEMENTOS DO JOOMLA!

A estrutura do Joomla! simples, sosticado e eciente.

Joomla! assume que voc quer escrever um artigo. Um artigo geralmente consiste de um ttulo de texto, e algumas denies de congurao.

Artigo

Os artigos podem ser exibidas em vista nica ou lista. Na frontend do seu Joomla recentemente instalado! que voc vai ver esses quatro artigos (Figure 5).

Figura 5: Artigo na pgina inicial


Os artigos so ordenados de uma certa maneira. O primeiro artigo exibido usando a largura total do site. Os outros artigos so colocados abaixo em trs colunas. Se os artigos so longos demais, voc Monday, 30 January 2012 Pgina 47

Joomla! 2.5 - Livro do Iniciante pode inserir um link de leia mais. Esta representao uma exibio de lista. Clicando no link mais ler voc ser redirecionado para a representao nica do referido artigo (gura 6). O tipo de visualizao pode ser alterado por opes de congurao no backend, no entanto, somente pelo usurio com direitos de acesso correspondente.

Figura 6: nica tela de um artigo


Os artigos podem ser publicados (publicar) ou no publicados (despublicar). Voc pode caracterizar artigos em seu frontpage, voc pode arquiv-los ou coloc-los no lixo e recuper-los. Voc pode copiar e mov-los.

Categorias
A m de exibir claramente artigos, voc pode criar categorias e atribua um artigo a eles. Cada artigo pode ser atribuda a exatamente uma categoria (Figura 7). As categorias podem ser aninhadas em qualquer profundidade. Artigos de uma ou vrias categorias podem ser atribudas a um item de menu e exibido de vrias maneiras. Ao clicar no item de menu, todos os artigos de diferentes categorias sero mostrados. Este princpio utilizado por jornais online, por exemplo. Voc clica em Esportes e obter todos os artigos categorizados para este tpico. Se o jornal discerne entre as diferentes formas de esportes, eles vo usar rvores de categoria aninhada: Esportes Futebol Handball Poltica Monday, 30 January 2012 Pgina 48

Joomla! 2.5 - Livro do Iniciante Local Europa Mundial

Figura 7: Atribuio de Categoria

Usurio
Usurios so necessrios para produzir contedo. Pelo menos um usurio registrado em cada site Joomla! , ou seja, aquele que voc criou durante a instalao, com os direitos para congurar tudo no seu site. Dependendo dos direitos do usurio, ele pode trabalhar no frontend e / ou back-end para escrever um artigo. Cada usurio requer um nome de usurio, um endereo de e-mail e uma senha. Cada usurio pode ser atribudo a qualquer grupo de usurios, bem como a qualquer nvel de acesso. Isto permite ao usurio criar artigos que so visveis apenas para determinados grupos de usurios.

Navegao
Para encontrar o seu caminho em torno do site, voc vai precisar de navegao com links correspondentes. Em Joomla! chamamos isso de um menu. Voc pode criar menus como muitos como desejado e inser-las em tantas maneiras diferentes como voc deseja. Cada menu um mdulo que pode ser posicionado em uma rea prevista no template.

Mdulo
Um mdulo algo que voc pode posicionar ao lado de um artigo. Um menu, por exemplo, um mdulo. O bloco de registro pequeno no lado esquerdo tambm um mdulo. Voc pode criar quantos Monday, 30 January 2012 Pgina 49

Joomla! 2.5 - Livro do Iniciante mdulos com funes inteligentes como voc precisa e posicion-los sobre a rea pr-denida no seu template.

Templates
O template o padro grco para o seu site. A maioria constituda de HTML e CSS. Joomla! oferece vrios templates para voc escolher. Os templates so congurveis, que lhe permite carregar um logotipo diferente, mudar a cor de fundo, etc Cada template dispe de posies (reas) onde os mdulos podem ser posicionados (Figura 8)

Figura 8: Template Positions - Posies do Mdulos no Template


Voc pode agrupar mdulos em torno de um ou mais artigos.

Plug-ins
Um plug-in oferece servios prticos, mas geralmente invisvel para os visitantes do site. Um editor wysiwyg, por exemplo, um plug-in. Plug-ins so extenses, o que pode ser instalado quantidade ilimitada de vezes. O pacote do ncleo j consiste de vrios tis plug-ins.

Componentes
Monday, 30 January 2012 Pgina 50

Joomla! 2.5 - Livro do Iniciante Componentes so os pacotes que ajudam a criar praticamente qualquer coisa em seu site. Voc quer ter um sistema de reservas para as ocinas? Uma plataforma para as imobilirias? Um frum? Uma galeria de imagens? Voc s precisa instalar o componente certo! O pacote bsico Joomla! j vem com alguns componentes, por exemplo, o componente de contato, que permite a integrao de formas de contato em seu site. H muitos componentes para melhorar o seu Joomla! do sistema.

Opes

Voc vai precisar de conguraes individuais para o seu site, chamamos-lhes opes. Estas opes so aplicadas a todo o site, para os usurios, categorias, mdulos, componentes. Voc sempre vai encontrar um cone chamado Opes como, por exemplo, que um (Figura 9), que lhe oferece a possibilidade de ver a posio do mdulos (Figura 8), inserindo http://localhost/index.php?tp=1 O tp inicial ca para a posio do template.

Figura 9: Opes

Outras estruturas
Outras estruturas para interfaces de usurio, templates e relaes tcnicas tambm esto disponveis. Por enquanto, voc est bem equipado, lembrando as estruturas descritas acima.

Monday, 30 January 2012

Pgina 51

Joomla! 2.5 - Livro do Iniciante

Captulo 5

O que h de novo no Joomla! 2.5?


Joomla! 2.5 foi lanado em janeiro de 2012 e o sucessor do Joomla! 1.5. Ser uma verso de longo prazo de com as tecnologias mais avanadas at julho de 2013. As verses 1.6 e 1.7 foram lanamentos de curto prazo e abriram o caminho para Joomla! 2.5. Quando voc atualizou seu site do Joomla! 1.5 para 1.7 em 2011, provavelmente est usando todos os novos recursos introduzidos com com essas verses. Quando descer essa pgina, conra a lista de novos recursos em comparao com a verso 1.5, ento percebe-se que 2011 foi um ano muito interessante para Joomla. Mas vamos dar uma olhada nos novos recursos do Joomla! 2.5.

NOVAS FUNCIONALIDADES NO JOOMLA! 2.5 A plataforma novinha em folha do Joomla!


A Verso 11.4 da Plataforma Joomla agora a base do CMS. Isso signica muitas mais possibilidades para desenvolvedores externos, como por exemplo, manipulao da imagem com a classe JImage e gerao de tabelas HTML com a classe JGrid. Uma nova verso da biblioteca JavaScript MooTools est sendo usada (1.4). Se voc no sabe o que a Plataforma Joomla!, leia Escreva sua prpria App usando a Plataforma Jomla! (em ingls) 32 e o anncio ocial do lanamento da Plataforma Joomla! (em ingls).33 .

Encontre mais contedo com a Busca Inteligente

A Busca foi "reinventada" na verso 2.5 com o Finder. O novo componente Finder trabalha junto com a indexao da busca (Figura 1).

32 33

http://cocoate.com/node/9582 http://developer.joomla.org/news/378-version-11-3-of-the-joomla-platform-released.html Pgina 52

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 1: Criando a indexao da Busca


O Finder pre-busca seu contedo. Resultados da pesquisa so marcados de forma dinmica com base no contexto e freqncia dos termos de busca. O contedo mais relevante ser sempre listado no topo dos resultados. Ele sugere frases alternativas (Figura 2) e seu sistema de plugins permite compatibilizar com outros componentes que modicam o sistema de gerenciamento de contedo padro do Joomla! contedo e muitos outros tipos de documentos. Filtros de pesquisa personalizados permitem que se fornea busca contextual quando o visitante est em determinadas reas do site.

Figura 2: Sugestes

Estenda Joomla! para outras Platformas usando outros Bancos de Dados


Com Joomla! 2.5 ser possvel executar Joomla! em MySQL, Microsoft SQL Server e Microsoft Azure. Drivers para o PostgreSQL e Oracle parecem estar para serem lanados (Preparando-se para suporte de bancos de dados mltiplos - Getting Ready for Multi-Database Support 34).

Mais opes para o modo ofine


Voc pode usar a mensagem padro ofine, desabilit-la ou criar uma mensagem personalizada. Alm disso, pode-se selecionar uma imagem para a pgina do modo ofine (Figura 3). Ainda se tem a

34

http://community.joomla.org/blogs/community/1526-getting-ready-for-muti.html Pgina 53

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante possibilidade de colocar o site em o modo ofine durante a instalao para que o pblico em geral no possa v-lo antes da hora.

Figura 3: Ofine mode options

Registro de usurios com CAPTCHA


Um plugin para CAPTCHA que utiliza o servio reCAPTCHA35 pode ser ativado (Figura 4). Depois de se inscrever gratuitamente com reCAPTCHA e entrar as suas chaves, voc pode ativar CAPTCHA para os registos de novos usurios. Tambm pode ser utilizado por outras extenses que necessitem de CAPTCHA.

Figura 4: Captcha
35

http://www.google.com/recaptcha Pgina 54

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Praticidade na edio de layouts simples

Agora possvel anexar uma imagem ao texto de introduo para usar em layouts de blogs e destaque, uma imagem para o texto do artigo completo e at trs links para o layout artigo completo. Isto signica que os criadores de contedo no tero que se preocupar com a insero de imagens diretamente no texto e os artigos sero mais limpos e mais consistentes.

MULTILNGUE
Agora possvel criar substituies para uma string de idioma atravs de um novo gerenciador no administrador (Figura 5).

Figura 5: Gerenciador de Substituies no Idioma

Notas do Usurio

Um novo recurso "Notas do Usurio" permite criar notas anexadas s contas de cada usurio. Ao criar uma nota de usurio pode-se denir uma data para que ela seja usada posteriormente, por exemplo, para organizar tarefas relacionadas ao usurio. Pode-se ter vrias notas por usurio e as elas podem estar em diferentes categorias (Figura 6).

Monday, 30 January 2012

Pgina 55

Joomla! 2.5 - Livro do Iniciante

Figura 6: Gerenciador de Notas do Usurio

Limpeza

Filtragem por Categorias no Gerenciador de Artigos

Desde a verso 1.6 possvel ltrar por categorias no gerenciador de artigos, mas no se via os artigos das subcategorias. Agora a lgica do ltro inclui os artigos das subcategorias tambm. Linkando novos menus com um Mdulo No Joomla! 2.5 os mdulos no so criados automaticamente para cada novo menu. Este no um bug, uma caracterstica :) Nem todo mundo usa o mdulo de menu principal do sistema, mas o de temas personalizados ou mdulos de menu de terceiros. Por essa razo, os menus no criam automaticamente um mdulo a partir da 1.6/1.7. Esta mudana confundiu as pessoas e criou trabalho extra. No Joomla 2.5, se no houver nenhum mdulo associado ao menu, h um link no Gerenciador de Menus que pode ser clicado para lev-lo diretamente para a criao de um novo mdulo. Voc tem a opo de salvar este mdulo ou cancelar para usar um outro mdulo de menu existente. Os Filtros de Texto Personalizados foram movidos para a Congurao Global. Eles ltram o contedo por tags baseadas em sua congurao e nas permisses de usurio. Agora voc pode-se optar para que o administrador receba uma mensagem quando um novo usurio cria uma conta. Isso til quando o aviso de nova conta de usurio est denido para Automtico. Nesse caso, o usurio recebe um e-mail aps o registo com um link de ativao (Figura 7). Depois de clicar no link que conta ser ativada.

Monday, 30 January 2012

Pgina 56

Joomla! 2.5 - Livro do Iniciante

Figura 7: Aviso ao Administrador


Todas as opes de Selecionar um Tipo de tem de Menu no so carregadas a no ser que sejam necessrias. No link a seguir est um bom resumo criado por Mike Carson 36

NOVOS RECURSOS COMPARADOS COM A VERSO JOOMLA! 1.5

Em comparao com Joomla! 1.5 as diferenas so enormes e h uma longa lista de recursos e melhorias. Aqui est uma lista das mudanas mais importantes no Joomla a partir das verses 1.6 e 1.7 No existem mais sees. As categorias podem ser aninhadas por quantos nveis se quiser; O conceito de acesso foi totalmente reconstrudo. Os grupos de usurios existentes no Joomla! 1.5 so os mesmos em Joomla! 2.5, mas eles podem ser melhorados e renomeados. Nveis de acesso ilimitado tambm pode ser denidos. Os usurios podem ser atribudos a grupos de usurios e grupos de usurios podem ser atribudos aos nveis de acesso. Multiprocessamento Operaes de copiar e mover e a alocao de nveis de acesso podem ser feitas agora em lote;

36

http://www.slideshare.net/carson3511/joomla-25-new-features-and-hidden-gems Pgina 57

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Atualizaes em um clique Um recurso simples. O sistema encontra as atualizaes disponveis e as instala aps um clique no boto correspondente. Modelos Houve muitas mudanas na rea de modelos. Existem agora dois modelos para o administrador e trs modelos para o site. Estilos de modelo s vezes voc pode querer exibir um modelo com diferentes opes. Voc pode querer criar uma pgina com um fundo vermelho e outra pgina com uma azul. Portanto, voc vai precisar de estilos de modelo. Crie quantas verses (estilos) de um modelo com conguraes diferentes, como voc gosta e atribua-os a um link do menu. Layouts de modelo s vezes voc pode querer que a apresentao de um componente ou mdulo esteja com um layout diferente, sem mexer no modelo original. Isso possvel com layouts de modelo. Interface de usurio consistente Um exemplo de sucesso o dilogo de salvamento em geral. Salvar: o contedo salvo e voc permanece no modo de edio. Salvar e Fechar: o contedo salvo e voc sai do modo de edio. Salvar e Novo: o contedo salvo; uma tela de edio vazia aparece. Salvar como cpia: contedo salvo como uma cpia e se permanece na edio de contedo. Requisitos mnimos Os requisitos mnimos relativos ao seu ambiente de servidor e os navegadores aumentou. Navegador: Internet Explorer, verso 7 ou superior, Firefox, verso 3 ou superior, Safari, verso 4 ou superior Servidor: PHP: verso mnima PHP 5.2.4, MySQL: verso mnima 5,04 Modo Legado O modo legado do Joomla! 1.5 no mais necessrio. Ele permitia a execuo de componentes originalmente desenvolvidos para o Joomla 1.0, que foram adaptados para Joomla! 1.5. O processo de adaptar extenses antigas no vale a pena pois se deixa de usar os recursos do framework Joomla utilizado na verso 2.5. Otimizao para Mecanismos de Busca Agora pode-se usar unicode nas URLs, o que signica que se pode agora usar caracteres especiais na URL como '' e '', rabe ou hebraico. Pode-se alocar texto e meta palavras-chave por categorias. Monday, 30 January 2012 Pgina 58

Joomla! 2.5 - Livro do Iniciante Pode-se exibir o ttulo de um site com os ttulos das pginas e decidir sobre a ordem em que aparecero no cabealho do navegador. Mdulos podem ter sua publicao denida por perodos de tempo. As opes de atribuio para os itens de menu foram estendidas. Multilinguagem O sistema oferece agora a possibilidade de criar artigos, categorias e mdulos em vrias lnguas. Com os novos mdulos e plugin de troca de idiomas, pode-se mudar todo o site para o idioma selecionado. CodeMirror o novo editor, que fornecido junto com TinyMCE. No um editor WYSIWYG, mas oferece uma maneira conveniente de trabalhar com contedo tipo cdigo, que exibido em uma forma estruturada, destacando a sintaxe. Componentes O componente novo de redirecionamento permite redirecionar URLs para evitar erros "404 Not Found". Um componente novo de pesquisa escalonvel foi introduzido. Ele faz uma pr-busca no contedo, ordena os resultados por relevncia, sugere termos de pesquisa alternativos, processos uma ampla gama de tipos de documentos, etc O componente de pesquisa foi eliminado. Ciclo de Lanamentos A cada 18 meses, uma verso de longo prazo do Joomla! ser lanada. Introduo da Plataforma Joomla! Joomla! consiste de duas partes a PlataformaJoomla! o Sistema de Gerenciamento de Contedo Joomla! H muitas outros recursos muito interessantes como a possibilidade de colocar uma imagem de fundo em um mdulo ou exibir artigos com quebras de pgina em abas ou layout deslizante.

Monday, 30 January 2012

Pgina 59

Joomla! 2.5 - Livro do Iniciante

Captulo 6

Gerenciando Contedo
Um sistema de gerenciamento de contedo feita para gerenciamento de contedo - quem teria pensado? Ento a prxima pergunta : Qual o contedo? Em meios de produo e publicao, o contedo de informaes e experincias que podem proporcionar valor para um usurio-nal em contextos especcos In media production and publishing, content is information and experiences that may provide value for an end-user/audience in specic contexts (Wikipedia 37). Ok, eu vejo, mas que ele que fornece o valor? Esta questo realmente muito difcil de responder e bastante individual, mas eu acho que voc agora tem a idia de contedo e um sistema de gerenciamento de contedo como o Joomla. Um sistema de gerenciamento de contedo til para a gesto da informao que fornece valor para seu pblico (Hagen Graf :-) ).

TIPOS DE CONTEDO
No ncleo do Joomla! voc tem artigos, categorias, links, banners, contatos e feeds. Eu no tenho certeza se a criao de valor com banners possvel, mas banners tambm so um tipo de contedo.Os mdulos podem ser utilizados para a criao de contedo, assim. Muitas vezes voc pode querer enriquecer o seu contedo com arquivos como fotos e outros tipos de mdia. Para o Joomla! tem o Gerenciador de Mdia. Isto que o ncleo do Joomla! oferece como sua caixa de ferramentas para gerenciar todos esses pedaos para criar valor para o seu pblico. Eu estou indo para cobrir essas ferramentas nos prximos captulos. Se isso no for suciente para voc, voc pode melhorar Joomla! com os chamados content construction kits 38 como K239, FlexiContent 40 ou CCK jSeblod 41 e muitas outras extenses, mas isso ca para outro livro inteiramente. :-)

37 38 39 40 41

http://en.wikipedia.org/wiki/Content_%28media%29 http://extensions.joomla.org/extensions/news-production/content-construction http://getk2.org http://www.exicontent.org/ http://www.seblod.com/ Pgina 60

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

COMO CRIAR UMA PGINA 'SOBRE NS'

Para lhe dar um primeiro desao real, vamos criar uma primeira pgina em seu novo site. Ser uma pgina sobre ns em que voc pode escrever sobre a sua empresa, seu projeto, ou voc mesmo. Na maioria das vezes, uma pgina como esta contm um ttulo de texto, e talvez algumas imagens.

Contedo esttico vs dinmico

Uma pgina "sobre ns" geralmente criado uma vez, acessvel atravs de um link do menu, e no futuro tudo o que voc tem a fazer mud-lo como voc vai. Ele tem um carcter esttico. Um comunicado de imprensa ou entrada de blog, no entanto, tem um carter dinmico. Para pginas estticas, em contraste com pginas dinmicas, a data de criao e autor realmente no importa. Pginas estticas so geralmente acessveis atravs de um link do menu ao passo que as pginas dinmicas podem ser acessados atravs de listas.

O plano

A pgina 'Sobre Ns' dever ser constitudo pelos seguintes componentes: um ttulo, um texto, uma imagem. A pgina no deve aparecer na primeira pgina. Queremos um link para a pgina no menu superior horizontal (topo).

Isto pode parecer simples primeira vista :-). V em frente e faa um login na interface de administrao!

Passo 1 - Criar contedo

V para o Gerenciador de Artigo (Contedo - Gerenciador de artigo). L voc ainda pode ver seus dados no publicados de amostra (Figura 1).

Monday, 30 January 2012

Pgina 61

Joomla! 2.5 - Livro do Iniciante

Figura 1: Gerenciador de Artigo


Clique no cone para chegar forma adequada e, em seguida, adicione um ttulo e texto. No painel superior, abaixo do ttulo, selecione "semcategoria" como uma categoria.Esta categoria foi criado atravs da instalao de os dados de exemplo. O campo Destaque indica se o contedo deve ser exibido no layout do blog em destaque, que usado principalmente como a primeira pgina. Isso ainda funciona no Joomla! 2.5, mas os termos podem ser facilmente mal interpretados. Selecione No. Na janela do editor, voc pode agora inserir o seu texto. Joomla! vem com o editor padro TinyMCE (Figura 2).

Figura 2: Artigo formulrio de edio

Monday, 30 January 2012

Pgina 62

Joomla! 2.5 - Livro do Iniciante

Inserindo uma imagem de uma URL

Como um primeiro exemplo, vamos usar uma imagem j existente na web. Por exemplo, este um: http://farm2.static.ickr.com/1198/898250237_78a0e75cba_m.jpg (Figura 3)

Figura 3: Exemplo de Imagem


Mover o cursor para a posio no texto em que voc gostaria de inserir a imagem. Clique no cone de imagem na barra de ferramentas do editor e cole o URL da imagem para a janela pop-up. Congure a imagem com um alinhamento esquerda e use 10 pixels de espao vertical e horizontal (Figura 4).

Figura 4: Inserir imagem


A imagem aparece na janela do editor. Clique em Salvar e seu item est armazenado. Existem vrias maneiras de salv-lo: Monday, 30 January 2012 Pgina 63

Joomla! 2.5 - Livro do Iniciante Salve - O item est salvo. Formulrio no est fechado. Usado para salvar quando voc ainda quer continuar trabalhando. Salvar e Fechar - O item est salvo e formulrio ser fechado. Salvar e Novo - O item est salvo, formulrio ser fechado e um formulrio novo com artigo vazio chamado. Sair do formulrio.

Passo 2 - Criando um link do menu

O post foi criado, mas no est aparecendo no site. Para que ele aparea, precisamos de um link! Clique no cone Novo no Gerenciador de Menu no menu superior (Menu Top).

Dica: Top o nome da posio no template padro. Se voc no estiver usando o template padro e os dados de exemplo, o menu superior no existe ou pode ter outro nome. Clique no boto "Select", boto ao lado do campo tipo de item de Menu. Uma janela com vrios links ir aparecer. Clique em um link de artigo nico (Figura 5).

Figura 5: Selecione um tipo de item de menu


Agora voc precisa escolher o artigo desejado. Clique no boto Selecionar / Alterar no painel da direita (Selecione o artigo) para selecion-lo. Voc ver uma caixa de pesquisa com todos os artigos. No caso de voc no pode encontrar o seu artigo na pgina imediatamente, voc pode ltrar a lista, digitando uma parte do ttulo do artigo na caixa de pesquisa e, em seguida, clicar no ttulo do artigo correto na lista de resultados (Figura 6).

Monday, 30 January 2012

Pgina 64

Joomla! 2.5 - Livro do Iniciante

Figura 6: Tipo de Menu - nico artigo - selecione artigo


Digite um ttulo para o link "Sobre ns" e certique-se que o topo est selecionado na localizao do menu. Podemos deixar as demais opes com suas conguraes para agora.

Passo 3 - 'Sobre ns', no site

Se voc carregar agora o site do frontend, voc vai descobrir o novo link no menu superior. Clique nele e voc ver o contedo sobre ns - parabns por ter criado a primeira pgina (Figura 7).

Figura 7: Pgina Sobre Ns

Passo 4 - Upload de Imagem


Monday, 30 January 2012 Pgina 65

Joomla! 2.5 - Livro do Iniciante Se sua imagem j no est disponvel na Internet, voc precisar fazer o upload do seu PC. Vamos percorrer juntos o exemplo. V para o Gerenciador de artigo (Contedo Gerenciador de Artigo). Se voc no consegue encontrar o seu artigo, localiz-lo facilmente usando a caixa de pesquisa. Selecione o ttulo do artigo e o formulrio de edio ser aberta. Excluia a imagem ligada a partir do texto. Abaixo da janela de edio voc encontrar o boto Imagem. Este boto abre uma caixa de dilogo para fazer upload de uma imagem. Voc pode escolher entre as imagens existentes ou fazer upload de novos (Figura 8).

Figura 8: Upload de Imagem


Depois que a imagem foi inserida no texto, a formatao pode ser alterada usando o cone de imagem na barra de ferramentas do editor. Esta separao de funes em Joomla! foi propositadamente escolhida porque voc tem a possibilidade de usar diferentes editores. O Boto Imagem do Joomla! permanecer sempre o mesmo, mas a formatao de imagem no editor podem diferir. Ateno: Joomla! usa as imagens como elas so. As imagens no sero redimensionadas! Para resolver este problema, d uma olhada no entrada do blog Brian Teeman:

Monday, 30 January 2012

Pgina 66

Joomla! 2.5 - Livro do Iniciante Making Joomla Idiot Proof42 - Talvez o FBoxBot 43 est disponvel para Joomla! 2,5 tambm quando voc estiver lendo estas linhas.

42 43

http://brian.teeman.net/tips-and-tricks/making-joomla-idiot-proof-part-1.html http://extensions.joomla.org/extensions/photos-a-images/articles-images/1162 Pgina 67

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

A TYPICAL ARTICLE

The following items usually have to be taken into consideration when it comes to creating an article on your website: a text with one or more images a teaser text for list views with a read more link pointing to the full article page the article should appear on the front page and needs no menu link nice to have: a scheduled publication date nice to have: a printer-friendly version for visitors who would like to print the article nice to have: an option to forward the article by email

Start

The article should appear on the front page of your website. If you deleted, did not install or change your sample data, your Joomla front page will look like the one in Figura 1. It is, of course, not a bad thing if posts should appear. :-)

Figura 1: Empty website


When you log into the administration area, you will see an icon called Add New Article. You may either click on this icon or access the form via the main navigation Content Article Manager Add New Article (Figura 2) Monday, 30 January 2012 Pgina 68

Joomla! 2.5 - Livro do Iniciante

Figura 2: Administration area

Article form

You are now in the article form, in which you will probably write all articles you will ever write in Joomla. A very important place! The form is structured as in Figura 3.

Figura 3: Entry form for contributions


Monday, 30 January 2012 Pgina 69

Joomla! 2.5 - Livro do Iniciante The minimum requirement for an article is a title (1), a category (2), and a text (3). If you look at the form more closely, you will notice the help texts that appear when you move the mouse across the description of a eld. I have marked the areas in the form in Figura 3 with six digits.

Title
The most important part is the title or headline. The title appears as a headline on the website (usually in the biggest size of the HTML headline tags <h1>) and in the browser bar at the top (you can enable or disable this behavior). The title is the foundation for the alias eld below. The alias is automatically generated by Joomla when you save the article and the way it looks is congurable as well. Basically, the purpose of an alias is to have a simple, short and legible URL in the browser address bar, which can easily be used in e-mails or chats as well. In the example of http://example.com/rst-article - rst-article is the alias.

Category
This is about the classication or categorization of the article. Every article MUST be assigned to a category. If you explicitly do not want to categorize the article, you can assign the category uncategorized. This is especially useful for more static content pages like legal notices and the About Us page. In this area, other important attributes can be conFigurad, including State (published or not), who has Access (Access, Permission depends on various settings), Language and Featured. Featured replaces the former attribute frontpage and ensures that the items are in a predened blog layout for your website frontpage. The article ID is created after saving and consists of a serial number.

Text
In this section you can write your text, which should be of value to your audience . Sounds really easy, doesn't it?! :-) Technically, you are dealing with a WYSIWYG editor (What You See Is What You Get) here. The editor converts your written text into HTML text format. Joomla uses the TinyMCE44 editor as default conguration. TinyMCE is an independent open source project, which has so many functions that you could write a separate book about it. (May not be a bad idea.) It basically works like any other word processor: write text, highlight text, then click on a toolbar icon and the function is applied or a dialog box opens. The buttons below the input area are unusual and can be confusing at times. These buttons are Joomla specic and only have an indirect relationship with the editor. The Joomla core comes with ve of these very practical additional buttons. You can add more buttons by adding Joomla extensions: 1. Article: allows you to link to other existing Joomla articles

44 http://tinymce.moxiecode.com/

Monday, 30 January 2012

Pgina 70

Joomla! 2.5 - Livro do Iniciante 2. Image: You can insert an existing image or photo from the Media Manager or upload a new image. 3. Pagebreak: inserts a pagebreak in your article 4. Read More: allows you to stipulate where to place the read more link 5. Toggle Editor: switches the editor on and off. If it is off, you will see the HTML code of your article.

Options
What was called Parameter in Joomla 1.5, is now called Options in Joomla 1.6, like, for example, the Publishing Options. Here you can specify who wrote the article (Created by). The user who created the article is usually allowed and responsible for making changes to the article later. Which name is really shown below the title at the webpage is conFigurad in Created by Alias. The three elds below allow you to schedule the publishing. Simply enter the appropriate dates and Joomla takes care of the rest.

More Options
In this section you can conFigura many options by switching them on and off. You can change the article layout to suit the reader's and search engine's needs. Just start experimenting - it's the best way to learn.

Permission
The sixth and nal area concerns the permissions for this article. This selection will help us in many places in Joomla 1.6 and I will cover this in Captulo Users and Permissions.

SAMPLE ARTICLE
Let's create the article outlined above together: A text with one or more images Just write your text. To add an image or images, there are numerous possibilities: 1. The image is already available online, for example, on Flickr 45. In this case, click the image icon in the editor toolbar and copy the image URL to the dialog box. 2. The image is already in the Joomla Media Manager. In this case, click the image button below to select the image and insert it into your text (Figura 4).

45

http://www.ickr.com/photos/hagengraf/5186325015/sizes/s/ Pgina 71

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 4: Insert Image from media eld


3. The picture is on your hard disk. This is the most complex case. Basically, you will also use the image button below the text. There you will nd an upload dialogue through which you can upload your image "easily". Remember that Joomla will NOT resize the image. If you upload a photo from your digital camera, it will be displayed in its full original size (width > 3000 pixels). You have to resize the image before uploading. If all goes well - congratulations! If it doesn't work, this could be due to many things, such as lack of permissions in the directories of the media manager. At best, you will get an error message. Once you have inserted the image from the media, you can select and format it by clicking the image icon in the editor's toolbar. A teaser text for list views with a read more link to the full article This is easy. Move the cursor to the position at which the read more link should appear and click on the read more button below the text area. The article should appear on the frontpage and needs no menu link Select Yes in the eld Featured in Area 2. Monday, 30 January 2012 Pgina 72

Joomla! 2.5 - Livro do Iniciante A scheduled publication would be nice Avoid this at rst, so you don't have to wait for the article to appear on your website :-). If you would like to try it later with a different article, simply ll the elds Start Publishing and Finish Publishing with the appropriate information or select the dates by clicking the calendar icon. A printer-friendly version of the article If you do not know at this point where the global settings are located, have a look at the Captulo Website and Content Conguration and verify the current settings. In area 5, you may switch the Show Printer icon to 'show'. Forwarding of the article by e-mail Simply set the options in area 5, switch the Show Email Icon to show.

RESULT

After saving you can reload your site and will see your article on the frontpage as in Figura 5.

Figura 5: Article on the frontpage

Monday, 30 January 2012

Pgina 73

Joomla! 2.5 - Livro do Iniciante

MEDIA MANAGER

The media manager is Joomla's little Digital Asset Management System (DAM) 46. If you are managing content, you will need a place to store the les. Files are all the images, PDFs and whatever you decide to mention in your content. Usually these digital assets consist of the le and additional meta data. In this case, we need an easy-to-use tool to manage our les. Let's have a look at what is possible with the Joomla core media manager.

How it works

To me it looks more like a le manager. Everyone knows the Windows explorer or the OSX nder. In Joomla they call it "media manager". It has a base directory where all the les are stored. You can look at your les in two different ways using your browser: via a Thumbnail View (Figura 1) and a Detailed View (Figura 2). It is possible to navigate through the folders by clicking on them.

Figura 1: Media Manager - Thumbnail View

Figura 2: Media Manager - Detailed View


You can create as many additional folders as you wish. In the Detailed View, you are able to delete folders and les. Youll nd the same structure in the Joomla administration backend as you can see in
46

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

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante your FTP client (Figura 3), but you have to be careful: In core Joomla you will also nd a media directory. This directory is NOT the home of the media manager. The home of the media manager in core Joomla is the images directory.

Figura 3: Media manager directory in ftp client


When you look in the toolbar you will discover the Options icon - go ahead and click on it (Figura 4).

Figura 4: Media manager options


If you go through the options, you will notice that you can limit le types by extension, maximum size of a le and you can also separate images from les. Well, an image is a le, too, but I like the idea of separating them. The thumbnail view, e.g., makes a lot more sense for images but not for non-image les. Monday, 30 January 2012 Pgina 75

Joomla! 2.5 - Livro do Iniciante The biggest advantage of that separation is the possibility to Restrict Uploads to users lower than the manager role. You can allow registered users to upload images but you do not have to give permission to upload other les. This is, in some cases, very useful. The next options you see are MIME 47 types, nowadays often called Internet Media Type. If you are a Windows user, you usually only distinguish different le types by their extension. Internet Media Type is another way to recognize the type of a le even without a le extension. You can permit or forbid as many le types as desired. The Flash Uploader is one of the most sophisticated features that is often forgotten about. In Joomla 1.5 it didn't always work properly but the version coming with Joomla 2.5 is excellent for uploading more than one le at a time. The Flash Uploader simply works and is easy to use! Try it! (Figura 5).

Figura 5: Media manager Flash Uploader


As you notice, the Joomla media manager is no rocket science48 but it is a reliable, easy to use tool to manage your images and other les. If you need a more sophisticated product, Joomla offers other solutions in the extension directory in the category File Management 49.

Media manager and the editor


Now you know about the central place of your les but how can you manage to connect them to your content?

47 48 49

http://en.wikipedia.org/wiki/Mime_type http://www.urbandictionary.com/dene.php?term=rocket+science http://extensions.joomla.org/extensions/core-enhancements/le-management Pgina 76

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Anywhere you see an editor in Joomla, it is usually possible to add media from the media manager by clicking the image button below. We have already talked about this in Captulo A Typical Article (Figura 6).

Figura 6: Media manager in content areas

Media Manager in other places

There are other places where the media manager plays a role, like in categories. It is possible to link an image to a category (Figura 7).

Monday, 30 January 2012

Pgina 77

Joomla! 2.5 - Livro do Iniciante

Figura 7: Media manager in category


This image will appear in a list of categories if you conFigura it in the Menu Items Options.

Monday, 30 January 2012

Pgina 78

Joomla! 2.5 - Livro do Iniciante

CONTACT FORM

With a contact form the following question arises: "Is this content?". I think it is and have, therefore, written it as a sub Captulo of the Managing Content Captulo. On a contact form it rst becomes obvious that something like a CMS is being used. Manually created HTML pages cannot send emails as this requires a script language like PHP, for example, and a conFigurad server. PHP scripts can be embedded as contact forms into HTML pages, but then that part of the website will often look different from the rest of the site. In Joomla the contact form is already integrated and you "only" have to conFigura it. Ususally, if your Joomla is running on a web server at your provider, you won't have problems with sending emails. Locally, it's a bit more difcult because you would have to set up a mail server rst. Generally, this is not a problem but it isn't really necessary. ;-) Joomla sends emails in different ways. You will see an overview of this in Global Conguration Server (Figura 1). Naturally, you would use the standard activated PHP Mail function (read more: Website and Content Conguration).

Figura 1: Mail Server Settings

Creating a contact
In order to include a contact on your site you need at least: Monday, 30 January 2012 Pgina 79

Joomla! 2.5 - Livro do Iniciante a contact category a contact a link in a menu Maybe you still have a category from the example data (Sample-data contact). If not, go ahead and create one. In the next step you will create a new contact. To do so, open Components Contacts in your administration area and click on the icon New. Then ll in the appearing form (Figura 2). I have labeled some areas in the screenshot for better orientation.

Figura 2: Create contact


1. The rst and last name of the contact person, or the name of the department or company if it is not a person. The contact can be connected with an existing user account. He has to be assigned to a category, should be public (State = Published) and presumably not appear on the frontpage (Featured = No). 2. The text area can be used for additonal information, e.g. opening hours or jurisdiction. 3. The Publishing Options relate to the user who can later make changes to that content, who created the content, and the timing for publishing. The latter is used rather seldomly for 'normal' websites.

Monday, 30 January 2012

Pgina 80

Joomla! 2.5 - Livro do Iniciante 4. In Contact Details there are numerous elds available, which you can choose to ll in or leave blank. 5. In Display Options you decide which elds will be displayed. This area is important as you specify here whether a contact form will be shown or not (Show Contact Form). You can also specify whether the sender should receive an email copy and you'll be able to conFigura some spam protection settings (Banned E-Mail, Banned Subject, etc). Against "real" spammers, however, this protection is rather "pathetic". 6. In the eld Contact Redirect, you can enter another email adress to which the contents of the form should be sent. 7. The Metadata Options are, like the Publishing Options, available on each single page (Read more: Why SEO is important for you).

Creating a menu item

You now have a contact but still no form on your website. That is exactly what we are going to create in this next step. Due to the fact that you can link nestable categories to contacts, you may either have a single contact form or many of them. It is denitely possible to create a contact form for each employee of a big company like Volkswagen (approx. 370,000 employees). How does such a dynamic CMS display this on a website? To manage this, Joomla has its own Menu Manager with different layouts. In the Menu Manager, you get to decide whether you want to have a list of contacts or categories or just a single contact form. At rst glance this may seem somewhat confusing but it is well thought out and helpful. Let's link a single form in the menu for the contact we have just created. Open Menus - Top and click the New icon. You need three things for a menu link: 1. the Menu Item Type (type of link) for displaying the site and, depending on your choice, a contact or a category 2. a text displayed as a link 3. the menu, in which the link should appear For number 1, click on the Select button next to the eld Menu Item Type. A window will open and you will see a choice of types. Click Single Contact (Figura 3).

Monday, 30 January 2012

Pgina 81

Joomla! 2.5 - Livro do Iniciante

Figura 3: Choice of menu types


The window will close again. Since you only want one contact, you will now have to choose the contact in Required Settings (Figura 4).

Figura 4: Choose contact


At last, insert the text for the link (Menu Title) and then save everything. The menu is already registered correctly by opening the form. On your website, an additonal link in the Top Menu should be appearing, which is linked to the corresponding contact (Figura 5). You can get to the actual contact form by clicking the plus sign in the right eld. Now you can send messages via your website.

Monday, 30 January 2012

Pgina 82

Joomla! 2.5 - Livro do Iniciante

Figura 5: Contact at website

Figura 6: Contact form


Monday, 30 January 2012 Pgina 83

Joomla! 2.5 - Livro do Iniciante

Captulo 8

Status, Lixeira e Check-Ins


No Joomla! seu contedo pode ter vrios estados. Dependendo do tipo de contedo podem haver, no mnimo, trs tipos de status:publicado, despublicado e lixeira. O que signica isso? Depois de salvar o seu contedo pela primeira vez, ele passa a existir no banco de dados do Joomla! e dependendo do status atual, o contedo pode aparecer (ou no) em diferentes reas de seu site. O ciclo de vida usual de contedo no Joomla! : 1. despublicado at que voc nalize a edio ou reviso 2. publicado ou agendado (e possivelmente destacado na pgina inicial) 3. ainda publicado mas pode ser removido da pgina inicial 4. arquivado As vezes, preciso despublicar um contedo e s vezes voc pode querer coloc-lo na lixeira. O conteudo em si, claro, continuar a existir. Ele no foi excludo. Voc pode ltrar a maioria das tabelas na administrao pelos estados desejados e atribuir status diferentes para o seu contedo com a frequncia que desejar.

Despublicado
Nenhum visitante do site capaz de ver o contedo. Essa a fase em que voc pode editar e rever o seu contedo.

Publicado
Vai depender da permisso que os usurios e "visitantes" tem em ver o contedo de seu site, mas em geral o contedo deve ser visvel, pois foi publicado!

Destaque

O status destaque umseletor que voc pode usar para os ltimos e/ou mais importantes artigos e geralmente usado para visualizao destes na pgina inicial. Este um recurso adicional de status porque s relevante para os artigos. por isso que possvel que um artigo seja despublicado ou destacado.

Arquivado
Chegar um momento em que voc vai comear a pensar em arquivar seus artigos. Basta denir o status para arquivado e voc estar a um passo de criar um arquivo. O Joomla! sabe a data de criao de Monday, 30 January 2012 Pgina 84

Joomla! 2.5 - Livro do Iniciante seus artigos e oferece um mdulo de exibio de artigos arquivados em seu site. O mdulo de arquivamento est includo no contedo de exemplo. Se ele no estiver disponvel, basta criar um em Mdulos Novo Artigos Arquivados. Ento, seus artigos sero mostrados como na Figura 1. Leia mais no captulo Mdulos.

Figura 1: Arquivos Joomla

Lixeira
O ltimo status a lixeira. Se um item de menu chega a esse m, ele continua existindo e pode ser recuperado nesse estado. Voc pode mover mdulos, itens de menu, categorias, artigos, contatos, e contedo e mais em sua lixeira. Voc pode ver o contedo excludo atravs do ltro (Figura 2).

Monday, 30 January 2012

Pgina 85

Joomla! 2.5 - Livro do Iniciante

Figura 2: Lixeira
No modo ltro o cone Lixeira muda para Esvaziar Lixeira. Essa sua oportunidade para deletar o contedo dela.

Check In

O cone Check In no Joomla! pode no parecer com o que voc conhece do Foursquare ou outros servios baseados em localizao. um recurso de segurana para editar o seu contedo. Assim que um usurio comea a editar o contedo, o Joomla! bloqueia esse contedo para todos os outros usurios. A vantagem desse comportamento que as mudanas no podem ser substitudas por outro usurio. Esse um recurso muito conveniente. Um grande problema, no entanto, aparece quando o usurio edita o contedo e acidentalmente fecha o navegador, permite que a sesso do site expire ou acaba a luz da sua casa ou ... voc entendeu onde quero chegar :-). Em seguida, o contedo bloqueado e ningum mais pode edit-lo! Ningum (exceto um usurio com a devida permisso, por exemplo, voc como administrador) pode vericar o contedo novamente para permitir que outros possam edit-lo. Infelizmente, voc s vai perceber o contedo no-vericado por um pequeno cadeado que est sendo exibido perto do ttulo (Figura 2) ou por um grito de ajuda de um de seus usurios :-).

Monday, 30 January 2012

Pgina 86

Joomla! 2.5 - Livro do Iniciante

Figura 3: Check In

Monday, 30 January 2012

Pgina 87

Joomla! 2.5 - Livro do Iniciante

Captulo 7

Structure Your Content with Categories


Joomla articles must be categorized. Generally spoken, categorization is the process of recognizing, differentiating and understanding something through abs creating as many categories traction. This may sound rather complicated but proves very useful when managing several articles. Joomla offers the possibility of creating as many categories as you wish. It is possible to build nested categories and an article has to be related to one of these categories. Newspapers, for example, use categories to better differentiate between their articles. Here is an example from a Joomla template50 (Figura 1).

Figura 1: Gavick Template December 2009


50

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

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante They are using the category World News and under this category there are additional categories like Politics, World, War, Disasters and more. Sometimes two levels are sufcient like in this example; sometimes you may need more. In Joomla 1.5 it was not possible to have more than two levels. With Joomla 2.5 you can have as many levels as you want. Joomla no longer has sections - only categories. In the Category Manager (Administration Content Category Manager), you can manage your category tree and lter up to 10 levels (Figura 2).

Figura 2: Category Manager


Like an article, a category consists of a title, a description and many other attributes and options. It can have an additonal image that can be used in different layouts. The image can be selected in the basic settings. A category can also contain images in the description (Figura 3).

Monday, 30 January 2012

Pgina 89

Joomla! 2.5 - Livro do Iniciante

Figura 3: Category Edit Form


When you access your Joomla website you can see exactly these categories in the example data. The navigation uses links to the categories to show all the articles and sub categories (Figura 4). Even the breadcrumb navigation reects this structure.

Figura 4: Categories as menu links on the website


In the Menu Manager (Administration Menu About Joomla), you can see these menu items, which link to the articles in a category (Figura 5). Monday, 30 January 2012 Pgina 90

Joomla! 2.5 - Livro do Iniciante

Figura 5: Categories as menu links on the website


You can choose from different layouts for the articles. In Figura 5 you can see which layout is used for which link. You can select the layout in the edit form of a menu item (Figura 6). Possible layouts: a list of all categories a blog layout (like on the frontpage) a category list Depending on the layout you have plenty of options to conFigura the appearance and behavior of sub categories and articles.

Monday, 30 January 2012

Pgina 91

Joomla! 2.5 - Livro do Iniciante

Figura 6: Category layouts

A list of all categories


This layout lists all the sub categories from one chosen category (Figura 7).

Figura 7: Layout All Categories


In this case the category description from the top level category Extensions is shown. One level of sub categories with their descriptions is also shown on the page, even empty categories. The articles in the top level category are hidden. Example: Administration Menus About Joomla Using Extensions Edit.

A blog layout (like on the frontpage)


The blog layout lists all the articles from one chosen category (Figura 8).

Monday, 30 January 2012

Pgina 92

Joomla! 2.5 - Livro do Iniciante

Figura 8: Layout Blog


In this case the category description from the category Components is shown. All the articles related to Components are shown with their teaser text in one column. More columns are also possible. The rst seven articles in the top level category are hidden. Example: Administration Menus Components Edit (Figura 9).

Figura 9: Layout Blog settings

A category list
Monday, 30 January 2012 Pgina 93

Joomla! 2.5 - Livro do Iniciante The category list layout lists all the articles from one chosen category in a table structure (Figura 10).

Figura 10: Layout Category List


In this case the category description from the category named Joomla is shown. All the articles related to Joomla are shown in a congurable table. You can choose to have parts of the table hidden and various sorting options are available. Example: Administration Menus Components Article Category list Edit.

Conclusion

The category system in Joomla 2.5 is very powerful and easy to use. You can easily structure your entire website by using a set of nested categories in a very user-friendly way. One article can be assigned to one category.

Monday, 30 January 2012

Pgina 94

Joomla! 2.5 - Livro do Iniciante

Captulo 9

Site e Congurao de Contedo


O Joomla! tem diferentes nveis de opes de conguraes. Essas opes so transmitidas do mais alto para o mais baxio nvel. Congurao Global Opes para artigos, componentes, mdulos, plugins e templates

CONFIGURAO GLOBAL

Na sesso Congurao Global voc pode denir todas as conguraes que estiverem disponveis para todo o site. A maioria das opes das variavis so salvas no arquivo conguration.php. Informaes essenciais como nome de usurio, nome do banco de dados e senha do servidor, por exemplo, e parmetros "menores'' como a durao da apresentao de listas pr-determinadas so armazenados neste arquivo. A rea de trabalho dividida em cinco abas: Denies do Site Conguraes do Sistema Conguraes do Servidor Permisses Conguraes do Filtro de Texto A rea de trabalho de cada aba composta de dezenas de campos, caixas seletoras, alternadores e reas de texto. A forma mais fcil de vislumbrar isso mover o mouse sobre os ttulos para ler os textos de ajuda.que aparecem como uma pequena dica em amarelo (Figura 1).

Monday, 30 January 2012

Pgina 95

Joomla! 2.5 - Livro do Iniciante

Figura 1: Dicas
A maioria das opes so auto-explicativas. Vou citar algumas conguraes que so novas desde a criao do Joomla! 1.6 detalhadamente.

Denies do Site

O Denies do Site tem um novo campo para denir o nvel de acesso padro para novos usurios. Congurar nves de acesso um novo recurso (veja no captulo Usurios e Permissionamento) e a pgina ofine padro agora congurvel com uma mensagem individual e uma imagem. O Denies de Metadados dispe de uma opo para adicionar a informao Contedo com Direitos Autorais. O Joomla! ir adicionar suas informaes de Direitos Autorais na declarao de metadados no cdigo HTML. Dependendo da sua otimizao para mecanismos de buscas (SEO) 'religio', pode ser bom ou ruim ter essa declarao em seu meta perl. Agora o Joomla! serve em ambos os casos :-)
<meta name="rights" content=" 2011 cocoate.com EURL, France" />

Monday, 30 January 2012

Pgina 96

Joomla! 2.5 - Livro do Iniciante

Figura 2: Denies do Site


Nas conguraes de SEO, as novas opes so Apelido Unicode Voc pode denir apelidos para ttulos de artigos. Com esse recurso, URLs como http:// exemplo.com/ so possveis. Incluir o Nome do Site no Ttulo das Pginas Com esse recurso o ttulo do site aparecer na barra de ttulos do navegador. Denies de Cookie so um maravilhoso recurso para avaliar um cookie em diferentes subdomnios. Voc vai precisar desse recurso caso tenha um site (exemplo.com) e um ou mais subdomnios (blog.exemplo.com) e queira oferecer a seus usurios um servio de login em exemplo.com e postagem em blog.exemplo.com. Sem esse recurso o usurio precisar logar-se novamente para fazer as postagens em blog.exemplo.com.

Conguraes do Sistema
O usurio e o conguraes de mdia no esto mais nesta rea. Voc agora precisar encontr-los em Usurios e Conguraes de Mdia. O conguraes de cache est diferente porque o sistema de cache implcito foi reescrito e agora proporciona mais possibilidades. Em geral, um cache mais rpido deixa seus sites mais rpidos atravs do armazenamento por partes dos arquivos em HTML. O servidor web pode oferecer esses arquivos extremamente rpido. possvel armazenar as pginas em cache, visualizar componentes e mdulos. Voc pode retirar e limpar o cache em Site Manuteno. Monday, 30 January 2012 Pgina 97

Joomla! 2.5 - Livro do Iniciante

Conguraes do Servidor

Todas as conguraes do servidor so as mesmas que as do Joomla! 1.5. No entanto, irei mencionar a opo Forar SSL. Essa opo est cando cada vez melhor e tendo mais ateno. Voc pode oferecer a seus usurios um trfego completamente seguro. necessrio ter o SSL congurado em seu servidor web alm de um certicado SSL.

Figura 3: Denies de Servidor - SSL

Permisses

Aqui o lugar para denir as permisses globais para os seus grupos de usurios. Felizmente, nem sempre necessrio alterar as conguraes padro. Se voc alterar as conguraes padro para um grupo, ela se aplicar a este e a todos os subgrupos, componentes e contedo. Basicamente voc permite, nega e herda as permisses Login no Site, Login no Administrador, Super Administrador, Acesso ao Componente, Criar, Apagar, Editar, Editar Estado, Editar Propriedade e Acesso Ofine. Cada grupo tem seu prprio conjunto de permisses (Figura 4).

Monday, 30 January 2012

Pgina 98

Joomla! 2.5 - Livro do Iniciante

Figura 4: Grupo Global de Permisses

Filtros de Texto
O Filtros de Texto um conceito, que permite a voc pesquisar textos contribuindo com os padres HTML como tags e ltr-los (Figura 5). possvel denir diferentes ltros para diferentes grupos. Digamos que a um usurio registrado permitido postar texto com tags HTML dentro mas sem um iframe. Apenas o grupo 'iframers' tem o poder de postar iframes! Esses ltros esto ativos para o contedo de todo o site.

Figura 5: Filtros de Texto


Monday, 30 January 2012 Pgina 99

Joomla! 2.5 - Livro do Iniciante

Captulo 10

Templates
O template uma das mais importantes peas do site. Este que providencia a aparncia, o design. Este motiva novos visitantes a car no seu site e explor-lo. Visitantes regulares e usurios apreciam voltar em um site com um bonito e til design.Pense em outros produtos, por exemplo. Um carro preciso de um bom motor e pneus, mas a mais importante razo para comprar um normalmente o design. Ainda que o design no seja a principal razo, essa normalmente a razo para se possuir algo e pode fazer com que um comprador tenha mais razes palpveis para isso. Se o design bem feito, as pessoas esperam que o resto tambm seja. (Figura 1, Figura 2).

Figura 1: Car with stickers (Richardmasoner CC BY-SA 2.051)

Figura 2: Red car (FotoSleuth CC BY-SA 2.052)


51 52

http://www.ickr.com/photos/bike/201402884 http://www.ickr.com/photos/51811543@N08/4978639642 Pgina 100

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Ambos os carros foram feitos para um diferente pblico alvo. Eles so um exemplo de diferentes abordagens no design. Web design um pouco como artesanato. Possuir habilidades como HTML, CSS, JavaScript, PHP, edio de imagem e muitos outros imperativo. Joomla apenas mais uma ferramento na sua barra. Um bom template no apenas sobre cores e grcos.A forma e o posicionamento do contedo to importante quanto.O site deve ser amigvel e convel. Exatamente este desao me lembra os dois carros novamente. Web design ainda uma prosso nova.Um web designer normalmente tem que lidar com banda estreita, navegadores incompatveis, editores de contedo inexperientes e outras pessoas envolvidas no processo de criar um bom site. A criao de um site Joomla normalmente um processo, em que cada envolvido aprende muito. Bom web design trabalho duro. :-)

JOOMLA E TEMPLATES

Joomla conhecido por sua qualidade e simplicidade. No Joomla, uma simples pgina gerada pela sada em html de um componente, vrios mdulos e o template. Cada pgina acessvel via um nico URL. Tome a pgina principal como exemplo. O componente de contedo produz o HTML de sada para os artigos no meio (Figura 3). Os blocos prximo aos artigos so mdulos diferentes. Voc pode combinar o HTML de sada de um componente com o HTML de sade de vrios mdulos. Mdulos podem ser reusados em outras pginas.

Figura 3: Pgina inicial do Joomla


Monday, 30 January 2012 Pgina 101

Joomla! 2.5 - Livro do Iniciante

POSIES

Voc tem que saber, claro, at que ponto voc pode atribuir um mdulo. Por essa razo, cada template providencia as chamadas posies. Para poder ver essas posies, voc tem que habilitar a Prvisualizao das Posies do Mdulo (Extenses Administrar templates Opes). Depois disso, voc pode acessar o site apenas usando o parmetro tp=1(http://localhost/index.php?tp=1). Voc ver a posio dos mdulos com nfase e seus nomes (Figura 4). Em Extenses Administrar Mdulos, voc pode atribuir uma dessas posies a um mdulo. Se voc precisar de um mdulo em diferentes posies, voc pode copilo. Desde o Joomla 2.5 existe uma maneira muito fcil que foi adicionada ao backend. Voc ver ele clicando no cone, que agora mudou, ao lado do nome do template em Extenses Administrar templates (Figura 5)

Figura 4: Posies do mdulo

Monday, 30 January 2012

Pgina 102

Joomla! 2.5 - Livro do Iniciante

Figura 5: cone da pr-visualizao

TEMPLATES PADRO
A instalao padro do Joomla vem com 3 templates para o site e 2 templates para a rea administrativa. Voc pode ver uma visualizao prvia em Extenses Administrar templates aba Templates (Figura 6).

Figura 6: Templates do site


O template Atomic um exemplo de como um template bsico pode ser. No captulo Criar um novo template usando Atomic, we will use this template as a base to create our own template. The Beez5 template is the HTML 5 Version of Beez2. Also for the Administration, another template is available. (Figura 7)

Monday, 30 January 2012

Pgina 103

Joomla! 2.5 - Livro do Iniciante

Figura 7: Templates para a rea administrativa

ESTILOS
Estilos so uma novidade desde o Joomla 1.6. Eles oferecem a possibilidade de criar e usar diferentes verses de um template. Um template tema no mnimo um estilo. Neste estilo, conguraes podem ser feitas dependendo do template, como uma mudana de cores ou subir o logo do cabealho.Voc pode congurar um estilo padro para o seu site em Extenses Administrar templates Estilos. Voc pode ltrar entre dois estilos,Site e Administrador, escolhendo a localizao. O template padro o Beez2 que vem com 2 estilos predenidos: padro e Parks Site. Voc pode criar estilos adicionais copiando eles. Cada estilo pode ser associado a um item de menu. Se voc gostar de um background verde no seu site quando as pessoas clicarem no item A do menu, por exemplo, e um background azul quando eles clicarem no item B do menu, voc pode associar os estilos correspondentes. (Figura 8)

Figura 8: Associe um estilo a um item de menu


Voc achar mais sobre templates no captulo Trabalhando com templates. Monday, 30 January 2012 Pgina 104

Joomla! 2.5 - Livro do Iniciante

Captulo 11

Navegao

Photo: http://www.ickr.com/photos/62904109@N00/5214296452 CC BY 2.0


Todo site precisa de uma ajuda para entender sua navegao, de outra maneira no ser possvel para um usurio achar o que est procurando. Isso soa simples, mas no feito facilmente. Em um mundo perfeito seria possvel acessar qualquer pgina em um site com 2 ou 3 cliques.Outro fato que normalmente, se no sempre, seu visitante vem de um site de busca ou site de mdia social e aterrisa em qualquer pgina, menos na pgina inicial. Essa a razo para pensar em um boto "Pgina inicial" em cada pgina.

Monday, 30 January 2012

Pgina 105

Joomla! 2.5 - Livro do Iniciante Um site tem normalmente uma navegao primria e secundria. A navegao primria est normalmente na posio topo, esquerda ou direita. A navegao secundria est no rodap ou no topo, mas principalmente um pouco menor que a navegao primria. Esse contm links como o contato, sobre ns e notcias legais. A ideia por trs disso ter esses links no site mas no em uma importante posio. Como uma regra geral, no ponha mais que 4 a 8 links em um nvel de navegao.

MIGALHAS DE PO (BREADCRUMBS)

Uma trilha de migalhas de po a ajuda de navegao. O termo vem do caminho de migalhas de po deixados por Joo e Maria no conto de fadas dos irmos Grimm. Normalmentebreadcrumbsso posicionados horizontalmente no topo da pgina. Duas estruturas so usadas: mostrar links para voltar para a pgina anterior mostrar s pginas linkadas a que o usurio est Breadcrumbs so uma maneira do visitante no se sentir perdido dentro do seu site. O ideal o visitante saber onde est e como voltar. Joomla providencia o mdulobreadcrumbspara essa, misso e muitos templates tem uma posio reservado para obreadcrumb (Figura 1).

Figura 1: Breadcrumbs

MENUS DO JOOMLA
A navegao no Joomla criada pelos chamados menus. Voc pode crira quantos menus precisar no seu site. Cada menu pode conter qualquer nmero de itens de menu aninhados e voc pode inclusive ltrar o nvel. Cada item de menu atribudo a um componente ou a uma URL externa. Mdulos e estilos de templates podem ser atribudo a um item de menu. No dado exemplo, uns poucos menus so mostrados. Monday, 30 January 2012 Pgina 106

Joomla! 2.5 - Livro do Iniciante Vamos dar uma olhada em dois exemplos de navegao primria em pginas estticas e categorias dinmicas.

PRIMEIRO EXEMPLO: UM CATLOGO ESTTICO OU ESTRUTURA DE


LIVRO
s vezes voc precisa de uma navegao para um livro, um catlogo ou um guia. Voc encontrar esta congurao do exemplo dado no menu Sobre o Joomla. Deixe dizer que estamos escrevendo um pequeno livro de trs captulos. A navegao deve estar ligada a todas as pginas e parecer como a gura 2.

Figura 2: estrutura esttica de um livro

Preparao
Crie uma estrutura de livro com uns poucos captulos O livro do Joomla Introduo Contedo Como usar A Como usar B Templates Antes de criar itens de menu, voc tem que criar artigos individuais (pginas) primeiro.V at Contedo Gerenciador de artigos Novo artigo (Figura 3). Voc pode atribuir a categoria "sem categoria" a esses artigos ou voc pode criar uma categoria livro e atribuir a esses captulos.

Monday, 30 January 2012

Pgina 107

Joomla! 2.5 - Livro do Iniciante

Figura 3: Six 'book Captulos'

Step 1: Creating the menu


You can use an already existing menu as your primary links or you can create a new one by accessing Menus Menu Manager Add new Menu and lling out the form (Figura 4).

Figura 4: Adicionar menu

Passo 2: Criando os itens de menu


V at Menus Itens de menu e adicione seis artigos como links. Escolha nico artigo como o tipo de item de menu. Selecione o artigo e coloque o ttulo do menu (Figura 5). Se voc esquecer como se faz isso, d uma olhada no captulo: Como criar uma pgina "Sobre ns".

Monday, 30 January 2012

Pgina 108

Joomla! 2.5 - Livro do Iniciante

Figura 5: Itens de menu primrios

Passo 3: Criando e atribuindo o mdulo


Esse passo um pouco complicado. Voc agora tem os artigos, o menu e os itens de menu mas voc precisar tambm de um mdulo para colocar em uma posio em seu site. Vamos em frente e criar um. V at Extenses Gerenciador de Mdulos Novo e preencha o formulrio. Em Selecione um tipo de mdulo, escolha Menu. Em ttulo escreva Links primrios e em Opes Bsicas marque Sim em Itens do SubMenu. (Figura 6)

Figura 6: Mdulo de links primrios


O ltimo passo a posio no template. Clique no boto Selecione a posio, ltre pelo template Beez_20 e escolha position-7. Salve tudo e est pronto.

Monday, 30 January 2012

Pgina 109

Joomla! 2.5 - Livro do Iniciante

Figura 7: Seleo da posio no template

S EGUNDO EXEMPLO : L INKANDO PARA CATEGORIAS (N OVO MAGAZINE)


possvel linkar para umas poucas pginas como no primeiro exemplo, mas o que voc far se tiver vrios artigos? A resposta simples no Joomla: contrua uma estrutura com categorias, atribua os artigos e link para a categoria.

Preparaes
Ns precisaremos de algumas categorias com artigos: Categorias: Notcias Mundo frica Europa Tecnologia Internet Carros Crie eles ou use uma categoria existente (Leia mais: Estruture seu contedo com categorias).

Passo 1: O menu
Voc decide como continuar. A maneira mais fcil usar o j existente menu Links primrios. Mas se voc quiser, pode criar um novo menu, como eu.

Passo 2: Os itens de menu

Monday, 30 January 2012

Pgina 110

Joomla! 2.5 - Livro do Iniciante Quando lidando com categorias voc tem que pensar sobre o que ser mostrado aps clicar no link. A comportamento esperado no seu caso Categoria Notcias = todas as notcias devero aparecer Categoria Notcias Mundo = ns queremos apenas notcias do mundo e assim sucessivamente (Figura 8).

Figura 8: Itens de menu no novo menu


Para alcanar o comportamento esperado, crie um intem de menu do tipo Categoria como blog. Em Conguraes Obrigatrias, escolha a sua nova categoria Notcias. Em Opes de Layout do Blog, escolha Incluir Sub-Categorias Todos e em #Artigos Principais = 0. Continue criando menus hierarquizados para cada categoria adicional e estar pronto. (Figura 9).

Monday, 30 January 2012

Pgina 111

Joomla! 2.5 - Livro do Iniciante

Figura 9: opes de categoria


Agora voc pode lidar com vrios artigos. Sua navegao est preparada para isso e seus visitantes iro entender o sistema imediatamente (Figura 10).

Figura 10: Artigos na estrutura categoria

Alguns ajustes
Monday, 30 January 2012 Pgina 112

Joomla! 2.5 - Livro do Iniciante Como voc viu, h quase um nmero innito de possibilidade de opes de congurao. Muitas coisas so possveis e h normalmente uma maneira de atingir seus objetivos. A respeito do design da navegao, possvel ltrar o nvel de itens de menu no mdulo. possvel, por exemplo o primeiro nvel de nosso novos menus na posio topo e o segundo e terceiro nvel na barra lateral da esquerda ou da direita o menu completo no topo e usar menus drop-down (dependendo das capacidades do template) Se voc brincar um pouco mais, ir encontrar uma soluo para cada caso. O sistema de navegao do Joomla pode ser um pouco complexo por um lado mas muito poderoso por outro.

Monday, 30 January 2012

Pgina 113

Joomla! 2.5 - Livro do Iniciante

Captulo 12

Users and Permissions


As pessoas simplesmente tentam usar o Joomla! website que vocs criaram para ela - de uma forma ativa ou passiva. A melhor experincia, o melhor website ser percebido. Joomla! - com cada CMS diferenciado entre visitantes e usurios registrados e com diferentes permisses. Os visitantes costumam chegar atravs de motores de busca ourecomendaes de pginas de relacionamentos sociais e podem tornar-se usurios ao se cadastrar. Usurios j registrados em sua maioria sabem o que esto procurando e chegam ao seu site com certas expectativas. Quanto mais usurios seu site tem mais complexos o tpico de usurios e permisses tornar-se. Em verses anteriores do Joomla! 1,6, houve um sistema esttico que consistia em grupos de usurios, permisses e nveis de acesso que no poderiam ser alterados. Com Joomla! 2.5, o sistema antigo ainda est funcionando como a congurao padro de uma poderosa lista de controle de chamada de (ACL) 53. Cada acesso ao site ser avaliado por um Grupo de Permisso, mesmo um acesso como visitante. Aps registrar seu Joomla! website, o usurio ir automaticamente tornar-se um membro do Grupo de Permisso. O grupo tem permisses predenidas e pertencem a um nvel de acesso (access level). Um nvel de acesso pode possuir vrios Grupos de Permisso. Um grupo pode possuir vrias quantidades de usurios/visitantes. As permisses podem ser herdadas e alteradas de vrias maneiras. Vamos comear dando uma olhada no processo de registro .

REGISTRO E LOGIN

O Primeiro processo de registro do ciclo de vida do seu website foi concluida com a instalao do Joomla!. Na ltima etapa ser solicitado um nome de usurio ,e endereo de email e senha. A pessoa que instalou o Joomla! agora super administrador, que tem permisso total do site. E por isso que cada Joomla! website tem-se pelo menos uma conta de usurio. e somente este usurio pode modicar o site em Usurio - Gerenciamento de Usurios - Opes (Figure 1).

53

http://pt.wikipedia.org/wiki/Access_control_list Pgina 114

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 1: Opes de Usurio


No seu website Joomla!, voc pode criar quantos usurios voc desejar. Voc tambm pode permitir que os visitantes tambm se registrem. Dependendo das suas permisses, os usurios podem criar seu prprio contedo e ver o que foi criado em sua conta.

Opes do usurio

As opes de usurio do formulrio tem trs guias:

Componente Nesta rea, voc pode congurar se voc gostaria mesmo um formulrio de cadastro em seu site ou no. Um dos novos recursos desde Joomla! 1,6 a possibilidade de predeterminar quais convidados do grupo de usurios deva ser atribudo, e que grupo de usurios usurios recm-registrados so por padro. E-mail em massa possvel enviar um e-mail em massa para seus usurios. Nesta guia voc pode congurar as conguraes de email estticos. Permisses Nesta guia voc pode gerenciar as conguraes de permisso para cada grupo de usurios.

Log in
Os visitantes podem se registrar no site. Joomla, portanto, haver de ter um mdulo de login, que pode ser posicionado no local (Figura 2).

Monday, 30 January 2012

Pgina 115

Joomla! 2.5 - Livro do Iniciante

Figura 2: Mdulo de Login


Este mdulo pode ser congurado com muitas caractersticas adicionais como texto personalizado, SSL e criptograa de login / logout de redirecionamento. D uma olhada em Extensions Module Manager (Figura 3).

Figura 3: Opes do Mdulo de Login


A vantagem do formulrio, que entregue pelo mdulo de login, que no h necessidade do usurio clicar em um link antes do registro no formulrio que exibido. Se essa ao no necessrio ou se voc no quiser ter o formulrio de login como um mdulo, voc tambm pode criar o formulrio atravs de um componente. Para fazer isso, voc s tem que criar itens de menu com os tipos de item desejado do menu (Figure 4).

Monday, 30 January 2012

Pgina 116

Joomla! 2.5 - Livro do Iniciante

Figura 4: Tipos de item de menu para os usurios

Outros campos de perl


Em verses anteriores smente era possivel adicionar campos no formulrio de registro se uma extenso adicional fosse usada. Para resolver este problema e conectar os dados do usurio com o componente, Joomla! 2.5 na parte administrativa foi equipado com um plug-in chamado User Proles. In Extensions - Plug-in Manager, voc pode ativar e congura o plug-in (veja tambm Contact component). Este mdulo adiciona vrios camposThis module provides several additional elds, even a Terms of service option, which users have to click during the registration process to accept the terms of service (Figure 5).

Figura 5: Additional prole elds

Monday, 30 January 2012

Pgina 117

Joomla! 2.5 - Livro do Iniciante Tip: For better membership management functionality including extended registration form, additional prole and registration elds, membership approval workows, prole tabs, etc. a membership management extension like e.g. Community Builder54 is needed.

USER GROUPS

The idea of a user group is to create sets of permissions. "If you want to be an author on our site, you'll need the following permissions."

Instead of assigning these permissions to every user they are assigned to a group. The user can be assigned to one or more groups. Imagine you have 10.000 users in four different groups. It's easy for the administrator to manage the permissions for the groups. Without groups you have to change every user account manually. If you use groups you only have to change permissions once! In Joomla 2.5 it's up to you to conFigura any number of user groups. In User Manager - Groups, you have an overview of all the groups, which are in core Joomla (Figura 6).

Figura 6: User groups


The default setup is the same as it was for Joomla 1.5. If your are happy with the structure it is not necessary to change anything.

Default permissions for website front end user groups


Registered group A registered user can log in, edit his own credentials and see parts of the site that non-registered users cannot see.

54

http://extensions.joomla.org/extensions/clients-a-communities/communities/210 Pgina 118

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Author group The author can do everything that a registered user can. An author can also write articles and modify his or her own content. There is generally a link in the user menu for this. Editor group The editor can do everything that an author can. An editor can also write and edit all articles that appears in the front end. Publisher group The publisher can do everything that an editor can. A publisher can also write articles and edit every piece of information that appears in the front end. In addition, a publisher can decide whether articles are published or not.

Default permissions for website back end user groups

Manager group A manager can create content and can see various pieces information about the system. He or she is not allowed to: Administer users Install modules and components Upgrade a user to super administrator or modify a super administrator Work on the menu item Site | Global Conguration Send a mass mailing to all users Change and/or install templates and language les Administrator An administrator is not allowed to: Upgrade a user to super administrator or modify a super administrator Work on the menu item Site | Global Conguration Send a mass mailing to all users Change and/or install templates and language les Super Administrator or Super user This user is allowed to execute all functions in Joomla administration. Only a super administrator can add other super administrators.

ACCESS LEVELS
Monday, 30 January 2012 Pgina 119

Joomla! 2.5 - Livro do Iniciante User groups can be assigned to access levels. So we have a user, connected to a group, connected to an access level (Figura 7, Figura 8)

Figura 7: Access levels

Figura 8: Groups assigned to an access level

Why access levels?


As we have seen, access levels are a bundle of groups. With the combination of group permissions and access levels it is possible to solve every use case. In an article e.g. you can limit the accessibility to an access level (Figura 9).

Monday, 30 January 2012

Pgina 120

Joomla! 2.5 - Livro do Iniciante

Figura 9: Access levels in an article


The new system is a big step forward for Joomla. Many users suffered from the lack of congurable groups, access level and permissions. Such functionality is needed in order to limit access to content and functions in large organizations or to support e-commerce and subscriptions based services use cases on Joomla websites. The Joomla ACL system is not only available for Joomla content and core functions, but also available for use in Joomla extensions. For instance Community Builder and other memberships management solutions can take advantage of this enhanced ACL functionality.

USER NOTES

You are able to creates notes with review dates for each user (Figura 10). It is possible to group the user notes into categories. This feature allows you to setup a workow process, e.g. for reviewing user accounts. It is possible to sort the user notes by review date (Figura 11).

Monday, 30 January 2012

Pgina 121

Joomla! 2.5 - Livro do Iniciante

Figura 10: User note

Figura 11: List of user notes

MASS MAIL USERS


Sometimes you want to send a message via email to all of your users. Sometimes you want to send that message only to a group of users or only to those having access to the backend. Sending emails is always a bit delicate. Nobody wants to be a SPAMMER and nobody wants to receive SPAM, so be careful! In order to use the mass mail user component, you have to conFigura Joomla for sending emails in Global Conguration Server Mail settings. You may then conFigura the Subject Prex and the Mailbody Sufx in Users Mass Mail Users: Options - Mass Mail. The user interface of the Mass Mail Users component is easy to understand. You can choose the user group of those users who should receive the email. Since Joomla 1.7 it is possible to decide whether disabled (blocked) users should receive the mail or not.

Monday, 30 January 2012

Pgina 122

Joomla! 2.5 - Livro do Iniciante You can determine whether the sub user groups should also receive emails, whether the email is in html format or plain text, and whether all recipients are listed in the email or marked as BCC (Blind Carbon Copy). The message has a subject line and a mail body. You can use html but no wysiwyg editor is provided (Figura 12).

Figura 12: Mass mail form


Storing mass mails in Joomla is not possible. After lling in the form, click the send email icon. Now the emails are being sent.

Monday, 30 January 2012

Pgina 123

Joomla! 2.5 - Livro do Iniciante

Captulo 13

Gerenciador de extenses
Existe um monte no pacote de instalao do Joomla. Palavras como componentes, mdulos, plug-ins, templates e linguagens voc j deve ter ouvido antes. Alm dessas bem conhecidas partes, Joomla tambm consiste de partes menos conhecidas como bibliotecas e pacotes. Componentes adicionais, mdulos, plug-ins e linguagens esto listadas no diretrio de extenses 55. do Joomla. O projeto Joomla no tem um lugar central para templates e bibliotecas. A razo para isso simples. Bibliotecas so desenvolvidas fora do projeto Joomla e muitas so usadas por outros projetos de cdigo aberto. Templates so algo muito individual e so, portanto, disponibilizados no site de seus projetistas. Um diretrio central especializado em templates seria muito til no futuro. Com o reescrito gerenciador de extenses voc pode instalar, atualizar, descobrir e gerenciar extenses diretamente da administrao do Joomla.

GERENCIANDO EXTENSES
Vamos dar uma olhada em todas as suas 122 extenses em Extenses Gerenciador de extenses Administrar. Voc pode ltrar esta lista por vrios parmetros. Algumas extenses so protegidas. Sua instalao do Joomla no mais funcionaria se voc desinstalasse essas extenses protegidas. (Figura 1). Nesta rea voc pode habilitar, desabilitar e desinstalar extenses.Habilitando ou desabilitando trabalhos como um interruptor de luz. Voc simplesmente troca a extenso para ligado ou desligado, todos os dados so mantidos.Se voc desinstala uma extenso, ela ser deletada. Frequentemente extenses, usualmente componentes, criam tabelas no banco de dados enquanto instalam. Dependendo do processo de desinstalao do componente, essas tabelas podero ser deletadas ou no. Consulte o manual ou arquivo leia-me para evitar surpresas.

55

http://extensions.joomla.org/ Pgina 124

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 1: Tabela com todas as extenses instaladas


O ltimo cone na barra de ferramentas o cone do cache. Toda extenso capaz de fazer cache de seus dados. Voc pode limpar esse cache separadamente para cada extenso. Se o seu site Joomla atrai muitos visitantes e voc no quer limpar todo o cache por razes de performance, voc precisa dessa funo. Se voc ltrar a lista por bibliotecas, voc achar esses 4 artigos com o correspondente nmero de verso: Aplicao do Joomla Framework (Joomla Application Framework), que a "Plataforma Joomla" onde o CMS Joomla 2.5 baseada. Todas as outras extenses so construdas em cima desse framework. PHPMailer 56 uma classe, escrito em PHP para enviar emails. usado no componente de email. SimplePie 57 uma classe, escrito em HP para gerenciar RSS e Atom Feeds. usado no componente newsfeeds.

56 57

http://phpmailer.worxware.com http://simplepie.org/ Pgina 125

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante phputf858 um UTF-8 59 uma biblioteca moderna de funces que reete as funes do prprio PHP. Voc pode ter uma ideia do que essa biblioteca faz lendo o UTF-8 e PHP60. Se voc ltrar a lista por pacotes, voc no achar nada no ncleo do Joomla. Se voc instalar uma linguagem, outra que no o ingls, voc encontrar o pacote l.

ATUALIZANDO EXTENSES
Nesta rea, extenses de terceiros e a verso do ncleo do Joomla tambm esto listados. Aqui voc pode checar por atualizaes disponveis de extenses apenas clicando no cone Procurar Atualizaes. Se o Joomla achar uma atualizao de uma extenso e voc quiser atualizar automaticamente, voc tem que preencher no FTP as conguraes em Congurao Global Servidor Conguraes de FTP. Ento selecione a extenso que voc deseja atualizar e clique em no cone Atualizar.O processo totalmente automatizado e voc ir receber mensagens e dicas, dependendo da extenso, enquanto atualiza.

INSTALANDO EXTENSES
Voc pode instalar extenses de trs maneiras diferentes (Figura 2):

Figura 2: Instalando extenses

58 59 60

http://sourceforge.net/projects/phputf8/ http://en.wikipedia.org/wiki/UTF-8 http://www.phpwact.org/php/i18n/utf-8 Pgina 126

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Subindo um pacote de instalao Se voc tiver feito download de um arquivo zipado para seu computador local que contm uma extenso Joomla, voc pode usar essa opo para subir e instalar a extenso. Instalar de um diretrio Se voc tiver subido um arquivo zipado at o seu diretrio raiz no seu site, que contm uma extenso Joomla, voc pode usar essa opo para extrair e instalar a extenso. Instalar de uma URL Se voc conhece a URL de um documento zipado que contm uma extenso Joomla, voc pode usar essa opo para fazer download, extrair e instalar sua extenso.

ACHANDO EXTENSES
s vezes as coisas do errado durante o processo de instalao, como arquivos sendo muito grandes, permisses conguradas erroneamente ou por outra estranha razo. Nesta rea, o Joomla tenta achar extenses, que no esto instaladas mas apesar disso existem no diretrio de arquivo. Se uma ou mais extenses so descobertas, voc pode instalar ela usando o FTP. No esquea a correta congurao em Congurao Global Servidor Conguraes de FTP. Usando a operao de descobrimento, voc pode tambm descobrir e instalar mltiplas extenses ao mesmo tempo!

AVISOS

Mensagens de erro relatadas durante a instalao e atualizao iro aparecer nesta rea. Se voc no conseguir resolver o problema sozinho, use o Google para pesquisar sua mensagem, voc provavelmente achar uma soluo ou pelo menos uma opinio.

Monday, 30 January 2012

Pgina 127

Joomla! 2.5 - Livro do Iniciante

Captulo 14

Extenses nativas
Como j vimos no gerenciador de extenses, o Joomla 2.5 tem muitas extenses nativas ( no proprio Joomla). Ns j entramos em contato com algumas delas. Mas como um usurio do site provavelmente no se importa com qual extenso est usando, enquanto voc achar que ela esta funcioando. Como administrador no entanto voc precisa saber exatamente o que est acontecendo. Ns j olhamos vrias extenses para contedo, que permitem escrever e gerenciar artigos, bem como publica-los de diferentes maneiras. A extenso de usurios se relaciona com os usurios a extenso de categoria para categorias, e assim por diante. Nos captulos seguintes irei cobrir algumas funcionalidades adicionais das extenses nativas do Joomla. No menu de componentes voc ver, Banners, Contatos, Mensagens, NewsFeeds, Redirecionamentos, Pesquisas, Pesquisa inteligente e Weblinks. Vamos ver cada um destes componentes incluindo os mdulos e plugins relacionados.

Monday, 30 January 2012

Pgina 128

Joomla! 2.5 - Livro do Iniciante

BANNERS

O componente banner oferece a opo de exibio de banners publicitarios em seu site. O banner pode ser composto por grcos ou HTML personalizado. A cada vez que seu site for acessado um banner diferente ser mostrado a partir da adiministrao. Voc pode clicar neses links e eles o levaro para o site do cliente. O componente banner oferece ao cliente a categoria, e a adiministrao do banner. Bem como analizes detalhadas. Irei mostrar um exemplo completo neste capitulo. Se voc deseja vender anuncios em seu site, h trs coisas que voc vai precisar: Clientes, banners e pginas do seu site para mostrar os banners. Ah esqueci um, voc vai precisar de trafego em seu site. Quando mais trafego melhor. Dependendo dos termos de contrato que voc tem com seus clientes, voc tambm vai precisar de um sistema de rastramento com todas as impresses e cliques. Vamos comear com o cliente. Eu moro numa area turistica e as empresas locais querem anunciar seus servios. O Joomla oferece assinatura anual, mensal, diarias e ilimitadas. Voc pode congurar o tipo de assinatura padro em Componentes Banner Opes. Meu cliente gostaria de pagar uma taxa mensal para aparecer em todas as pginas com trs diferentes faixa de rotaes. Eu adiciono o cliente em Componentes Banner Clientes Novo preencha o formulario (Figura 1).

Figura 1: Adicionando cliente


Antes que eu possa criar banners individuais, eu tenho que criar uma categoria primeiro. As categorias so muito uteis porque, mais tarde, no mdulo de banners eu posso escolher qual cliente e para qual categoria o banner deve ser exibido (Componentes Banner Categorias).

Monday, 30 January 2012

Pgina 129

Joomla! 2.5 - Livro do Iniciante

Figura 2: Tamanhos de banners padro da Web.61


Eu sou livre para escolher o tamanho de cada banner, mas normalmente voc vai utilizar padres da Web (Figura 2). O cliente gostaria de ter trs faixas de tamanho de banner 768 X 90 pixels. Vou cria-las em Componentes Banner Banner. Eu escolho a categoria e o cliente, fao o upload do banner e preencho tamanho. Em opes de publicaes eu posso congurar vrias opes, por exemplo, o inicio e o termino da publicao do banner, isto muito util em planos de tempo limitado. Existe tambm uma opo para redenir os cliques e impresses. (Figura 3, Figura 4)

61

http://adzaar.com/docs/standard_ad_sizes Pgina 130

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 3: Adicionando banner no formulario

Figure 4: Administrao do banner


O proximo passo criar e/ou ativar um ou mais mdulos de banners. Para cada tamanho de banner eu preciso de um mdulo. No meu caso todos os banners so do mesmo tamanho, um mdulo o suciente. Eu vou para Extenses Mdulos e ltro para banners. No momento no h nada l, ento eu crio um mdulo, clicando no icone novo. Dependendo do Template, eu tenho que escolher uma posio, no meu caso vou escolher a posio 12 do Template Beez2. O banner aparecer acima do contedo. Nas conguraes basicas voc pode congurar muito mais. Tamb possivel mostrar o mdulo no seu contedo (Veja o captulo Mdulos). O campo busca por tag uma caracteristica interessante. Quando utilizado, o banner ser exibido quando palavras chaves do banner ( denido no banner) e palavras chaves do contedo do artigo ou de Monday, 30 January 2012 Pgina 131

Joomla! 2.5 - Livro do Iniciante outro lugar coincidem. Outra opo para controlar visibilidade do mdulo e os banners a atribuio do menu. Uma caracteristica muito importante e possibilidade de escrever um cabealho e/ou texto de rodap. Em alguns pases anuncios precisam ser etiquetados. (Figura 5)

Figure 5: Mdulo banner


O banner aparecer no site. Dependendo da congurao e da quantidade de banners, um banner diferente vai aparecer a cada vez que voc atualizar a pgina. O banner est associado ao site do cliente, se voc mover o mouse sobre o banner uma dica com o titulo do banner ser mostrado (Figura 6).

Figure 6: Banners no site


Monday, 30 January 2012 Pgina 132

Joomla! 2.5 - Livro do Iniciante Se congurado corretamente todas as impresses e cliques no banner sero monitorados pelo componente de banner. Esses rastreamentos podem ser ser vistos em Componentes Banner Faixas e podem ser ltrados por data, cliente, categoria e tipo (cliques ou impresses)

Figura 7: Rastreamento de banner

Monday, 30 January 2012

Pgina 133

Joomla! 2.5 - Livro do Iniciante

CONTATO

Todo site precisa de um formulrio de contato. Dependendo do provedor do site as vezes voc vai precisar de apenas um. As vezes mais de um formulrio. Se umsite de uma empresa com mais de um departamento, eles podem ter um formulrio de contato para cada departamento. Talvez voc queira exibir um formulrio para ca funcionario ou conta de usurio. Tudo isso pode ser feito com Joomla! Componente de Contato. Como j vimos ( ver capitulo formulario de contato) muito fcil congurar um formulrio de contato simples. Basta criar um contato, atribui-lo a uma categoria e criar um item de menu.

EXEMPLO
Se vrios formulrios de contato forem necessrios, voc deve pensar na estrutura subjacente. Semelhante a categoria de artigos, possivel atribuir categorias de contato para os itens de menu. Como resultado, voc ver uma lista de contatos atribuidos a esta categoria. Se voc clicar sobre o nome ou o ttulo destes contatos, voc ver mais detalhes do prprio formulrio. Eu tentei difentes formatos com o componente de contato e as possibilidades so incriveis! Como tudo no Joomla 2.5! Voc a opo de cria categorias aninhadas e diferentes tipos de item de menu. (Componentes Contato Opes) Voc pode por exemplo congurar a aparncia do formulrio de contato ( Slider, Tab e sem formatao) e denir um nmero indenido impressionante de outros parmetros. Como exemplo eu criei uma rea de contato para nossa empresa com trs formulrios de contato para diferentes tipos de consultas e um formulrio de contato para cada membro da equipe. Ao clicar sobre os links, o fomulrio de contato e detalhes adicionais aparecero ( Figura 1)

Figura 1: rea de contato


Monday, 30 January 2012 Pgina 134

Joomla! 2.5 - Livro do Iniciante Para este exemplo criei duas categorias Cocoate e equipe. A categoria equipe uma sub-categoria de Cocoate. Teria sido possvel colocar uma imagem e uma descrio, mas eu decido preencher apenas o compo de ttulo (Figura 2).

Figura 2: Contact categories


For each contact form I need a contact with an email address. Contacts can be assigned to users or stand alone. In this case, I have created three stand alone contacts related to the cocoate category without linking them to a user. I have also created two contacts related to the team category and additionally related to an existing user account (Figura 3).

Figura 3: Contatos
Se qualquer uma das auteraes de dados, como um nmero de telefone, por exemplo seria bom para usurios fazerem estas auteraes diretamente em seu perl de usurio do site, sem ter que acessar a rea de adiminstrao. Para esta tarefa o Joomla oferece o plugin perl de usurio. Voc tem apenas que ativa-lo nas Extenses Plugins. No perl de utilizador uma nova rea exibida para o campos de perl, que esta ligado ao componente de contato.

Monday, 30 January 2012

Pgina 135

Joomla! 2.5 - Livro do Iniciante

MENSAGENS

Sistema de mensagens um componente central do Joomla. um sistema de sistema de mensagens privadas para usurios dobackend. Ele permite que voc envie e receba mensagens de outros usurios que tenham acesso a rea de administrao O componente de mensagens muito fcil de usar. No entanto, os usurios muitas vezes esquecem a possibilidade de congurar o componente em Compentes Mensagens Minhas Conguraes. Voc pode congurar para o sistema para enviar um e-mail a cada nova mensagem. Exclui-los aps uma quantidade X de dias e voc tambm pode bloquear sua caixa de entrada.

Monday, 30 January 2012

Pgina 136

Joomla! 2.5 - Livro do Iniciante

AGREGADORES DE NOTCIAS FEEDS

Feeds so muito teis. possivel se inscrever em diferentes tipos de notcias e informaes. Infelizmente ainda hoje, muitas pessoas no o usam por razes inexplicvies. Trinta anos atrs voc tinha que comprar um jornal para saber as notcias. Quinze anos atrs voc tinha que abrir um navegador e visitar um site aps o outro para saber as notcias. Hoje voc ainda pode fazer as duas coisas, mas tambm possivel usar um agregador de feeds. O Google reads 62 e a barra de favoritos dinmica de seu navegador (por exemplo o Firefox) so muito populares. O componente Newsfeeds do Joomla um agregador tambm. No to sosticado como o Google reader, mas muito til tambm. O componente Feeds de notcias permite voc coletar Feeds de outros sites e pblica-los em seu site. No mundo de hoje dos meios de comunicao social provavelmente voc tem dezenas de contas de usurios. Muitas vezes vdeos e imagens so armazenadas no Youtube.com e Flickr.com. Em uma empresa a situao ainda mais complexa. Imagine como muita informao esta disponivel como Newsfeed sobre um projeto como o Joomla ou sobre sua empresa.

Um leitor de Feeds em nosso site


No proximo exemplo vamos contruir um leitor de Feeds em nosso site. Vou tentar recolher todos os pedaos que so criados em torno de nossa empresa e inclui-los em uma tabela. Temos uma conta no Vimeo para nossos vdeos, uma conta no Flickr para imagens, vrias contas no Twitter e isso no tudo -) Primeiro criarei uma categoria de Feed chamada Feeds emCocoateComponentes Newsfeeds Categorias e depois as alimentaes de feeds em Componentes Newsfeeds Feeds (Figura 1). O nico problema as vezes achar o Feed link correto.Por exemplo nosso Feed link de video do Vimeo se parece com isso: http://vimeo.com/cocoate/videos/rss. O link de Feed do Flickr parece um pouco mais complicado (http://api.ickr.com/services/feeds/photos_public.gne?id=17963290@N00&lang=enus&format=rss_200). Nas opes de publicaes voc deve mostrar quantas entradas de Feeds voc deseja mostrar e o nmero de segundos antes de o cache seja atualizado. O Joomla apenas armazena a quantidade de itens que voc congurou em seu cache. Este um detalhe importante porque em alguns pases no permitido armazenar contedo publico NewsFeed em um banco de dados.

62

http://www.google.com/reader Pgina 137

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 1: A collection of newfeeds


Finalmente voc tem que criar um item de menu em um menu de sua escolha. O componente Newsfeeds vem com trs layout diferentes: 1. Lista de todas as categorias de Feeds 2. Lista de Feeds de uma categoria 3. Apenas um nico Newsfeed Eu escolhi a segunda pois tenho todos os meus Feeds em uma categoria. O Joomla agregador de Newsfeeds por ex: Vimeo (Figura 2)

Figura 2: News feed alimentadores


Monday, 30 January 2012 Pgina 138

Joomla! 2.5 - Livro do Iniciante Quando voc cria um Feed de notcias, voc pode congurar em Opes de Exibio, se voc deseja exibir imagens do feeds ou no, e voc pode congurar outras coisas. Alm disso voc pode limitar o nmero de caracteres do contedo que deve ser exibido, este recurso muito til se o alimentador tem artigos muito longos ou se voc utilizar o mdulo de exibio de Feed. Voc pode criar este mdulo em Extenses Mdulos Novo. Aqui temos um exemplo o New York Times Feed (http:// feeds.nytimes.com/nyt/rss/HomePage) Congurei o mdulo na posio 4 e congurei as opes bsicas.(Figura 3).

Figura 3: mdulo News feed


O resultado na pgina Web ser semelhante aFigura 4.

Figura 4: Mdulo News feed no site

Monday, 30 January 2012

Pgina 139

Joomla! 2.5 - Livro do Iniciante

Redirecionamentos
O gerenciador de redirecionamentos uma ideia maravilhosa. Ele redireciona o visitante para uma pgina vlida quando por um caminho que no existe. possivel que o caminho (link) j existia antes e foi adicionado ao indice de alguma motor de busca ou algum colocou em outro site. Esse problema geralmente acontece aps o relancamento do site. O componente de redirecionamentos muito conveniente se algum tenta acessar o site por um caminho que no existe o Joomla mostra uma pgina de erro 404 - pgina no encontrada e simultaneamente cria uma entrada no componente de redirecionamento. Ao acessar Componentes redirecionamento voc ver os links (Figura 1). O plugin de redirecionamento deve estar ativado em Extenses plugins.

Figura 1: Gerenciador de redirecionamentos


Agora voc pode editar e adicionar um redirecioanamento de URL. A proxima vez que o caminho (link) antigo for acessado o componente de redirecionamento garante que o visitante ser direcionado para o novo endereo (link). Voc pode criar seus proprios redirecionamentos. Desde que estaja ciente que de que conhece todos os caminhos antigos que no existem mais. O componente utiliza o sistema do servidor rewrite system. Voc precisa saber qual servidor est utilizando. Em site Informaes do Sistema voc ver que tipo de servidor Web voc utiliza (Figura 2).

Monday, 30 January 2012

Pgina 140

Joomla! 2.5 - Livro do Iniciante

Figura 2: Informaes do sistema


Se seu servidor o Apache renomeie o arquivo htaccess.txt para .htaccess. Em alguns casos no possivel renomear o arquivos pois ele comea com um ponto. Eu uso um cliente FTP ou Shell para renome-lo. No caso de utilizar o Internet Information Server (IIS) renomeie o arquivoweb.cong.txtparaweb.conge instale o mdulo IIS URL Rewrite antes de ativar. (Figura 3).

Figura 3: Arquivo .htaccess


Depois v para Site Conguraes Globais Conguraes de SEO Usar mod_rewrite do apache sim (Figura 4).

Monday, 30 January 2012

Pgina 141

Joomla! 2.5 - Livro do Iniciante

Figura 4: Congurao Global - Site

Monday, 30 January 2012

Pgina 142

Joomla! 2.5 - Livro do Iniciante

PESQUISA

As pessoas esperam serem capazes de procurar contedo em seu site.

Joomla utiliza como padro uma pesquisa de texto completo. Texto completo siguinica que o Joomla procura por todas as palavras chaves digitadas na caixa de pesquisa diretamente no banco de dados. Isso pode parecer bvio para a maioria das pessoas, mas no . Muitos motores de busca primeiro criam um indice que pesquisa que consiste de palavras chaves usadas em seu site. Durante a busca real o indice de pesquisa consultado para as palavras. Estas palavras esto ligadas ao contedo. A pgina de resultados desta pesquisa se baseia nestes indices e links. Indices baseados em pesquisa mais rpido que pesquisa de texto completo. Mas o indice deve ser atualizado a cada mudana no site. A m de compensar a vantagem de desempenho da funo de busca de indice baseado em Joomla. O do Joomla altamente congurvel. Desde o Joomla 2.5 o novo componente de pesquisa inteligente baseado em indece.

Pesquisar Anlise de termos


Para ter um primeiro vislumbre do que os seus usurios esto procurando em seu site. Voc tem que habilitar as estatisticas (Componentes Pesquisa Opes Reunir estatisticas de pesquisa - Sim). Ento todos os termos sero gravados e listados no Componente - Pesquisar. No se esquea de ativar Mostrar resultados de Pesquisa (Figura 1).

Figura 1: Estatisticas de pesquisa

Interface de usurio
Voc pode escolher entre uma caixa de busca que aparece em vrias pginas em seu site ou link para o formulrio de pesquisa. A extenso de pesquisa fornece um mdulo de pesquisa, uma caixa nica e um layout de busca de Item de menu. O mdulo de busca ativado por padro e a maioria das templates tem uma posio especial para ele. Ele oferece vrias opes, incluindo a congurao de texto dos botes, bem como denir a largura da caixa de pesquisa. Uma caracteristica adicional, pois o Joomla 2.5

Monday, 30 January 2012

Pgina 143

Joomla! 2.5 - Livro do Iniciante oferece a possibilidade de adicionar uma busca Joomla para a busca padro do buscadores de navegadores. O mdulo de pesquisa Joomla oferece o formato OpenSearch63 (Figura 2).

Figura 2: Mdulo que pesquisa


A pgina de resultados de pesquisa de uma forma mais detalhada de pesquisa, na parte superior da pgina e os resultados de pesquisa abaixo (Figura 3).

Figura 3: Pgina de resultados de pesquisa


63

http://en.wikipedia.org/wiki/OpenSearch Pgina 144

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Os usurios podem congurar as conguraes de pesquisa (todas as Palavras-chaves, palavra-chave ou a frase exata) e alterar a ordem em que os resultados so exibidos. A busca tambm pode ser limitada a itens de conteudo diferentes, como artigos e categorias.

Atrs das cameras

Voc pode congurar nos plugins de busca. De uma olhada em Extensions Plugins Filtro de pesquisa por tipo (Figura 4).

Figura 4: Plugins de pesquisa


With this plug-in-based search structure, Joomla!'s search component is easy to use and easy to extend! Para cada caixa de pesquisa a um plugin ative-os ou desative-os ou altere suas ordens. Voc tambem pode congurar vrias opes para cada plugin, por exemplo, se deve pesquisar dentro dos artigos arquivados ou no. Cada extenso instalada pode ter um plugin de busca e se integrar ao processo de busca. Com essa estrutura de plugins de busca baseado em Joomla. O componente fcil de entender e fcil de usar!

Monday, 30 January 2012

Pgina 145

Joomla! 2.5 - Livro do Iniciante

BUSCA INTELIGENTE

A busca inteligente uma nova funcionalidade do Joomla 2.5.

Ele adiciona um (mais inteligente) motor de pesquisa no ncleo do Joomla que mais exivel e mais rpido com auto completar e o "Voc quis dizer " caracteristica (resultante) Lematizador? Do ingls A stemmer for English, for example, should identify the string "cats" (and possibly "catlike", "catty" etc.) as based on the root "cat", and "stemmer", "stemming", "stemmed" as based on "stem". A stemming algorithm reduces the words "shing", "shed", "sh", and "sher" to the root word, "sh" (Wikipedia) 64. O Joomla vem com o Lematizador padro em ingls, que chamdo chamado Snowball Stemmer (Extenses Busca inteligente Opes). O lematizador ingls trabalha fora da caixa de pesquisa. O Lematizador requer a extenso PHP-Stem e fornece suporte para 14 idiomas, incluindo Ingls Dinamarques, Alemo, Ingls, Espanhol, Finlands, Francs, Hngaro, Italiano, noruegus, Holands, Portugus, Romeno, Russo, e Turco. Os dados precisam ser indexados, am de obter essa exibilidade e velocidade.

ATIVAO

A busca inteligente est desativada por padro. Para habilitar voc precisa habilitar o pluguin de Busca Inteligente e cinco plugins Localizador. O nome Localizador vem das raizes do componente. Era um componente desenvolvido por terceiro que foi integrado ao core do Joomla (Figura 1).

Figura 1:Finder-Plug-in

64

http://en.wikipedia.org/wiki/Stemming Pgina 146

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

INDEXANDO

O contedo precisa ser indexado para a busca inteligente funcionar, isso feito automaticamente, no salvamento docontedo. A indexo inicial pode ser feita emComponentes Busca Inteligente Indexando (Figura 2)

Figura 2: Indexando

CUSTOMIZANDO
Aps a ativao e indexao voc precisa decidir se vai utilizar o mdulo de Busca Inteligente e/ou link de pesquisa na navegao. Em ambos os casos voc tem o auto completar e o recurso Lematizador (Voc quis dizer?) (Figura 3, Figura 4)

Monday, 30 January 2012

Pgina 147

Joomla! 2.5 - Livro do Iniciante

Figura 3: Auto-Completar

Figura 4: Lematizador
Voc vrias opes de auto explicao disponiveis para uso nas pesquisas pre-denidos. Voc encontra um resumo na documentao do Joomla 65 .

REMOVER A PESQUISA CLASSICA DO JOOMLA

Se voc decidiu utilizar a Busca Inteligente, voc pode remover a busca classica do Joomla: desativar ou apagar todos os mdulos de tipo (Extenses Mdulos Filtrar por busca) desativar ou apagar todos os plugins de tipo (Extenses Plugins Filtrar por busca) Apagar todos os links do Menu para o componente de pesquisa

65

http://docs.joomla.org/Smart_Search_conguration_options Pgina 148

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

WEBLINKS

Com o componente Weblinks voc pode criar uma lista de links ou uma seo de downloads que voc pode integrar a seu site. Para isso Joomla! Fornece as categorias aninhadas e conta as visualizaes de cada link. Este componente util para catalogos de links. Adicionar categoria de links da web como voc precisa, criar muitos links que voc tem, em seguida ligar tanto por categorias de atribuio. Adicione um link de menu, escolha um layout e congure as ops O componente Weblinks oferece trs tipos de layout de item de menu: Lista de todas as categorias de links, Links de uma categoria e enviar weblinks. J vimos os dois primeiros layouts em artigos e categorias. Usando a o terceiro tipo de layout voc pode envolver os usurios na criao de um catalogo comum. Criar um item de menu "Enviar Web Link" no meu do usurio e denas as permisses em Componentes Web Links Opes para pemitir que usurios registrados criarem links. A rea de opes oferece seis guias cheias de detalhes congurveis O exemplo de um catalogo de links (Figure 1).

Figura 1: Catalogo de Links


Nos gerenciador de mdulos existe o mdulo WebLinks que mostras os links que uma categoria em seu site

Monday, 30 January 2012

Pgina 149

Joomla! 2.5 - Livro do Iniciante

Captulo 15

Mdulos
Um mdulo um elemento de contedo que pode ser posicionado ao lado de um um artigo. Um menu, por exemplo, um mdulo. O bloco de registro do lado esquerdo um mdulo. Voc pode criar tanto mdulos com funces inteligentes quanto voc precisar e posicion-los sobre uma era predenida do Template Os mdulos so elementos de design em cada template. Na maior pate dos templates o mdulo de pesquisa e breadcrumb tm posies pr-denidas. Isso tambm vlido para mdulo de navegao na rea do cabealho muitas vezes chamado de Top menu (Posio Top) posio "superior"

SEMELHANAS DE TODOS OS MDULOS


Every module has a title which can be displayed as a headline or hidden, a position in a template, a switch to publish the module, an ordering index for sorting modules at the same position, usually used in sidebars, a scheduling feature with a start and end date, the option to assign a language to it. Will only appear when the user selects this language (Read more: Multi-Language Websites) the option to add a note to the module the same menu assigment system as in templates. You can limit the appearance of the module.

ADVANCED OPTIONS
In Advanced

Options, you can

choose from different template layouts if the template offers this feature. add a module class sufx, which adds a text to the CSS class of the module. This is useful for individual styling. use the cache system by switching it on or off and set a time before the module is re-cached

CORE MODULES
Monday, 30 January 2012 Pgina 150

Joomla! 2.5 - Livro do Iniciante The Joomla 2.5 package contains 24 different module types. I will list and shortly describe them in alphabetical order. (The descriptions are partly taken from the Joomla help). We already used the Archived Articles module in the Captulo Statuses, Trash and Check-Ins, which offers a list of months and is linked to the archived articles. Articles Categories displays a list of categories from one parent category. Articles Category displays a list of articles from one or more categories. Articles - Newsash will display a xed number of articles from a specic category or a set of categories. You can conFigura ordering, number of articles, read more link and many more The Articles - Related Articles module displays other articles that are related to the one currently being viewed. These relations are established by the Meta Keywords. All the keywords of the current article are compared with all the keywords of all other published articles. For example, you may have an article on "Breeding Parrots" and another on "Hand Raising Black Cockatoos". If you include the keyword "parrot" in both articles, then the Related Items Module will list the "Breeding Parrots" article when viewing "Hand Raising Black Cockatoos" and vice versa. The Banners module displays the active banner, which we already used in Captulo Banners The Breadcrumbs module display the navigation breadcrumbs, which were used in Captulo Navigation. The Custom HTML module allows you to write your own HTML code and displays it in an appropriate module position. In Basic Options this module, has the usefull Prepare Content feature. Joomla offers the possibility to apply additional functions to article content, like email cloaking, via the plug-in mechanism (Read more: Plug-Ins). If you turn on the Prepare Content, the HTML content you added to the module will be treated as any article content. The Feed display module enables the display of a syndicated feed. We used it in Captulo Newsfeeds. The Footer module shows the Joomla copyright information. You are allowed to deactivate it but your are also invited to keep at on your website! The Language Switcher module is new in Joomla 1.6 - It displays a list of available content languages for switching between them. Read more about this feature in the Captulo Multi-Language Websites. The Latest News module shows a list of the most recently published articles. Filtering options are: by category, author and featured articles.

Monday, 30 January 2012

Pgina 151

Joomla! 2.5 - Livro do Iniciante The Latest Users module displays the latest registered users. You can link to the user prole, limit the amount of users and you may choose between different types of user information to be shown. The Login module displays a username and password login form. It also displays a link to retrieve a forgotten password. If user registration is enabled (User Manager Options), another link will be shown to enable self-registration for users. It is possible, for example, to add additional text to the form, to redirect your user after login and logout, and to encrypt the login form using SSL, which has to be provided by the web server. The Menu module is a container, which displays menu items of an existing menu. A menu can consist of nested menu items. You can lter these items by the start and end level, e.g., all the links from the second and third level. It is also possible to decide whether the sub menu item should be shown or not. The Most Read Content module shows a list of the currently published articles, which have the highest number of page views. You can lter by category and limit the number of articles. The Random Image module displays a random image from your chosen directory. Usually, you will use the media manager to stores these images. You can conFigura the le type of the image, a URL to redirect to if the image is clicked upon and you can adjust the width and the height of the images. However, be careful with the last option. Joomla does not resize the original image; it only sets attributes in the img tag. The Search module displays a search box. You may conFigura the design of the box, the position and the text of the button. We already covered the search module in Captulo Search. The Smart Search is an alternative to the Search module and displays a search box. It offers, in addition to the settings of the module Search, the ability to dene lters. We already covered the Smart Search in Captulo Smart Search. The Statistics module shows information about your server installation together with statistics on the website users, number of articles in your database and the number of web links you provide. The Syndication Feeds module creates a syndicated feed for the page where the module is displayed. It displays the an icon. You can enter a text to be displayed near the icon and choose the feed format (RSS 2.0, Atom 1.0). The Weblinks module displays weblinks from a category dened in the Weblinks component (Read more in Captulo Weblinks). The Who's Online module displays the number of anonymous users (e.g. guests) and registered users (ones logged in) that are currently accessing the website. The Wrapper module shows an iFrame window at a specied location. You conFigura the URL where the external website is located, switch scroll bars on and off, dene the width and the height and give the iFrame a target name. Monday, 30 January 2012 Pgina 152

Joomla! 2.5 - Livro do Iniciante

Captulo 16

Plugins
Um plugin adiciona um capacidade especica a um componente. O termo plugin tambm usado em outras reas. Por exemplo plugins so usados frequentemente usados em navegadores para resproduzir vdeos. Um plugin muito conhecido o Adobe Flash Player. Um bom exemplo para uso de pluins o componente de busca.. Cinco plugins de pesquisa funcionam juntos para encontrar diferentes contedos vrios componentes diferentes. Joomla tem 8 tipos de plugins, captcha, auntenticao, editores-xtd, editores, extenses, nder, quickicon, busca, e sistema de usurios. Este so tambm os nomes dos diretrios do site onde os plugins esto armazenados. Por exemplo plugins do tipo autenticao esto localizados no diretrio do site plugins/autenticao. No possivel e no necessrio cria um plugin na rea administrador, como vimos no capitulomdulos. Os plugins de tende ser instalados atravs do gerenciador de extenses.

AUTENTICAO
Autenticao verica se uma tentativa de entrar no site tem as credenciais corretas. Voc se autentica com um usurio e senha e voc autorizado pois um membro de algum grupo de permisso (ver catulo Usurios e Permisses). Autorizao o processo de especicar direitos de acesso. O Joomla oferece trs tipos de possibilidade de autenticao (gura 1). Tenha cuidado com a desativao de plugins. Voc deve ter pelo menos um plugin de autenticao ativado ou voc perdera todo o acesso ao seu site.

Figura 1: Plugins de autenticao.

Joomla
O plugin fornece o comportamento padro do Joomla. Voc preenche o formulrio de login com seu usurio e senha e suas informoes de login sero vericadas. Monday, 30 January 2012 Pgina 153

Joomla! 2.5 - Livro do Iniciante

GMail

Se voc ativar o pugin do GMail, um usurio ser capaz de se registrar em seu site usando o usurio e senha do Gmail. O registro prvio no necessrio. Com o primeiro login, o sistema de plugin do Joomla vai criar uma conta de usurio no seu banco de dados. A senha do Gmail armazenada criptografada no banco de dados para que as senhas no possam ser hackeadas. Este plugin facilita o processo de login de seus usurios. Infelizmente no h como consultar quem se logou com o Gmail. Voc ter que criar um texto adicional ou encontrar outra soluo criativa!

LDAP

O Lightweight Directory Access Protocol (LDAP)66 uma aplicao de leitura e edio de dados de servio de diretrio. usado em empresas para gerenciar departamento de aliao, bem como nmeros de telefone dos empregados.
dn: cn=John Doe,dc=example,dc=com cn: John Doe givenName: John sn: Doe telephoneNumber: +1 888 555 6789 telephoneNumber: +1 888 555 1232 mail: john@example.com manager: cn=Barbara Doe,dc=example,dc=com objectClass: inetOrgPerson objectClass: organizationalPerson objectClass: person objectClass: top

Para utilizar este plugin voc vai precisar de um servidor LDAP (OpenLDAP) e voc precisa congurar o plugin LDAP com os dados especicos do servidor. Voc vai encontrar um bom tutorial no joomla.org: LDAP from Scratch 67.

CAPTCHA

Captcha um novo recurso para o Joomla 2.5. Um captcha um programa que pode dizer se um usurio um ser humano ou computador. Voc provavelmente j viu - imagens coloridas com textos distorcidos na parte inferior de formulrios de inscrio da Web. Captchas so muito usados em sites para prevenir abuso de "bots" ou programas automticos geralmente escritos para gerar spam. Nenhum programa de computador pode ler texto distorcido, assim como seres humanos podem. Por isso bots no podem navegar em sites protegidos por captcha. O Joomla utiliza o plugin Google re-captcha um servio para evitar spammers. Para obter uma chave pblica e privada para seu dominio visite http://

66 http://pt.wikipedia.org/wiki/Ldap 67 http://community.joomla.org/component/zine/article/507-developer-ldap-from-scratch-sam-moffatt.html

Monday, 30 January 2012

Pgina 154

Joomla! 2.5 - Livro do Iniciante google.com/recaptcha. Para adicionar o captcha para o formulrio de registro de novas contas v Opes> Gerenciador de usurios e selecione Captcha reCaptcha.

Figura 2: Plugin Captcha

CONTEDO
Alm do plugin Joomla de contedo, todos os outros plugins de contedo esto realcionados ao artigo que voc inserir. O mdulo de HTML personalizado (ver captulo de Mdulos) pode usar os plugins de contedo como naFigura 3.

Figure 3: Plugins de contedo

Busca inteligente
O plugin ativa a indexo de contedo. uma carecteristisca do Joomla 2.5 em diante. veja Busca inteligente.

Joomla

O Plugin Joomla tem duas tarefas: 1. Quando voc tenta excluir uma categoria ele verica se ela no tem artigos, esta vzia, meio vazia, ou se no tem subcatgorias. Voc pode desativar esse recurso em conguraes bsicas.

Monday, 30 January 2012

Pgina 155

Joomla! 2.5 - Livro do Iniciante 2. Se um artigo apresentado no Frontend, o plugin ir enviar um e-mail para todos os usurios, para o usurios que o boto ativar e-mail esteja ativo(AdministrarUsurio - Editar Usurio). Este recurso pode ser desligado em conguraes bsicas.

Loading Modules

Este plugin carrega todas as saidas HTML dos mdulos atribuidos em uma posio do template dentro de um artigo. Tudo o que voc precisa fazer escrever {loadposition position-14}no espao onde o mdulo deve aparecer este recurso muito ltil para colocar banners em seus artigos.

Email Cloaking

Este plugin transforma um endereo de e-mail inserido no contedo, na forma nome@examplo.com em um link e esconde o endereo de e-mail com javascript. A vantagem disso que sistemas coletores de e-mail no podem coletar o e-mail com facilidade.

Code Highlighter
O plugin faz a sintaxe Highlighting possivel criar uma lista impressa em seu site desde que voc coloque o cdigo dentro das tags HTML <pre> </pre> :
<pre> if ($number > 0) { echo $number; } else{ $number++; } </pre>

Pagebreak
O plugin pagebreak cuida de quebras de pgina nos artigos assim como o plugin de imagem fcil de integrar o contedo. Alm de uma quebra de pgina simples, vrios cabealhos e ttulos de pginas podem ser defenidos. Voc pode denir quebras de pgina o dialogo Pagebreak. A quebra de pgina ser exibido na janela de texto como uma simples linha horizontal. No cdigo HTML o pagebreak parecido com isso:
<hr title="Page Title" alt="Table of Contents Alias" class="system-pagebreak" />

O plugin precisa ser ativado juntamento com o Editor xtd - Pagebreak - plugin

Page Navigation Vote

Este plugin integra as funes de prximo de anterior abaixo dos artigos

Monday, 30 January 2012

Pgina 156

Joomla! 2.5 - Livro do Iniciante Este plugin permite que os artigos possam ser votados.

EDITORS

O Ncleo do Joomla vem com dois editores (Figura 4) Em Site - congurao global voc pode denir o editor padro para seu site. Alm disso voc pode atribuir um editor diferente para cada usurio .

Figura 4: Editor Plug-ins

CodeMirror
CodeMirror68 uma biblioteca de JavaScript que pode ser usada para criar uma interface de editor relativamento agradvel para o cdigo como contedo - Programas de conputador marcao HTML e assim por diante. Este plugin deve ser ativado quando voc quiser oferecer campos de texto com o editor CodeMirror. Voc pode congurar o comportamento do editor em Conguraes Bsicas.

None

Este plug-in deve ser ativado se voc deseja oferecer campos textarea sem um editor.

TinyMCE
TinyMCE 69 uma plataforma independente Javascript HTML editor WYSIWYG . o editor padro no Joomla.

EDITORS-XTD

Os quatro editores-xtd plug-ins geram os botes abaixo da janela do editor (Figura 5).

68 http://codemirror.net/ 69 http://tinymce.moxiecode.com/

Monday, 30 January 2012

Pgina 157

Joomla! 2.5 - Livro do Iniciante

Figure 5: Editores-xtd Plugins

Artigo
Exibe um boto para linkar um artigo real para outros artigos existentes. Aps clicar no boto, um pop-up ser exibido permitindo que voc escolha o artigo que voc deseja linkar.

Imagem

Este plug-in exibe um boto para inserir imagens em um artigo.

Aps clicar no boto, um pop-up abrir permitindo que voc escolha uma imagem do diretrio de mdia ou fazer upload de novos arquivos e congurar suas propriedades.

Leia mais
Mostra um boto que permite inserir rapidamente um link de leia mais num artigo.

EXTENSO
O plugin de extenso esta relacioando as funes relativas as Extenses Joomla.

Joomla

Este plugin gerencia os sites de atualizaes Joomla

FINDER
O componente de Busca Inteligente era antigamente Finder. Essa a razo para o nome deste tipo plug-in. O Smart Search plug-ins para Contedos, Weblinks, Contatos, categorias e Newsfeeds pode ser ativado quando necessrio. Eles implementam a funo de pesquisa do componente de Busca Inteligente. Esses plug-ins tem que ser ativado se voc est tentando obter resultados de pesquisa das respectivas sees. Se voc deseja pesquisar componentes adicionais, os respectivos plug-ins para aqueles tm de estar disponveis, como na (Figura 6).

Monday, 30 January 2012

Pgina 158

Joomla! 2.5 - Livro do Iniciante

Figura 6: Plugins de busca inteligente

QUICKICONS
Este plugin mostra icones no painel de controle do Joomla, com o icone de atualizaes do Joomla e de extenses de terceirosSite -> Painel de controle.

Figura 7: Painel de controle

BUSCA
Estes so os plugins para o componente classico de pesquisa do Joomla. Com os plugins de contedos, weblinks, contatos, categorias e newsfeeds os plugins podem ser ativados quando necessario. Eles implementam a funo de pesquisa. Estes plugins precisam ser ativados quando voc quiser obter resultados de busca das respectivas sees, se voc deseja resultados de outros componentes voc deve ativar os respectivos plugins.(Figura 8).

Monday, 30 January 2012

Pgina 159

Joomla! 2.5 - Livro do Iniciante

Figura 8: Plug-ins

SISTEMA
Os plugins de sistema esto profudamente integrados ao core Joomla eles normalmente afetam o comportamento de todo o site (Figura 9)

Figura 9: Plugins de sistema

Filtros de linguagem
Estes plugin ltram o contedo dependendo do idioma desejado precisa ser ativado somente quando o mduloLanguage Switcherestiver ativado.

P3P Policy

Monday, 30 January 2012

Pgina 160

Joomla! 2.5 - Livro do Iniciante O Platform for Privacy Preferences Project (P3P)70 um protocolo que permite sites declarar sua utilizao de informaes que recolhem sobre a navegao de usurios. O plug-in DE sistema da poltica P3P permite Joomla! enviar uma seqncia personalizada de tags das polticas P3P no cabealho HTTP. Isso necessrio para as sesses funcionarem corretamente com alguns navegadores, ou seja, Internet Explorer 6 e 7.

Cache

Este plugin oferece o cache de pgina. Voc pode congurar se voc de usar o navegador do cliente o cache de pginas.

Debug
Esta plugin faz com que a funo debug que disponivel o que muito importante para os programadores. Voc congurar os parmetros para determinar quais informaes sero exibidas. This makes the debug function available, which is very important to programmers. You can congure the parameters to determine which information to display.

Log

Este plugin faz os arquivos de logs do sistema diponiveis

Voc pode saber a localizao do arquivo de log em Congurao Global-> Sistema -> Conguraes do Sistema. Este um exemplo de um arquivo de log (/logs/error.php):
#Version: 1.0 #Date: 2011-07-06 12:39:38 #Fields: date time level c-ip status comment #Software: Joomla 1.7.0 RC1 [ Ember ] 28-Jun-2011 23:00 GMT 2011-07-06 12:39:38 - 92.143.161.32 Joomla FAILURE: Empty password not allowed

Redirecionamentos
Oferece o recurso deredirecionamentosem conjunto com o componente de redirecionamentos.

Highlight

Este plugin destaca termos especicos por exemplo no componente de Busca Inteligente.

Lembrar de mim
Este um mtodo para salvar os dados de acesso local em um cookie no navegador do cliente. Uma vez que um usurio visita seu site novamente, os dados j esto no formulrio. Este armazenamento ativado apenas marcando explicitamente uma caixa de seleo abaixo do formulrio de login.

SEF
70

http://en.wikipedia.org/wiki/P3p Pgina 161

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante SEF a sigla de Search Engine Friendly. Este plug-in cria URLs amigaveis para elementos de contedo, que pode ser congurado em Congurao Global - Conguraes de SEO.

Logout
O sistema de logout permite que o Joomla redirecione o usurio para a pgina inicial se ele sair de uma pgina de uma pgina protegida (dentro do site com login e senha)

Codigo de linguagem
O plugin de cdigo de linguagem oferece a capacidade de alterar o cdigo de linguagem no documento HTML gerado para melhorar SEO.

USURIO

Plugins de usurios so relacionados a funces especicas do usurio (Figura 10).

Figura 10: Plugin de usurio

Perl
O plugin de perl da a oportunidade de campos adicionais para os pers. Para congurar basta entrar em Conguraes bsicas. Tambm pode ser combinado com o plugin criador de contato automaticamente cria um contato para cada usurio.( ver tambmPermisses e usurios) em plugin de perl

Contact Creator Joomla

A plug-in to automatically create contact information for new users. Itworks in conjunction with the prole plug-in (also see Captulo Users and Permissions). Este plugin cria um usurio no banco de dados aps o sucesso na primeira autenticao.

Monday, 30 January 2012

Pgina 162

Joomla! 2.5 - Livro do Iniciante

Captulo 17

Trabalhando com Templates


Para trabalhar com templates voc no s precisa de habilidades de um bom design, tambm precisa ter conhecimentos de HTML e CSS. Alguns navegadores no vo exibir as novas verses infelizmente. por isso que as verses antigas ainda so comuns. O prximo desao a discusso entre desenvolvedores e desingers "sobre como fazer as coisas de maneira certa". Designers dependem de desenvolvedores, por que eles precisam da marcao HTML com a possibilidade de adicionar Classes CSS. Os desenvolvedores tambm dependem dos Designers porque sem um template bem desenvolvido o melhor componente vai ser dicil de usar. Joomla! hasbuilt-in solutions for both challenges! O Template Beez tambm existe em XHTML e uma verso em HTML5 e adequanda marcao HTML e CSS, que so criadas com as chamada substituies. Substituies signicam que um Designer pode substituir a sada HTML da extenso do desenvolvedor sem auterar o cdigo fonte original. Outro agente importante na insdustria do Template "Joe Webmaster " Muitas vezes ele s quer mudar o grco do cabealho, aas cores, as cores, a largura e algumas outras opes. Joomla! Tem novamente a soluo perfeita para fazer isso e essa soluo chamada de 'Estilos de Templates' . Estilo de Template signica que voc pode criar qualquer nmero de cpias de um Estilo de Template existente para congurar o seu prprio conjunto de opes e atribu-lo a todos ou a vrios itens de menu. D uma nova olhada ao captulo de Templates para ter uma viso mais profunda do assunto.

CRIE SEU PRPRIO ESTILO

No captulo sobre sites em multi idiomas, ns construmos um site baseado no template Beez2. Agora eu gostaria de criar meu proprio estilo e modicar algumas opes em Extenses - Gerenciador de template - Beez2 - padro. As auteraes sero assim: Nome do estilo: Beez2 - cocoate Logo:Eu no quero um logo, por isso clique no boto limpar. Ttulo do Site : Joomla! Descrio do Site: cocoate - consultoria, coaching, ensino. Cor do Template: Nature Eu salvo o estilo como uma cpia clicando em salvar como cpia (Figura 1). Monday, 30 January 2012 Pgina 163

Joomla! 2.5 - Livro do Iniciante

Figura 1: Estilo individual de template


Me site agora possui um visual totalmente diferente (Figura 2). possvel criar estilos diferentes para diferentes partes do site usando o recurso atribuio de menu!

Figura 2: Site com o estilo Beez2


Criar diferentes estilos, com as opes disponveis a soluo mais fcil e muitas vezes melhor e mais rpido. Quando o Joomla tiver uma atualizao os seus estilos individuais estaro l disponiveis depois da atualizao. Voc ainda esta trabalhando com o ncleo do Joomla 2.5, sem extenses adicionais.

Monday, 30 January 2012

Pgina 164

Joomla! 2.5 - Livro do Iniciante

CUSTOMIZANDO E EDITANDO TEMPLATES

Se voc est lendo este captulo, eu suponho que voc j tenha criado um modelo de estilo, descobriu como trabalhar com todas as opes de modelos disponveis, mas ainda gostaria de ter mais possibilidades. Bem-vindo ao mundo de HTML e CSS! Eu tambm vou assumir que voc conhece essas duas siglas. Se no, d uma olhada na wikipedia para HyperText Markup Language (HTML) 71 e Cascading Styles Sheets (CSS) 72. Em Joomla! possvel editar todos os CSS usados pelo template dentro do Joomla! no gerente de template. V em Extenses - Template Manager - Modelos e clique no link beez_20 detalhes. L, voc ser capaz de fazer alteraes no modelo beez2, bem como acessar todos os arquivos modicveis (Figura 3).

Figura 3: Beez2: Customizando Template


Os arquivos editveis CSS so os arquivos que esto localizados no sistema de arquivos nas pastas / templates/[template_name]/css. Clique no nome ligado do arquivo CSS e um formulrio ser aberto, no qual voc pode editar o contedo do arquivo usando o editor CodeMirror. Alm dos arquivos CSS, voc tambm pode editar os trs arquivos de modelo principais: Main page htdocs/templates/[template_name]/index.php Error page Se ocorrer um erro ao abrir um site Joomla! Este modelo usado para a pgina. htdocs/templates/[template_name]/error.php
71 72

http://en.wikipedia.org/wiki/Html http://en.wikipedia.org/wiki/CSS Pgina 165

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Print view Este modelo responsvel pela sada quando voc acessar a visualizao de impresso. htdocs/templates/[template_name]/component.php Mais partesdo template como os arquivos para as substituies de orverrides esto localizadas em / templates/[template_name]/html. As substituies do ncleo no podem ser editados a partir do painel de administrao. As alteraes que zer aqui vo mudar o ncleo de arquivos doBeez2 . Isso algo a ter em mente no caso de atualizaes.

OVERRIDES

Voc j criou seu estilo, alterou os arquivos CSS e para a pgina principal de seu site e voc ainda no est satisfeito com o resultado? :-) Ento este o momento perfeito para falarmosem Overrides, no Joomla existem dois tipo de substituies (overrides): Por template e layouts auternativos.

Template overrides
Vamos supor que voc queira mudar a forma como os resuldados de pesquisa so mostrados. O componente de pesquisa tem um template padro para isso que armazendado na pasta/components/ com_search/views/search/tmpl/default.php. Este arquivo mostra como os resultados de pesquisa aparecem. Adicione algumas palavras no cdigo salve e voc ver imediatamente o resultado. Por exemplo adcione
<strong>I have changed something :-) </strong>

na linha 13 e veja o que acontece (Figura 4).

Figura 4: Auteraes na sada HTML.


O resultado bom, serve para dar motivao porque muito fcil e ser mostrado em todos os templates. Mas no bom para sua reputao porque voc acabou de editar o cdigo do ncelo do Joomla. Na proxima atualizao do Joomla, esse cdigo vai sumir. Monday, 30 January 2012 Pgina 166

Joomla! 2.5 - Livro do Iniciante A melhor alternativa seria fazer substituies nos templates em cada um dos templates. Copie o arquivo alterado para a pasta templates/[template_name]/html/com_search/search/default.php e remova a alterao feita no core do arquivo original. O resultado na pgina o mesmo mas, nos bastidores, foi substituido o arquivo original ../default.php com o layout desejado - sem alterar o arquivo do Core do Joomla. Bo neh! Este sistema foi introduzido no ano de 2007 com o lanamento do Joomla 1.5 e ainda funciona bem at hoje.

Layouts alternativos
No Joomla 2.5 overrides tem um acessrio chamado layouts alternativos. Tenho certeza que voc j viu o campo Layout Altenativo no formulario de edio de artigos, mdulos e categorias (Figura 5).

Figura 5: Layout alternativo em artigos


Por que precisamos de layouts alternativos? Imagine voc um administrador ou um webmaster e um template vem com 3 layouts alternativos para artigos. s vezes um artigo normal, s vezes ele deve aparecer como um produto, e s vezes como uma pgina de livro. Voc s tem que escolher o layout que desejar. Isso soa como um grande recurso e ! A tecnica a mesma da substituio (overrides) de templates. Voc precisa criar uma pasta com o mesmo nome do componente ou do mdulo e uma subpasta para exibio. Existem duas diferenas: 1. Obviamente o nome do arquivo precisa ser diferente de/default.phpcomo este foi j foi utilizado para override do template 2. O layout alternativo claro no est denido como padro voc precisa denir. Alm da disposio alternativa, tipos de itens de menus tambm podem ter layouts alternativos, os itens de opes de artigos podem ser controlados por um arquivo XML, como o mesmo nome do arquivo alternativo. (Figura 6).

Monday, 30 January 2012

Pgina 167

Joomla! 2.5 - Livro do Iniciante

Figura 6: Tipos de menus adicionais :-)


A criao destes arquivos no so para nenhum novato, mas estou certo que templates de terceiros em breve iro fazer uso dessas novas possibilidades (Figura 7).

Figura 7: Layouts adicionais em um artigo

Monday, 30 January 2012

Pgina 168

Joomla! 2.5 - Livro do Iniciante

CREATE A NEW TEMPLATE USING ATOMIC

The Atomic template is a skeleton for your own template. It consists of:

/htdocs/templates/atomic component.php - the print view template error.php - the error page template favicon.ico - the website icon (Favicon [5]) index.html - a security le displaying a blank page when the directory is entered directly (also has to be conFigurad by the webserver but usually is) index.php - the templete main page templateDetails.xml - The conguration le containing all information about les, options and positions is necessary to show the template in the template manager and to later create an installable zip package. template_preview.png - the template preview image, displayed in template manager template_thumbnail.png - the template thumbnail image, displayed in template manager /htdocs/templates/atomic/css
the folder for CSS les

/htdocs/templates/atomic/html the folder for Override les - Atomic provides a few Overrides for modules. /htdocs/templates/atomic/images
the folder for images

/htdocs/templates/atomic/js the folder for Java script les /htdocs/templates/atomic/languages the folder for language les - Atomic comes with English base language les.

Main template le index.php

The le name of this layout le has to be index.php since Joomla searches for embedded <jdoc> and PHP commands. All necessary HTML markup is already built-in and commented. You can change the content of the le according to your needs. To get an idea, let's do a quick walkthrough: In line 24 you can choose whether you want to use the blueprint CSS framework or not. In line 50, 56, 62 and more you see that the template provides positions with special names (atomicsearch, atomic-topmenu, ...). If you want to use these names you have to assign your modules to these positions. If you want to change the names, you may do that in the templatedetails.xml le. In line 24 you will see:
echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/template.js

Monday, 30 January 2012

Pgina 169

Joomla! 2.5 - Livro do Iniciante Joomla knows the values in baseurl as well as the name of your template and you can access them when needed. In line 46 you will see:
echo $app->getCfg('sitename');

It will tell you the name of your site. In line 48 you will see:
if($this->countModules('atomic-search')) ...

It counts the amount of modules at the position atomic-search. It is used to adjust your layout to different situations. In line 50 you will see:
<jdoc:include type="modules" name="atomic-search" style="none" />

This is a <jdoc> command, which only exists as a name space in Joomla. It is used to insert the HTML output of the given type into the attributes. In this case it means the output of all modules assigned to the template position atomic search. The style attribute is called module chrome and can have these values table - The output is displayed in a table. horz - The output is displayed horizontally in a cell of a surrounding table. xhtml - The output is in in an XHTML-compliant <div> element. rounded - The output is in a format in which round corners can be displayed. The class of the element is renamed from moduletable to module. none - no formatting outline - the display type for the position preview (?tp=1) Template specic style - Some templates, like Beez, have their own styles. See Captulo The Beez Template. You will nd a complete list of styles in the Joomla documentation - What is module chrome [6]. Other <jdoc> types are:
<jdoc:include type="head" /> <jdoc:include type="message" /> <jdoc:include type="component" style="none" />

Monday, 30 January 2012

Pgina 170

Joomla! 2.5 - Livro do Iniciante Every page needs a head, sometimes a message (after saving) and, of course, a component. One component can be displayed per page. The component can make use of the module chrome as well. The error and the print view template les work exactly like the main template le.

CSS Folder

You will nd three les in this folder. 1. The css/template.css le with predened commented CSS commands. If you don't use the blueprint framework, you have to uncomment a few of them. The lines are specically marked. 2. The le css/template_ie.css is empty. Here you can add style overrides for Internet Explorer. 3. The le css/template_rtl.css is empty as well. You can add style overrides for right to left languages.

Blueprint framework
Blueprint is a CSS framework designed to reduce development time and ensure cross-browser compatibility. A few sentences taken from the readme le: Welcome to Blueprint! This is a CSS framework designed to cut down on your CSS development time. It gives you a solid foundation to build your own CSS commands. Here are some of the out-of-the-box features BP provides: * An easily customizable grid * Sensible default typography * A typographic baseline * Perfected browser CSS reset * A stylesheet for printing * Powerful scripts for customization * Absolutely no bloat! You will nd demos and tutorials on the project website - http://www.blueprintcss.org/ .

Monday, 30 January 2012

Pgina 171

Joomla! 2.5 - Livro do Iniciante

Captulo 18

Angie Radtke

O Template The Beez


Um template geralmente contm mais do que voc v primeira vista. O termo template geralmente ligado com o aspecto visual de um site. Mas, em complemento ao design, distingue-se pela maneira da aplicao tcnica. Ele determina onde o contedo est localizado dentro do uxo de documentos, quando e onde certos mdulos pode ser ligado e desaparecem, se as pginas de erro personalizadas so utilizados e que a marcao - verso de HTML deve ser usado. Alguns usurios vo certamente estar familiarizado com o template Beez Joomla! 1.5. Ambos, beez_20 e beez5 so visualmente muito diferente a partir do design da verso anterior. Para a concepo foi utilizado um cinzento neutro para os componentes elementares do template, tal como o menu a proporcionar uma soluo que se harmoniza com muitas cores. Mesmo naquela poca, eu queria desenvolver um padro compatvel, modelo facilmente acessvel e adaptvel. Eu conscientemente havia escolhido a cor roxa, na esperana de que muitos designers levaria o cdigo, modic-lo e torn-lo disponvel gratuitamente. Eu esperava por uma variedade de muitos novos templates gratuitos. Isto tem, infelizmente, no ocorreu. Outro erro foi, provavelmente, que eu no me comunique de forma clara o suciente sobre qual era objetivo real. A sada foi estruturado de uma forma para que qualquer projeto quase poderia ser implementar de forma simples e direta, com apenas pequenas modicaes no CSS. Eu mantive este princpio nas novas verses do Beez.Alm disso, h um JavaScript mais acessvel no beez5 e uma pequena poro de HTML5. Beez_20 no requer template overrides. Tabelas de layout no so, nalmente, no so mais usados no Joomla!. A sada baseada em novo HTMLsegue a estrutura do antigo template Beez. Os nomes de classe CSS foram renomeados e unicados para uma melhor compreenso. Esta uma enorme vantagem para os criadores de templates. A sada HTML do Joomla! Padro limpo e bem formada. Voc no precisa usar substituies de template para gerar mais limpo, com um cdigo compatvel com o padro. As capacidades tcnicas de ambos os templates Beez so quase idnticos. Eles diferem apenas em seu projeto grco. A verso Beez 5 tambm projetado para o utilizao de HTML5.

AS PRINCIPAIS CARACTERSTICAS
Monday, 30 January 2012 Pgina 172

Joomla! 2.5 - Livro do Iniciante Posio congurvel da navegao WAI-ARIA Landmark Roles Representao automtica dos mdulos em abas acessveis Fade in e out de mdulos desmontveis Fade in e out da coluna dobrvel Em beez_ 20 voc pode escolher entre duas formas: natural ou humana Em beez 5 HTML5 utilizvel

ACESSIBILIDADE GERAL
Para a maioria das pessoas a Internet se tornou a norma. Informaes de todo o mundo esto prontos para a recuperao e, talvez, mais importante, tambm as ofertas especiais na loja de ferragens local, os horrios de funcionamento do servio de registo ou o livro de telefone esto disponveis em sua tela inicial. Chamadas telefnicas irritantes ou visitas de bibliotecas so desnecessrios, basta procurar na net. Mas nem todos os benefcios deste desenvolvimento. Essas pessoas, com qualquer decincia fsica ou mental tm diculdades para participar plenamente na sociedade, mesmo que eles poderiam se beneciar enormemente de tecnologia de comunicaes. Mas geralmente eles no por causa das barreiras que obstruem o acesso a informaes ou torn-lo ainda impossvel. Muitas dessas barreiras podem ser superadas, se as ofertas so desenvolvidos de acordo. Os operadores de lojas online ou bancos que prestam servios bancrios pela internet, devem estar conscientes de que grupo no to pequeno. Acessibilidade em Web designvisa tornar o contedo e as interaes na internet acessvel para todos os grupos de usurios e dispositivos, se possvel. Aprox. 8% da populao alem tem uma limitao fsica que torna difcil para eles para acessar informaes a partir da Internet. Comumente o termo "acessibilidade" em web design identicado com a Internet para pessoas cegas. Eu quero enfatizar que isso no tudo - na verdade, esta apenas a menor parte. Eu sempre me perguntei por que assim. Provavelmente, o motivo que o monitor tornou-se o smbolo clssico para o computador, e algum que no v nada, no pode us-lo. No meu trabalho dirio, tenho notado que mesmo as pessoas cegas lidar muito melhor do que as pessoas com outros tipos de decincia. Cegos so pessoas cuja viso residual apenas uma pequena percentagem do valor mdio. O nmero de pessoas cegas na Alemanha situa-se entre 150.000 a 200.000. Alguns deles podem decifrar textos atravs de apenas o tamanho da fonte do computador e as conguraes de cores personalizadas, enquanto outras dependem de informaes no formato de udio tocando na tela em Braille. Monday, 30 January 2012 Pgina 173

Joomla! 2.5 - Livro do Iniciante Signicativamente maior a proporo de pessoas com decincia visual grave. Cerca de um quarto da populao em idade de trabalho queixa-se de vrios graus de ametropia. Mais tarde, a percentagem muito maior. Alguns destes problemas pode ser compensado pela vidros muito bem, os outros com nicas limitaes. Certas doenas oculares como catarata ou glaucoma pode ser resolvido ou pelo menos atenuado atravs de cirurgia. Alguns, como retinite pigmentosa ou a retinopatia diabtica, levar a uma deteriorao constante da viso e, nalmente, muitas vezes, levar completa perda de viso. "Na chamada" viso de tnel, do campo visual das pessoas afetadas extremamente limitado - s vezes do tamanho de uma moeda de dois euros, que realizada no comprimento do brao dos olhos. Cerca de 10% da populao masculina afectada por formas leves de daltonismo - o que geralmente signica que alguns vermelhos e verdes no podem ser distinguidos uns dos outros. Cego para outras cores, daltonismo completo ou vermelho-verde daltonismo nas mulheres so muito raros. Um outro grupo potencial de usurios tem problemas com a tecnologia de entrada de costume - nem todo mundo pode usar um mouse ou um teclado padro. Pode haver muitas razes: braos e dedos so imveis ou movem-se espontaneamente e so difceis de controlar. Outros tm mesmo sem braos e sem mos ou esto paralisadas do pescoo para baixo aps um acidente vascular cerebral em um lado. Enquanto um ser humano capaz de enviar um sinal binrio controlado - o famoso 0 ou 1 - ele pode aprender a operar um computador e suas funes com o software adequado. Existem cerca de 60.000 a 100.000 pessoas na Alemanha, com capacidade extremamente limitada para ouvir. Vrios milhares de estes foram desativados em aprender a lngua alem para que eles saibam que s imperfeitamente (no nvel 4 para nivel 6). Isso faz com que a demanda por textos mais compreensveis claras. Para se comunicar uns com os outros, mas tambm para a recepo de contedo estrangeiro ou sosticado que eles preferem a lngua de sinais alem - esta uma expresso por si s, independente da lngua falada com base em um sistema de sinais e gestos. Ateno No apenas as pessoas com habilidades auditivas baixas navegam na Internet sem ou com altofalantes desligado! No suciente, por exemplo, a dar sinais de alarme acsticos s - devem ser sempre acompanhadas de um aviso claramente interpretvel visual. Quanto mais a Internet conquistou todas as reas da vida, as decincias mais situacionais so visveis: conexes lentas no hotel, as condies de iluminao incontrolveis no trem em movimento, ausncia de som no local de trabalho.

Monday, 30 January 2012

Pgina 174

Joomla! 2.5 - Livro do Iniciante Todas as pessoas beneciam de sites acessveis. No se trata de cumprir todas as regras em toda a extenso, que as instituies governamentais so obrigadas a cumprir-la. Mesmo pequenos passos em direo a acessibilidade pode melhorar signicativamente a usabilidade de um site. Devido sua alta penetrao, Joomla! tem a capacidade de inuenciar muito. Com otemplate padro beez agora relativamente fcil, para criar sites que sejam acessveis e utilizveis para muitos. Tal como no beez 1.5 todas essas coisas que so necessrias para a concepo de modelos acessveis so implementadas tambm no beez_20 e beez5. Os mais importantes so: A separao de contedo e layout Estrutura Lgica Semanticamente Links ncoras Navegabilidade do teclado Contrastes de Cor Sucientes

A separao de contedo e layout


A primeira regra e a mais importante para os desenvolvedores possvel a separao completa de contedo e layout: HTML limpo e puro para o contedo Sem tabelas de layout desnecessrios Formatando exclusivamente com CSS Uma estrutura lgica semntica Links ncoras A questo linearisable de contedo e formatao via CSS apenas uma das condies mais importantes para a acessibilidade conveniente. S ento a tecnologia assistiva tem a opo de reciclar o contedo vontade, enquanto a apresentao visual pode ser completamente ignorado. A terceirizao da apresentao em folhas de estilo daro, por exemplo, decientes visuais, a possibilidade de denir prprias folhas de estilo em seu navegador e adaptar-se que as pginas se ajustam exatamente as suas necessidades. Uma apresentao linear de contedo e uma estrutura adequada semntica particularmente importante para usurios de leitores de tela. Os leitores de tela apreender o contedo de um stio de cima para baixo, o que signica linear. O uso de tabelas de layout extensos diculta linearizao.

Monday, 30 January 2012

Pgina 175

Joomla! 2.5 - Livro do Iniciante Por trs da Web Semntica termo provavelmente a maioria das pessoas pode imaginar muito pouco. Voc provavelmente associar aulas de lngua, mas tambm desempenha um papel especial, por escrito, o contedo da Web. Por exemplo, leitores de tela oferecer a seus usurios para saltar de posio para posio, ou da lista para a lista, para ter uma viso geral de todo o documento. Se um documento Web tem nenhum cabealho, esta funcionalidade no est disponvel. A estrutura formal de um documento web deve em grande parte corresponde estrutura de contedo. Dependendo do projeto Web a escolha da hierarquia da rubrica correspondente pode ser um grande desao. Hoje, este conceito pode ser encontrado no s nos templates, mas no sada padro do Joomla inteiro!. No desenvolvimento do Joomla! 1.6, esta era uma parte central do trabalho de desenvolvimento. Razes foram, alm de uma melhor usabilidade em tecnologias de apoio, tambm search engine optimization e melhor usabilidade em dispositivos mveis. Cdigo Bem-estruturado no apenas ajuda as pessoas com decincia melhor navegarem em um site, at mesmo o Google se sente melhor com um site to bem estruturado.

Links ncoras
Apresentao linear do contedo tem uma grande desvantagem: voc pode ter que percorrer um caminho muito longo, para acessar "nas costas de mentira" as reas de contedo. Na tela uma disposio de trs colunas permite que um certo nmero de reas de comeem "acima" e que o olho pode pular direto para ela, onde, apoiado por recursos visuais, suspeita informaes interessantes. Soluo oferece o conceito de ncoras. , de fato, um homlogo no visual para o esquema grco e permite que o utilizador de dispositivos de reproduo lineares para identicar reas de contedo de chave no incio da pgina e, em seguida, imediatamente saltar para a rea onde ele / ela acredita que a informao da sua / o seu interesse reside. Praticamente, o uso de ncoras signica, para congurar um menu adicional no topo de cada pgina de navegao interno da pgina. Na maioria dos casos, ser til para esconder este menu a partir do layout grco. irritante para os usurios, que podem ver, ao clicar em um link, mas nada (aparentemente) est acontecendo, porque o destino do link j visvel na janela de exibio. Em qualquer caso, a "menu de links ncora" no deve ser demasiado longa e construdo de uma maneira muito bem pensou-through, porque se estende e complica, devido linearizao em si, o caminho de percepo. Em geral, aconselhvel oferecer o contedo principal, como o salto de primeiro alvo, ento os visitantes regulares, que conhecem o local e lidam com a navegao, especicamente, tm o caminho mais curto para onde eles realmente querem ir para.

Monday, 30 January 2012

Pgina 176

Joomla! 2.5 - Livro do Iniciante Pelo menos aqui, ca claro que, principalmente sites com pginas de contedo mais complexas no s precisa de um layout grco, mas tambm um projeto de contedo que visa organizar o contedo de uma forma que no contm barreiras desnecessrias para os usurios de clientes de linearizao. Exemplo
<ul class="skiplinks"> <li><a href="#main" class="u2">Skip to content</a></li> <li><a href="#nav" class="u2">Jump to main navigation and login</a></li> </ul>

A escolha da cor

A escolha de cor , no contexto da acessibilidade, de particular importncia porque as pessoas, mesmo com viso diminuda cor deve ser capaz de utilizar o site totalmente. Se voc converter para um layout em tons de cinza, voc ter uma idia aproximada do que as pessoasdaltnicas podem ver. No entanto, a percepo muito individual e, dependendo da gravidade de diferentes graus de ametropia. Muitas pessoas daltnicas, no entanto, ter aprendido durante a sua vida, quais as cores so representadas por aquilo que vem. Eles sabem, por exemplo, que a grama verde, e podem identicar por comparao e outros tons de verde. Muito mais difundida do que a cegueira total de cores o chamado daltonismo vermelho-verde. Afetados por uma anomalia gentica, as pessoas no so capazes de distinguir cores vermelha e verde. Mistura de cores que contm esses componentes de cor so borrados para eles.

Contrastes
Cores tambm desempenham um papel importante em vrios outros tipos de decincia visual, no s por causa da cor em si, mas tambm um contraste de cor signicativa pode ser til na utilizao de uma pgina de Web. Primeiro plano e a cor de fundo dentro dos elementos do texto devem formar um contraste distinto, embora no seja possvel selecionar a cor e conguraes de contraste, que pode satisfazer todas as exigncias. Texto preto sobre fundo branco alcana um contraste de cor mxima. Para evitar efeitos de brilho perturbadores, um leve toque do fundo pode ser till. Algumas pessoas com decincia visual precisar contrastes muito fortes para separar os elementos individuais de contedo em uma pgina um do outro. Para eles, as combinaes de cores, como um texto branco sobre um brilhante, fundo contrastante laranja no so ricos o suciente. Em contraste, outros contrastes fortes agir como uma radiao - o contedo difcil de ler.

BEEZ_20: ESCOLHA DE DESIGN

Monday, 30 January 2012

Pgina 177

Joomla! 2.5 - Livro do Iniciante No Template Beez 2.0, voc pode escolher entre o projeto pessoal e natureza. A implementao dos arquivos nature.css e personal.css atravs dos parmetros de template, bem como a estrutura dos arquivos CSS utilizados so a base para este mtodo.

Figura 1: Escolha o Estilo


Existem dois mais arquivos que so responsveis para o esquema de cores.O position.css e layout.css so responsveis para o posicionamento global e espaamento. Gostaria de mudar mais tarde apenas as cores do template, voc pode simplesmente modicar os arquivos personal.css ou nature.css como desejado. O posicionamento do contedo permanece o mesmo, tal como so denidas em outros arquivos. Todos os estilos do templates ainda so arbitrariamente modicvel e pode ser alterado por desenvolvedores de template para incluir templates adicionais. No projeto do cdigo fonte que eu ter levado em conta para oferecer o mximo possveis variaes criativas, modicando os arquivos CSS. Eu estou lhe dizendo que muito, muito calmamente, mas em sua prpria maneira, os templates Beez so algo como frameworks e poupe-lhe uma srie de etapas de trabalho.

POSIO DA NAVEGAO
Por razes estticas ou para melhorar a facilidade de motor de pesquisa e acessibilidade, pode ser necessrio para posicionar a navegao antes ou depois de o contedo. Ambas as verses dos templates Beez deix-lo escolher entre duas opes no backend.

Monday, 30 January 2012

Pgina 178

Joomla! 2.5 - Livro do Iniciante

Figura 2: Selecione posio da navigao


A navegao visualmente e semanticamente posicionado antes ou depois de o contedo e formatado por utilizao de CSS. Se voc abrir o index.php do beez_20 ou o template voc j modicado, voc pode encontrar em torno da linha 27, a seguinte atribuio:
$navposition = $this->params->get('navposition');

A varivel $navposition atribudo o valor selecionado no backend. A varivel expulsa o valor left ou center. Left representa a posio antes que o contedo, center representa o posicionamento aps o contedo. O termo center parece ser um pouco confuso aqui, seria logicamente melhor dizer que direita. Mas dependendo de como voc cria a CSS, voc pode colocar a navegao em trs colunas vista no meio.

JAVASCRIPT E WAI ARIA

WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) uma especicao tcnica do Web Accessibility Initiative73,que ir facilitar a participao das pessoas com decincia em servios web de hoje cada vez mais complexos e interativos. Esta tcnica particularmente til na criao de apresentaes de contedo dinmico e interfaces de usurio. A tcnica baseada no uso de JavaScript, Ajax, HTML e CSS. Especialmente as pessoas cegas muitas vezes perdem a orientao ao visitar um site onde o contedo de repente exibida ou ocultada. Pessoas, que posso ver, posso sentir esta mudana com os olhos, as pessoas cegas podem entend-la apenas quando o foco colocado sobre o item. Para focar signica nada mais do que para colocar o cursor no local apropriado para tornar o contedo acessvel posicionado.
73

http://en.wikipedia.org/wiki/Web_Accessibility_Initiative Pgina 179

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Em HTML e XHTML que no teve a oportunidade de focar em todos os elementos. Apenas os elementos de interao, como links, botes ou campos de entrada foram focusable. Este foi alterado com o uso de WAI ARIA e HTML5. Os scripts utilizado nos templates Beez contar com essa tcnica para fazer o template acessvel a pessoas com decincia.

WAI ARIA - LANDMARK ROLES: PRIMEIROS SOCORROS PARA A ORIENTAO

Landmark Roles se destinam a facilitar a orientao em um site descrevendo reas pgina e sua funo exata dentro da pgina. A navegao tem o papel de navegao, pesquisa tem a funo de busca, o contedo principal tem o papel principal. A implementao bastante simples. O elemento estendido apenas para o atributo papel apropriada. Assim, os usurios de leitores de tela modernos sero informados desse papel.
<div id="main" role="main">

Dentro do template Beez, isso feito automaticamente usando javascript (javascript/hide.js). A aprovao da tecnologia WAI-ARIA ainda est pendente e com a aplicao direta no cdigo-fonte do site deixaria de fazer o teste de validao. Uma viso completa do landmark roles pode ser encontrada em http://www.w3.org/TR/wai-aria/ roles#landmark_roles. Se, posteriormente, usar o template Beez como base para o seu prprio template e modicar a estrutura das reas da pgina, voc deve adaptar o script de acordo.

Mdulos dobrveis e barras laterais

A ativao e desativao de certas reas podem ser teis para o usurio, especialmente em pginas com muito contedo. Ambos os template Beez fornecem duas formas diferentes. Primeiro, a coluna com a informao adicional pode ser totalmente ligado e desligado, por outro lado, os mdulos podem ser recolhidas at suas destaques.

Ocultar Coluna
Para testar essa funcionalidade, voc tem que colocar um mdulo na coluna para obter informaes adicionais. As posies de mdulo position-6, position-8 and position-3 esto disponveis. No importa se a navegao antes ou depois do contedo, sempre que esta coluna exibido, o link aparece logo acima com o texto "fechar info".

Monday, 30 January 2012

Pgina 180

Joomla! 2.5 - Livro do Iniciante

Figura 3: Ocultar Coluna


Ao ativar este link, a coluna est oculta, o texto do link muda para "abrir info" e da coluna voltar a ser ativado clicando. Esta funcionalidade controlada por JavaScript. Todos os scripts mencionados aqui baseiam-se no framework Mootools JavaScript que diminui o nosso trabalho em muitas reas. O arquivo hide.js na pasta de JavaScript do template responsvel por mostrar e ocultar a coluna. No index.php do template, em torno da linha 194, voc encontrar o cdigo necessrio HTML.
<div id="close"> <a href="#" onclick="auf('right')"> <span id="bild"> <?php echo JText::_('TPL_BEEZ2_TEXTRIGHTCLOSE'); ?> </span> </a> </div>

O contedo textual das variveis JavaScript so controlados com as cadeias de idioma Joomla. Monday, 30 January 2012 Pgina 181

Joomla! 2.5 - Livro do Iniciante

Mostrar e Esconder Mdulos

Um dos maiores desaos na concepo de um site a estruturao clara do contedo. Especialmente na pgina inicial, muitas vezes voc precisa colocar uma variedade de informaes sem congestionar a pgina.

Figura 4: beez-Slider
Ambos os templatesBeez tem a oportunidade de apresentar mdulos sob a forma de slider. Aqui, a primeira sada o ttulo do mdulo. Ao clicar no sinal de mais ao lado do ttulo, o mdulo aberta e seu contedo ser visvel. Em seguida, o sinal de adio substitudo por um sinal menos e que o mdulo pode ser dobrada para trs. Mesmo com este mtodo que tenho usado o WAI ARIA technology. A m de utilizar mdulos, conforme descrito, eles devem ser integrados no molde usando o comando
<jdoc:include type="modules" name="position-8" style="beezHide" headerLevel="3" state="0" />

Ao utilizar o style = "beezHide" todos os mdulos que so carregados nesta posio so mostrados como sliders. Voc deve ter notado que o comando inclui o atributo state,que controla se o mdulo expandido ou recolhido. Ise voc escolher o valor 0, ele fechado quando se carrega pela primeira vez, selecione o valor 1, que aberto por padro e pode ser fechada pelo usurio.

Abas acessveis

A apresentao do contedo na assim chamada Abas est se tornando cada vez mais popular. J existem mdulos que Joomla! estende-se com esta funcionalidade. Mas nenhum dos mdulos oferecidos cumprido os requisitos de acessibilidade. Monday, 30 January 2012 Pgina 182

Joomla! 2.5 - Livro do Iniciante

Figura 5: BeezTabs
A soluo integrada em Beez baseado nas tcnicas WAI-ARIA para garantir a acessibilidade. Para representar os mdulos em abas, eles so integrados como se segue.
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="1" />

Tudo no position-5 Os mdulos so dispostos colocados automaticamente sob a forma de abas. Voc controla a sada HTML atravs do Style beezTabs. A utilizao do atributo id = "3" obrigatria. A razo reside na estrutura do utilizado JavaScripts. Imagine, voc deseja integrar mdulos em lugares diferentes em seu template. A funo JavaScript exige uma nica informao sobre onde guias que devem ser abertos e fechados. Se esta informao for omissa, o script no funcionar como desejado. Por favor, use este em nmeros de pontos apenas para o id.

AJUSTAR TAMANHO DA FONTE

Na cabea topo do layout o usurio capaz de mudar o tamanho da fonte. A base tcnica para esta funo pode ser encontrada no arquivo JavaScript do templates/seu_nome/JavaScript/ md_stylechanger.js. Dentro do index.php voc incluir uma div container com id="fontsize" . Esta rea inicialmente vazio e, em seguida, ser cheio com o contedo dinamicamente usando JavaScript. Se os visitantes devem ter desligado JavaScript, esta funo no est disponvel. Alguns podem estar se perguntando, por que essa funo ainda necessria, pois cada navegador tem um recurso para aumentar o tamanho da fonte. Especialmente para as pessoas mais velhas muitas vezes esta tcnica de importncia particular, pois a maioria deles tm uma viso mais ou menos prejudicada. No entanto, as pessoas especialmente os mais antigos, muitas vezes sabem muito pouco sobre a funcionalidade dos navegadores web e estamos ansiosos para uma oferta aparente. Monday, 30 January 2012 Pgina 183

Joomla! 2.5 - Livro do Iniciante

BEEZ5: USA HTML5

O template Beez5 dicilmente diferente do beez_20, alm de alguns aspectos do projeto. Os recursos oferecidos so praticamente idnticas. A nica diferena: beez5 permite o uso de HTML5. Se voc der uma olhada nos parmetros do template de beez5, voc v que voc pode escolher entre HTML5 e XHTML sada de cdigo. Esta baseia-se nas template overrides HTML5, que voc encontra na pasta HTML do seu template. HTML5 fornece uma variedade de novas possibilidades e trar uma srie de mudanas e servides, no futuro, mas ainda no ainda uma norma aprovada (March 2011). Muitas das opes oferecidas atualmente no so aplicveis de forma convel, mas outros j podem ser usados sem diculdades. Uma parte muito importante, que j funciona, so os elementos estruturantes de novos. HTML4 e XHTMLteve peso semntico baixo. Isto melhorou signicativamente com HTML5. Temos agora elementos realmente prticas para estruturar a pgina. Com os elementos header footer aside nav voc pode estruturar uma pgina maravilhosa. Elementos tais como section (seo) article (artigo) hgroup (hgrupo) ajud-lo a atribuir mais importncia ao contedo real. O cdigo HTML5 em Beez5 utiliza apenas os elementos que so de conana agora. Somente o Internet Explorer verso 8 tem alguns problemas, como sem No topo da pgina um script est inserido, que integra os elementos desconhecidos na estrutura do documento existente.
<!--[if lt IE 9]> <script type="text/JavaScript" src="<?php beez5/JavaScript/html5.js"></script> <![endif]--> echo $this->baseurl ?>/ templates/

Monday, 30 January 2012

Pgina 184

Joomla! 2.5 - Livro do Iniciante Base para a integrao do HTML5 em Joomla! so o template overrides e resposta a para a linguagem de marcao selecionada atravs do parmetro do template na index.php. Porque o template permite a utilizao de dois diferentes linguagens de marcao, voc tem que abordar essa possibilidade no index.php. Claramente disse: A construo do index.php bastante complicado, pois dependendo da linguagem de marcao selecionada outro cdigo HTML gerado. Ela comea com a denio do tipo de documento. Quando voc abre o index.php dos templates Beez5, voc pode ver instantaneamente o que quero dizer.
<?php if(!$templateparams->get('html5', 0)): ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php else: ?> <?php echo '<!DOCTYPE html>'; ?> <?php endif; ?> "http://

Este conceito feita atravs da pgina inteira e os elementos de HTML5 s pode ser emitido se HTML5 tambm foi selecionado no backend. Se mais tarde voc quer construir seu prprio template em HTML 5, que seria melhor voc remover todas as consultas e os elementos XHTML e sada diretamente o cdigoHTML5.

Monday, 30 January 2012

Pgina 185

Joomla! 2.5 - Livro do Iniciante

Captulo 19

Milena Mitova

Porque SEO importante para voc


Como administrador de um site, o desenvolvedor, ou construtor, voc sabe que a obteno de visitantes da web a chave para uma presena na web de sucesso. Em um mundo onde as regras da Internet e da maneira mais rpida de aprender coisas novas, localizar os produtos e servios, ou encontrar o feedback do usurio a utilizao de pesquisa, voc tem que seguir as prticas estabelecidas busca on-line se voc quer ser encontrado pelas pessoas que esto olhando para os gostos de que voc est oferecendo em seu site. Para dar uma idia de quo poderoso pesquisa on-line tornou-se nos ltimos anos, abaixo esto alguns nmeros fornecidos pelo ComScore74, uma empresa de pesquisa especializada em inteligncia de marketing digital: Busca do Google: 88 bilhes por ms Busca do Twitter: 19 bilhes por ms Busca do Yahoo: 9.4 bilhes por ms Busca do Bing: 4.1 bilhes por ms

JOOMLA 2.5 E SEO

Como um dos mais avanados sistemas de cdigo aberto de gerenciamento de contedo em todo o mundo, Joomla! foi concebido para lhe fornecer todas as caractersticas e funcionalidades que voc precisa para tornar seu site mais amigvel para o motor de busca e pronto para ser encontrado pelo seu pblico certo. Como voc provavelmente sabe, o processo de

http://www.comscore.com/Press_Events/Press_Releases/2010/1/ Global_Search_Market_Grows_46_Percent_in_2009
74

Monday, 30 January 2012

Pgina 186

Joomla! 2.5 - Livro do Iniciante melhorar a visibilidade de um site ou uma pgina web em motores de busca atravs do "natural" ou no-pago ("orgnico" ou "algortmica") os resultados da pesquisa 75 chamado SEO ou Search Engine Optimization. As duas principais funes de SEO so para direcionar o trfego consistindo de alta inteno visitantes para se tornarem clientes ou clientes potenciais, e para ajudar a construir sua marca on-line. SEO divido nos elementos on-page e off-page, que poder rever em detalhe neste muito til infograco 76 pela searchengineland.com. A grande notcia que o Joomla! pode ajud-lo com estes dois elementos, permitindo-lhe construir uma base slida de SEO que pode ser facilmente estendido para uma presenade sucesso na web.

AS FUNCIONALIDADES DE SEO INCLUDAS NO JOOMLA! 2,5 URLs Amigveis

Figura 1: SEO-Urls amigveis


Segundo Matt Cutts 77, do Google, a melhor url de um site composta por um mximo de 3-5 palavras. Daquele ponto em diante, quanto maior as urls, o menor poder de classicao que eles tero. Isto como seu urls vo ser uma vez seu site Joomla est congurado:

75 76 77

http://en.wikipedia.org/wiki/Search_engine_optimization http://searchengineland.com/seotable/ http://www.mattcutts.com/ Pgina 187

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante http://www.yourdomain/index.php? option=com_content&view=article&id=8:beginners&catid=19&Itemid=260 E assim que vai cuidar de voc ter modicado o arquivo access.txt 78 le e ligado o recurso de url, acessvel no painel de controle do Joomla, na opo de Congurao Global: http://www.yourdomain/products/your-product-name Os motores de busca pode ler o primeiro tipo de urls, chamado urls dinmicas, sem quaisquer problemas. No entanto, prtica comum utilizar o segundo tipo, chamado URLs Amigveis, em vez disso. H duas razes para isso: 1. Os usurios tendem a clicar mais em links url que fazem sentido e tm palavras relevantes 2. As Urls dinmicas so muitas vezes o culpado em que motores de busca podem interpretar como contedo duplicado, que por sua vez pode afetar negativamente seus rankings da pgina nos resultados de busca. Joomla permite que voc dena as suas Urls amigveis em dois passos simples - editando a congurao global no back-end e fazendo algumas pequenas alteraes ao arquivo access.txt arquivo que reside na pasta raiz do seu servidor. Alm disso voc pode modicar as palavras reais que cada url contm editando que no editor de texto do artigo de seu contedo ou no seu painel de congurao do item de menu.

Cabealho da Pgina

Figura 2: Cabealho da Pgina


http://www.teachmejoomla.net/joomla-mambo-tutorials-and-howtos/general-questions/how-toenable-seo-on-joomla.html
78

Monday, 30 January 2012

Pgina 188

Joomla! 2.5 - Livro do Iniciante Tag do ttulo, tambm conhecido como "Ttulo no Navegador" em seu backend (eles so geralmente apresentados na parte superior da janela de um navegador)so os elementos mais importantes de SEO que afetam diretamente a classicao das suas pginas individuais. Para ser ecaz, cada ttulo tem de ser: nica para cada pgina, Extremamente relevantes para o contedo da pgina, 70 caracteres, max, Deve incluir a palavra chave de busca que voc est otimizando a pgina para:. assim que funciona, como explicado por seo.com79 : "Por exemplo, digamos que voc tem um site educacional que fornece informaes e orientaes sobre os requisitos de certicao de professores. Voc decidiu que as palavras-chave mais importantes para o seu site est "ensinando a certicao" e "requisitos de ensino." Neste caso, um ttulo de pgina ao longo das linhas de "Requisitos para Certicao de Professores de Ensino" altamente relevante para o tpico do site. Spiders ir rastrear o seu site, e porque o ttulo o primeiro fator que v, o spider ir "ler" e depois examinar o resto da pgina encontrar as palavras-chave usadas em outros lugares na pgina para determinar quo relevante o ttulo o resto do contedo. Se o contedo, tags H, e ttulo de tag- Voc fez tudo relacionado no mundo dos negcios! por isso que to importante para direcionar as palavras-chave mais crticos no Tag do ttulo. " Com o Joomla, adicionando as tags de ttulo um processo fcil e sem complicaes. Voc pode adicionar e modicar as marcas de todas as pginas do painel de congurao do item de menu.

Meta Dados para todas as suas pginas

79

http://www.seo.com/blog/seo-tips/title-tag-seo-tips/ Pgina 189

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 3: Meta Dados para todas as suas pginas


Meta descrio o breve resumo que aparece sob a URL de cada resultado individual que um usurio v na pgina de resultados aps a realizao de uma consulta de pesquisa on-line. Embora j no considerado de fundamental importncia, como importancia no ranking do motor de pesquisa, que dene o quo bem sucedido sua taxa de cliques (ou seja, se ou no os usurios vo realmente se sentir compelido o suciente para clicar no link da pgina). Meta descrio no deve ser superior a 160 caracteres.

Figura 4: SEO Meta Descriptions in Search Engine


Joomla permite adicionar descries meta para todas as suas pginas mesmo quando voc est criando uma pgina que exibe toda uma categoria de artigos. Voc pode gerenciar este processo em dois nveis - no nvel de item de menu (para pginas da categoria) e no nvel de artigo (dentro do editor de texto onde voc escreve o seu artigo).

Fcil ttulos de imagens para SEO

Monday, 30 January 2012

Pgina 190

Joomla! 2.5 - Livro do Iniciante

Figura 5: Ttulos de imagem para SEO


Robs de busca no so capazes de ver as imagens corretamente. Este o lugar onde os Tags "alt", Descries / Ttulos das imagens entram em jogo. Elas ajudam a tornar as imagens pesquisveis, ajudando com o seu SEO. Joomla fornece-lhe com uma fcil caixa de dilogo de preencher na imagem80 , onde voc est convenientemente solicitado a incluir uma breve descrio de sua imagem. Esta uma mais fcil funcionalidade de usar no SEO, uma caracterstica que refora e pode proporcionar resultados rpidos e relevantes.

Redirecionamento para SEO - Melhores Prticas

Figura 6: Gerenciador de redirecionamento


80

For more information: http://www.joomlacontenteditor.net/ Pgina 191

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Em seu artigo sobre Redirecionamento e SEO81, Stephan Spencer, um especialista em SEO e blogueiro diz o seguinte: "O uso do tipo adequado de redirecionamentos uma questo de"melhores prticas" de SEO. Todo site precisa ter redirecionamento (por exemplo, por exemplo, de sua verso no-www do seu site para a sua verso www ou vice-versa). E se voc no zer isso, voc est deixando dinheiro na mesa. Alm disso, sites evoluem ao longo do tempo e da mudana de URLs. E qualquer momento que voc zer alteraes no seu URLs - se para o domnio, subdomnio, subdiretrios, nomes ou seqncias de consulta voc precisa se certicar links que apontam para as URLs antigas ainda so valorizadas pelo Google e outros motores, e que seu poder de voto transferido para as URLs novas." Redireccionamento dos usurios de suas pginas antigas ou no-existente, documentos e bens de outro site para os seus novos pode ser feito em 3 etapas fceis usando componente nativo do Joomla de redirecionamento. fcil de usar, tem zero de curva de aprendizagem, ea melhor parte que cada vez que um visitante web atinge uma pgina antiga, o componente lista a url com problema, bem como quantas vezes ele foi clicado. Voc pode, ento, rapidamente resolver o problema adicionando uma nova url para redirecionar os futuros visitantes para uma pgina que funciona

RSS para um melhor SEO

Figura 7: Mdulo de Feeds


RSS ir aumentar seus esforos de SEO, ajudando a construir mais backlinks.Como voc sabe, quanto maisbacklinks voc tiver para o seu site, mais o Google e outros motores de busca vai conar nele e empurr-lo nos resultados de busca e no ranking. A maneira mais simples para usar o RSS para
81

http://www.stephanspencer.com/redirects-and-seo-best-practic Pgina 192

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante ns de SEO usar o mdulo de syndication feeds do Joomla para congurar os feeds RSS para o seu contedo e postar os links de alimentao em seu site e canais de mdia social (LinkedIn, Facebook, etc.), bem como em alguns dos locais de contedo. vrios agregadores que existem na web, ex: feedage.com, etc.Voc tambm pode compartilhar seus links de RSS com parceiros e outros no concorrentes locais contanto que voc constantemente fornecer contedo relevante e novo, muitas organizaes podem estar dispostos a assinar seu feed e exibir em seu site, ajudando assim a construir mais backlinks.

CONCLUSO

Usando todos os recursos destacados acima ir fornecer uma maneira rpida e fcil para voc estabelecer e manter as prticas corretas de SEO para seu site. No entanto, o resultado orientada ao SEO no apenas sobre os ttulos e imagens. Tudo comea antes mesmo de comear a construir seu site e um projeto em curso que precisa ser gerenciado e medido regularmente para o sucesso. Aqui esto alguns recursos grandes que eu gostaria de recomendar. Eles vo te ajudar a aprender tudo o que voc precisa saber para se tornar seu prprioe ecaz consultor de SEO gratuito: Esta uma srie de treinamento muito til em 8 partes sobre palavras-chave82 pela wordtracker.com, em ingls e gratuito . Ele apresenta o conceito de palavras-chave e explica porque SEO comea com a denio de sua categoria, palavras-chave da pgina principal e, ajudar voc a entender como encontrar as melhores palavras-chave e como inclu-los nos seus textos, a m de construir um constante crescimento, livre , de trfego orgnico para seu site. Para saber mais sobre SEO e a maneira de implement-lo, leia este guia gratuito em ingls do searchengineland.coms passo-a-passo Guia para SEO 83. Este um outro artigo em ingls que oferece gratuitamente um Guia em 5 passos de faa-vocmesmo para criar um programa de SEO 84. SEO Cheatsheet por SEOMoz85 lhe d timas dicas sobre como obter os seus processos de SEO. SEO Cheatsheet para Web Developer por SEOMoz86 um grande infogrco, mostrando-lhe como voc tem que estruturar o contedo em sua pgina.

82 83 84

http://www.wordtracker.com/academy/keyword-basics-part-1-how-search-engines-work http://searchengineland.com/guide/seo

http://magazine.joomla.org/topics/item/403-5-Quick-SEO-steps-that-will-help-you-get-betterrankings-and-more-trafc-to-your-Joomla-site
85 86

http://static.seomoz.org/user_les/2006/seomoz-cheatsheet.swf http://static.seomoz.org/user_les/SEO_Web_Developer_Cheat_Sheet.pdf Pgina 193

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Captulo 20

Multi-Language Websites
I live in Europe. The European Union has 23 ofcial languages. If you are going to create websites in regions like this, you have to think about multilingualism. Two things are especially challenging when it comes to creating multi-language websites: the translation of the static Joomla text strings as well as the translation of the content items. While the rst challenge can normally be overcome easily, the second one presents the real challenge. The Joomla 2.5 core is available in more than 40 languages languages and more languages are expected to come soon. Let's build a multi-language website by using Joomla 2.5 core in this Captulo.

JOOMLA LANGUAGE PACKAGES


You can download the translation packages from Joomla Code87 or the Joomla extension directory88 und install them using the extension manager (Read more: Extension Management). I have done this with the German as well as the French language package. After installation you will nd the three installed languages (Figura 1) by visiting Extensions Language Manager in the backend.

Figura 1: Installed languages (EN, DE)

Language Conguration
As of now, it is still necessary to have a look at the language conguration to see whether the languages are published (Extension Language Manager Installed) and the language content attributes
87 http://joomlacode.org/gf/project/jtranslation1_6/frs/ 88 http://extensions.joomla.org/extensions/languages/translations-for-joomla

Monday, 30 January 2012

Pgina 194

Joomla! 2.5 - Livro do Iniciante are correct (Figura 2). Have a look at (Extension Language Manager Content). If there is no content item for the installed language, create one by clicking the new icon. This is what happened to me after I had installed the French language package.

Figura 2: Edit content language

LANGUAGE FILTER PLUGIN


For Joomla to be able to distinguish between the different languages, the System - Language Filter plugin (Extensions Plug-Ins) has to be activated. You are able to conFigura the language to be shown to the visitor, whether it is the language version of your website or the client's browser setting, by simply using the Options settings. Another conguration setting is the Automatic Language Change. If enabled, the content language will automatically be changed to the frontend language settings.

Figura 3: Plug-In - Language Filter

Monday, 30 January 2012

Pgina 195

Joomla! 2.5 - Livro do Iniciante Every user can conFigura his frontend language once he is logged in in the frontend. Most of the time, there is a user menu that, depending on your rights, provides you with different menu items. In this user menu, you will also nd the Your prole link. By clicking on the link, you will then be able to view and edit your prole data. In the prole edit form under Basic Settings, users can choose among other congurations and set their frontend language (Figura 4). You may use the default website language or one of the available content languages. Depending on these settings, the language plug-in will allow you to view the website in the corresponding language.language.

Figura 4: User prole - Basic Settings

LANGUAGE SWITCHER MODULE


By activating the Language Switcher module, you have the possibility to switch between languages in the frontend, regardless of whether you are a visitor or a logged in user. In Basic Settings you can add text and choose whether you would like the languages to be displayed with the language name or the ag icon. I am sure some third party templates will provide special templates positions for this module in the near future. In the default template Beez2, position-7 works well in combination with the ags.

Monday, 30 January 2012

Pgina 196

Joomla! 2.5 - Livro do Iniciante

Figura 5: Language Switcher


It is important to read the description text careful (and twice) When switching languages and if the menu item displaying the page is not associated to another menu item, the module redirects to the Home page dened for the chosen language. Otherwise, if the parameter is set for the Language lter plugin, it will redirect to the associated menu item in the language chosen. Thereafter, the navigation will be the one dened for that language. If the plugin 'System - Language Filter' is disabled, this may have unwanted results. Method: 1. Open Language Manager Content tab and make sure the Languages you want to use in contents are published and have a Language Code for the URL as well as prex for the image used in the module display. 2. Create a Home page by assigning a language to a menu item and dening it as Default Home page for each published content language. 3. Thereafter, you can assign a language to any Article, Category, Module, Newsfeed, Weblinks in Joomla. 4. Make sure the module is published and the plugin is enabled. 5. When using associated menu items, make sure the module is displayed on the pages concerned.

Monday, 30 January 2012

Pgina 197

Joomla! 2.5 - Livro do Iniciante 6. The way the ags or names of the languages are displayed is dened by the ordering in the Language Manager - Content Languages. If this module is published, it is suggested to publish the administrator multilanguage status module.

MULTI-LANGUAGE CONTENT ITEMS


As Ihave previously mentioned,each content item, such as an article, can be assigned toa language. Thedifcultynow lies in creating all these content items in all source and target languages (Figura 6). You can create content items in any language but, unfortunately,Joomla 2.5 does notyet offer atranslating workow, which means that you have to pay attention to avoid mistakes.

Figura 6: Language eld


You can create content items in any language but, unfortunately, Joomla 2.5 does not yet offer a translating workow, which means that you have to pay attention to avoid mistakes.

A MULTI-LANGUAGE WEBSITE
My example website consists of a front page with articles, a blog, an 'About Us' page, a contact form.

Monday, 30 January 2012

Pgina 198

Joomla! 2.5 - Livro do Iniciante

Figura 7: Example website


All content items have to be available in different languages (Figura 6).

Front page
I create a few articles for each language with the attribute featured (Read more in Captulo: A Typical Article) To make it easier for you to start I created a screencast (will be published soon for 2.5). This is the 1.7 version (which still works) 89 I create a menu called default with a menu item called default, which links to Featured Articles. I conFigura this menu item as Home by clicking the Home icon. The menu default needs no corresponding module, it should simply exist (This behaviour is in the actual version of Joomla 2.5 and will hopefully be changed in the upcoming updates). Afterwards I create a menu per language and the corresponding menu module. I create a menu item for each language : (Home, Startseite, Accueil). These menu links have to be conFigurad as Home by clicking the Home icon (Figura 8). If you see the ag beside the menu item, everything works ne, if not ... watch the screencast :)

89

http://vimeo.com/28593435 Pgina 199

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 8: A frontpage for each language

A blog
In my case I already have a blog at cocoate.com, so I use the newsfeeds component for displaying the external blog entries. I create a feed item for each language and the corresponding menu items (Read more in Captulo: Newsfeeds).

An 'About Us' page


I create an 'About Us' page as described in Captulo How to create an 'About Us' Page for every language.

A contact form
I use a single contact form for genaral inquiries. I only need one contact item, so it is not necessary to assign a language. Only if contact data differs in different languages, e.g., different address or email, will it be necessary to create one contact item for each language.

Login form
On each page a login form will be visible. I have copied the English login module twice, conFigurad the menu assigment, changed the title and assigned the correct language. Now it is possible to login and register at my site. User menu I used the existing user menu, which provides you with a link to your prole as well as for creating an article or weblinks. (Figura 9).

Monday, 30 January 2012

Pgina 200

Joomla! 2.5 - Livro do Iniciante

Figura 8: Front-end editing


As you can see, creating a multi-language website with core Joomla is quite simple!

LANGUAGE OVERRIDES
If you notice language strings that are not appropriate to your website you can change them in Extensions -> Language Manager -> Overrides. A language string is composed of two parts: a specic language constant and its value. For example, in the string: COM_CONTENT_READ_MORE="Read more: " 'COM_CONTENT_READ_MORE' is the constant and 'Read more: ' is the value. You have to use the specic language constant in order to create an override of the value. Therefore, you can search for the constant or the value you want to change with the search eld below. By clicking on the desired result the correct constant will automatically be inserted into the form. You can search for these language strings and overrides them by lling the formwith your customized texts (Figura 10).

Monday, 30 January 2012

Pgina 201

Joomla! 2.5 - Livro do Iniciante

Figura 10: Language overrides

Monday, 30 January 2012

Pgina 202

Joomla! 2.5 - Livro do Iniciante

Captulo 21

Jen Kramer

Um site Joomla! 2,5 do incio


EM PRIMEIRO LUGAR, COMEE COM UM PLANO
Existem dois tipos de construtores de sites. O primeiro muito tpico. Um cliente pede, Eu gostaria de um site, e eu quero azul, quanto ser que ir custar? O construtor responde: Se voc quiser com um calendrio, ir custar R$X,ou voc tambm pode obt-lo com um blog por R$Y. Este tipo de construtor serve como um boto clicker. O cliente pede algo, e ao invs de aplicar a anlise ou anos de experincia para o problema que o cliente precisa resolver, este construtor simplesmente oferece um site a forma como o cliente solicitou. O segundo tipo de construtor de site tem um futuro com maiores clientes na mesma. Quando a mesma pergunta, este construtor diz: Claro, ns podemos denitivamente fazer website em azul Voc pode me dizer sobre a sua organizao e o que voc espera o seu site vai fazer por ela? Ao perguntar sobre a organizao do cliente, e os problemas que precisa resolver, voc estar desenvolvendo uma relao de conana com seu cliente. Isso signica que a concluso do site o incio do relacionamento com o cliente, levando a continuao dos trabalhos, ao invs de a concluso de seu relacionamento com o cliente. muito mais fcil conseguir um trabalho contnuo de clientes existentes, ao invs de continuamente buscar um novos. Supondo que voc quer ser o segundo construtor de site mais bem sucedido, aqui esto algumas dicas para montar seu site Joomla 2,5 a partir do zero.

Objetivos da organizao, os usurios, e no site


Iniciar uma discusso com o cliente sobre sua organizao, quer se trate de um negcio, uma organizao sem ns lucrativos, ou um site pessoal. Voc pode perguntar a algumas das perguntas seguintes, e h muitas perguntas adicionais para estes:

Monday, 30 January 2012

Pgina 203

Joomla! 2.5 - Livro do Iniciante Qual o objetivo da organizao? (Exemplos: acabar com a fome mundial, ganhar dinheiro com a venda de produtos de tric, fornecer atualizaes sobre as minhas ltimas atividades) Quando foi a criao da organizao e que a organizao serve? Por que a organizao precisa de um site? Ser que um site j existe, ou um novo site? Se um site j existe, que vale a pena manter no site antigo? O que voc adicionar ao contedo do site antigo? a mensagem do site ainda atinge o seu alvo, oua organizao mudou desde o design do site passado? Quem far a manuteno do site? (Exemplos: equipe de TI, em casa do webmaster, o secretrio, alm de outras atribuies, ou a organizao envia suas atualizaes para que voc as atualize) Voc provavelmente vai querer fazer muitas perguntas adicionais a estes acima para entender completamente o seu cliente e as respostas s seguintes trs questes fundamentais: Quais so os objetivos desta organizao? Quais so os objetivos do site, e como que apoiar os objetivos da organizao? O que os visitantes do site quer do site, e como isso se encaixa com os objetivos do site e da organizao? Fora dessa discusso, voc deve identicar alguns tipos de extenso voc precisa incluir em seu site (por exemplo: um calendrio com mdulos de "prximos eventos"; um blog com comentrios e marcao; um carrinho de compras que faz integrao com PagSeguro e Pagamento Digital). Voc tambm deve desenvolver um site map para o seu site. Esta uma descrio detalhada de todas as pginas do seu site e como elas se ligam. O termo site map tambm se refere a uma pgina em seu site que contm links para cada pgina do site. O seu primeiro mapa do site que voc criar organizar todas as pginas e estrutura de navegao em um pedao de papel, e segundo mapa do site pode ser gerado por uma extenso como XMap. Para mais informaes sobre planejamento website, eu recomendo os seguintes recursos: The Elements of User Experience90 , por Jesse James Garrett "Website Strategy and Planning" 91, treinamento em vdeo da lynda.com por Jen Kramer

EM SEGUIDA, CONSIDERE A TECNOLOGIA

Se voc est lendo este livro, e particularmente de um captulo chamado "Um site Joomla 2,5 a partir do incio", Eu suponho que voc escolheu Joomla para a construo deste site.
90 91

http://www.amazon.com/gp/product/0321683684/ http://www.lynda.com/Interactive-Design-tutorials/websitestrategyandplanning/53259-2.html Pgina 204

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Os clientes podem desejar saber por que voc escolheu Joomla para o site, ou por que uma boa escolha de tecnologia para eles. Alguns argumentos que eu uso na venda: Joomla um dos trs maiores sistema de gerenciamento de contedo aberto92 no mundo, apoiado por uma comunidade prspera e um processo de desenvolvimento ativo. Novos lanamentos de software ocorrem a cada seis meses. Joomla roda em 23.5 milhes de sites no mundo inteiro93, e a escolha de mais de 3000 sites governamentais. Porque Joomla a tecnologia de cdigo aberto, o cliente no est vinculado a uma nica empresa de desenvolvimento web, a maneira como seria com software proprietrio. H muitas empresas disponveis para ajudar com o seu site. A interface do Joomla fcil de usar, e os clientes adoram a capacidade de fazer alteraes em seu site, sem envolver um desenvolvedor web. improvvel que voc vai usar apenas um ncleo Joomla para construir o seu site. Na maioria dos casos, voc vai querer adicionar algumas extenses de terceiros para o seu site. Um timo lugar para comear a olhar para estes o Joomla Extension Directory 94 (JED). Debater quais as extenses Joomla esto "melhor" ou "crtica" para cada site um tpico de conversa que parece nunca envelhecer entre os designers e desenvolvedores Joomla. No encha seu site Joomla com extenses interminveis. melhor escolher um nmero mnimo de extenses, apenas os que voc mais precisa, e no carregar o site com tecnologia alm desnecessrio. Cada extenso deve abordar um propsito identicado como parte do processo de desenvolvimento de objetivos acima descritos. S porque voc pode colocar em extenses extras, porque eles so "leais" ou voc acha que interessante usar no signica necessariamente que deve ser usado no site, a menos que elas contribuem para atingir um objetivo do site.

AGORA VOC EST PRONTO PARA CONSTRUIR


1. Instalar Joomla.

Com um plano estabelecido e extenses selecionado, e seu mapa do site no lugar, voc est pronto para montar seu site Joomla.

92 93

http://trends.builtwith.com/cms

http://techcrunch.com/2011/06/11/joomla-quietly-crosses-23-million-downloads-now-poweringover-2600-government-sites/
94

http://extensions.joomla.org/ Pgina 205

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante 2. Criar categorias para o seu contedo planejado. As categorias podero ser conduzidos por o mapa do site. Por exemplo, se voc tem uma parte do site chamada Quem Somos, voc pode criar uma categoria correspondente. Pginas como o Conselho de Administrao, Histria, Misso, Viso e Gesto seriam includos nesta categoria. 3. Digite o seu contedo no site usando o Gerenciador de artigo. Cada pgina planejada pode se tornar um artigo. Recursos teis para a compreenso deste processo incluem: 3.1. 3.2. Um artigo tpico Como criar uma pgina 'Sobre Ns'

3.3. Gerenciador de Media, que usado para gerenciar todas as imagens ou documentos que voc deseja incluir no seu artigo. 4. Faa os links dos artigos para barra de navegao no site atravs do menu Gerenciador de Item 5. Instale um template que torna o site a aparncia que voc deseja. Voc pode fazer este passo anterior, mas acho que mais fcil avaliar a aparncia de um template de uma vezalgum contedo est disponvel para mim no site. 6. Congure as extensies necessrias para seu website. Por exemplo, altamente provvel que voc vai querer incluir um formulrio de contato para seu site. 7. Teste seu site com cuidado. Certique-se que os links de navegao funcionem para as pginas esperados e funes do site. Leia com ateno todo o contedo de erros de digitao. Olhe para o site em diversos navegadores diferentes (como Firefox, Safari, Chrome, e Internet Explorer) em ambas plataformas Mac e PC. O site no precisa ser exatamente o mesmo, mas deve parecer razovel em todos os navegadores. 8. Inicie o seu website. Voc pode querer fazer um "lanamento breve" em primeiro lugar,postar no site sem imprensa ou uma promoo para grande pblico. Isto d-lhe algum tempo para testar o site em um ambiente do mundo real, ao reparar quaisquer problemas adicionais que possam surgir. Depois que o site tem estado ativo por uma semana ou duas, voc pode fazer um "lanamento maior", ou seja, criar publicidade para o novo site.

Monday, 30 January 2012

Pgina 206

Joomla! 2.5 - Livro do Iniciante

Captulo 22

Atualizar a partir de verses mais antigas


ATUALIZANDO DO JOOMLA! 1.7
Bem, esse um passo fcil. V at Extenses Gerenciador de Extenses Atualizar clique no boto e est feito! o tempo para relaxar, tomar um caf e pensar: Bem, foi uma boa deciso para comear o meu novo projeto com Joomla! 1,7 :) Ateno: Muitas cadeias de texto nos arquivos de idioma so alteradas. A atualizao de um clique no inclui pacotes de idiomas locais. Se voc instalou pacotes de idiomas locais, necessrio actualizar os, por meio da reinstalao. No caso de voc pensar isso "soluo de um clique" demasiado fcil. No pode ser verdade! D uma olhada na documentao do Joomla mais detalhada!95.

MIGRANDO DO JOOMLA! 1.5


Como voc pode migrar um Joomla! 1,5 site para Joomla! 2.5 sem perda de dados ou desastres semelhantes? Existem duas formas de completar a atualizao: 1. Voc pode atualizar o seu site do Joomla! 1,5 usando um componente adicional. Este componente carrega todos os arquivos necessrios com um clique no seu website Joomla! 1,5 e automaticamente converte-los para Joomla! 2,5. 2. Voc pode criar um site vazio Joomla! 2,5 e inserir os dados do site Joomla! 1,5 manualmente.

Atualizao automtica do Joomla! 1,5 para Joomla! 2,5


95

http://docs.joomla.org/Upgrade_1.6.5_to_1.7 Pgina 207

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante CUIDADO: O componente de atualizao que estou usando no permite a transferncia de dados de TODOS os componentes de terceiros. Mas, geralmente, eu acho que a idia boa. :-) Antes de comear, por favor, responda s seguintes perguntas com um SIM em alto e bom som. Ser que o seu ambiente de servidor atende aos requisitos mnimos para Joomla! 2.5? PHP, verso 5.2.4 ou maior (No para o Joomla 2.5, mas para o componente de atualizao, voc vai precisar do mdulo CURL do PHP.) MySQL, verso 5.0.4 ou maior So todas as extenses instaladas disponveis para Joomla! 2.5? D uma olhada no diretrio de extenses.96. E o template instalado estar disponvel para Joomla! 2,5, ou voc capaz de alter-lo manualmente? Aqui est uma boa apresentao por Chris Davenport 97. sobre o Joomla! 1,6 mas, em geral, nada de muito "importante" mudou no Joomla! 2,5. Voc capaz de criar uma cpia local do seu site? Voc capaz de criar uma cpia local do seu site? Voc experiente o suciente para mudar pequenos trechos de cdigo com instrues :-)? Se voc se sentir confortvel e respondeu todas as perguntas com sim ... vamos l!

Passo 1: Back-up

Antes de fazer qualquer outra coisa, faa um backup do seu site. Voc provavelmente j esto usando Akeeba Backup 98. Se no, instal-lo e faa um back-up do seu site!

Passo 2: Criar uma cpia local do seu site


Se voc congurar uma cpia local manualmente, voc vai precisar copie seus arquivos

96 97 98

http://extensions.joomla.org/extensions/advanced-search-results/524478 http://www.slideshare.net/chrisdavenport/template-changes-for-joomla-16 http://extensions.joomla.org/extensions/access-a-security/site-security/backup/1606 Pgina 208

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante dump sua base de dados do MySQL, criar um banco de dados local e importar o dump no seu servidor mude o arquivo conguration.php Voc tambm pode implementar o processo com Akeeba Backup, que permite que voc crie um pacote zip do seu site. Para criar um novo site a partir deste pacote, voc vai precisar do Akeeba Kickstarter.99 Copie os arquivos do kickstart e o pacote zip do seu website na pasta local do seu site (htdocs). Crie um banco de dados vazio para o seu Joomla! 1.5 Rode o kickstart.php. Presumivelmente, a URL ser semelhante http:// localhost/kickstart.php. Em seguida, siga as instrues.

Passo 3: Componente de Atualizao


Banners - 100% Categorias - 100% Contatos - 100% Contedo - 100% Menus - 100% Mdulos - 100% Newsfeeds - 100% Usurios - 100% Weblinks - 100%

H um componente de atualizao do Matias Aguirre100 .Os seguintes dados sero transferidos: Ele migra certamente

Instale o componente101 iem seu instalao local do Joomla! 1,5. Inicie-o e inicie a atualizao - que ele. :-) O componente cria uma pasta com o nome jupgrade e instala o Joomla! 2.5 variante do seu site 1,5 e nesta nova pasta (http://localhost/jupgrade).
99

http://www.akeebabackup.com http://twitter.com/maguirre http://redcomponent.com/jupgrade Pgina 209

100 101

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante O Template do ncleo do Joomla! 2,5 ativado.

Os arquivos de idiomas Template

Se voc usa Joomla! em uma lngua diferente do Ingls, voc primeiro tem que instalar os arquivos corretos de linguagem102 . Customize seu template e ative-o. http://docs.joomla.org/Upgrade_1.5_to_1.7

Mais Recursos ESTRATGIA DE DESENVOLVIMENTO GERAL DO JOOMLA!


Este grco lhe dar uma idia precisa do futuro (Figura 2).

102

http://extensions.joomla.org/extensions/languages/translations-for-joomla Pgina 210

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Figura 2: General Joomla Development Strategy (Graphic created by Sander Potjer103)

103

http://sanderpotjer.nl/
Pgina 211

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante

Captulo 23

Recursos
Este livro foi um comeo. Espero que tenham gostado de ler. Minha inteno era orient-lo atravs do Joomla! 2.5. Nem tudo foi coberto porque isso teria sido muito. Se voc quiser mergulhar mais profundamente estes tpicos, leia o Desenvolvimento em Joomla! Guia para Novatos 104. Que tipo de recursos teis esto l para voc aprender mais sobre Joomla! ou entrar em contato com a comunidade Joomla!?

COMUNIDADE
Como est escrito na parte de trs deste livro, Joomla! apoiado por uma comunidade mundial. Se voc gosta dessa idia, venha se juntar a ns!

Comunidade Ocial
Venha ser um membro http://community.joomla.org/. Leia a revista na comunidadehttp://magazine.joomla.org/. Talvez haja um grupo de usurios Joomla! perto de voc que voc pode participar. http://community.joomla.org/user-groups.html Se no, comece um voc mesmo! Twitter: http://twitter.com/joomla Grupo do Facebook : http://www.facebook.com/joomla Flickr: http://www.ickr.com/groups/joomla/

COMUNIDADE OFICIAL
Ocial:
Site Ocial: http://joomla.com.br/ Forum Ocial: http://forum.joomla.org/viewforum.php?f=23 Joomleiros - Comunidade Brasileira Ocial: http://joomleiros.org/ Joomla! Calango - JUG Ocial: http://joomlacalango.com/
104

http://cocoate.com/node/10106 Pgina 212

Monday, 30 January 2012

Joomla! 2.5 - Livro do Iniciante Joomla! Tch - JUG Ocial: http://www.joomlatche.com.br/

Principais Comunidades Independentes:


JoomlaClube - Maior Portal e Comunidade do Brasil: http://joomlaclube.com.br/ Joomla! Amaznia: http://www.joomlamazonia.com.br/ Joomla! Braslia:http://www.joomlabrasilia.org/ Joomla! RJ: www.joomlarj.com.br/ Joomlando - Tutoriais sobre Joomla: http://www.joomlabr.org/

DOCUMENTAO
http://docs.joomla.org/

CHECKLIST DE SEGURANA
http://docs.joomla.org/Security_Checklist_1_-_Getting_Started

EXTENSES JOOMLA! - JED TEMPLATES JOOMLA!

The Joomla extension directory provides more than 8,888 extensions - http://extensions.joomla.org/ No h diretrio central para templates gratuitos. No h diretrio central para templates comerciais. De qualquer forma, h uma srie de clubes de templates prossionais que fornecem templates Joomla!. Basta pesquisar na web e voc certamente vai encontrar algo que lhe seja conveniente.

EVENTOS

Joomla! conhecida pela seus Joomla! Days. O Joomla! Day um evento de um ou dois dias, organizado pela e para a comunidade. Uma lista de Joomla! Days pode ser encontrada aqui - http://community.joomla.org/events.html Existe uma conferncia internacional! Joomla na Europa chamado jandbeyond. V ao site http:// jandbeyond.org/ para maiores informaes. Em novembro de 2012 haver a primeira conferncia mundial de Joomla (San Jose) Data: 16th-18th Novembro 2012 Localizao: eBay Town Hall 2161 North First Street San Jose, CA 95131 USA Monday, 30 January 2012 Pgina 213

Joomla! 2.5 - Livro do Iniciante

Joomla! Day no Brasil


O Joomla!Day Brasil um evento nacional que acontece uma vez por ano em umas cidades escolhidas por votao. Em setembro de 2012, haver a sexta realizao do evento, que acontecer nos dias 7 e 8 na cidade de Belo Horizonte em Minas Gerais. V ao site ocial http://www.joomladaybrasil.org/2012/o-evento para maiores informaes.

O FUTURO

A comunidade planeja um ciclo de lanamento de seis meses, com base no nas idias das pessoas feitas no A prxima verso de longa durao Joomla! 3.5 ser lanada em 09/2013 O Network Joomla! developer, est sempre procurando por pessoas como voc :-) http://developer.joomla.org/

TREINAMENTO

http://resources.joomla.org/directory/support-services/training.html

SUPORTE COMERCIAL
http://resources.joomla.org/

HOSPEDAGEM
http://resources.joomla.org/directory/support-services/hosting.html

CERTIFICAO

No momento no h nenhuma possibilidade de obter a certicao em Joomla!.

Voc v, h bastante trabalho disponvel para voc, seus amigos e no resto do mundo :-).

Monday, 30 January 2012

Pgina 214

Joomla! 2.5 - Livro do Iniciante


Anncio

More books from cocoate

Monday, 30 January 2012

Pgina 215

Joomla! 2.5 - Livro do Iniciante

Anncio

cocoate.com
is the publisher of this book and an independent management consultancy, based in France and working internationally. Specialised in three areas Consulting, Coaching and Teaching cocoate.com develops web based strategies for process and project management and public relations; provides customized trainings for open source content management systems Drupal, Joomla and WordPress, in the area of management and leadership skills and develops educational projects with the focus on non-formal learning. The European educational projects focus on the promotion of lifelong learning with the goal of social integration. Particular emphasis is placed on learning methods in order to learn how to learn, the conception and realization of cross-generational learning strategies and local community development. http://cocoate.com

Monday, 30 January 2012

Pgina 216

Joomla! 2.5 - Livro do Iniciante


Anncio

Spend your holidays in Southern France


We were captive to the charme of this old French village from the beginning and that's why we live and work in Fitou. We restored an old village house into holiday apartments because we like to host guests and share with them our love for this region. Fitou is situated in the South of France, between Perpignan and Narbonne and is a typical French wine village having guarded the distinctive architectural village houses. The region around Fitou is known for its wine and is as diverse as it can be, situated not too far from the Pyrenees (one hour drive) and Spain. The Mediterranean climate allows you to enjoy the freshness of the Mediterranean sea at one of the beautiful beaches enclosing the tang from March until October, as Languedoc-Roussillon is the sunniest area in France. The country of Cathar offers not only old castles and abbeys but also the historical Canal du Midi. Our apartments can be rented during the whole year. The apartments are part of an old traditional stone house in the heart of Fitou. They have been carefully restored and modernized, respecting architectural aspects and conforming to the neighbouring houses. Feel free to discover our apartments and the region surrounding them! http://midi.com

Monday, 30 January 2012

Pgina 217