You are on page 1of 356
BARRIE M. NORTH Sumario Capitulo 1: Sistema Gerenciador de Conteddo e uma Introdugao ao Joomla! ..1 ‘O que é um Sistema Gerenciador de Contetido? (CMS) ... Pginas Web Estdticas Paginas Web com Fothas de Estilo am Cascata Paginas Web Dindmicas......... Open Sour. .eesesso Histéria do Joomlal...... Comunidade Joomla Desenvolvimento de Extensdes de Terceiros. 1 1 2 3 6 6 7 7 Caracteristicas de Joomlaniiianiwiees Le a Elementos de urn Website Joomla .... CARER ices critteespnttinien te sie TO Modulos 2... Modelos 0.2.0.0... Resumo..... Capitulo 2: Fazendo Download e Instalando o Joomla ..... Como eu instalo 0 Joomlal?... Onde Eu Encontro os Arquivos de joomla Mass Reventes? Descompactando a Joomia no Sew Computador Pessoa! Descompactando em ume Conta de Hospedagem Rodando o Wizard de Instalacéo de joomla ... Resumo ....,... Capitulo 3: Administragao basica do Joomla! .... Barna de Menu... Barra de Ferramentas, és Area dle triable ses sevens essere Fungdes do Administrador na Barrd de Mem. VILL Sumario Gi DPE SIC cxnacuerernoranteowreutsnane cenannnnenere Ptineanveanensecse dita diet SETS 32 Painelde Controle..chogateccocnietc seb tagaitiand Winaagenaininaiias wisscenasneees 33 Gerenciamento de Usudrio e Niveis de Controle de ACeS50 .......ccccscsesesessseereeess 34 Contetido... O: Narr COMPO RORIB, GUE Se A el a dS 41 Componentes... Moédulos........ Plugin.....-.. MES coer eee te eterna rrnce ee ete eee n EXPEMSOES:....nnnecensnrnecenrnaperneeseeenneansnemnnecensnenotsrenesenntenantscnsnnles Instalar/Desinstalar ..........0.00000000085 a Peau yaw daa yes Romener sane ese eeu Gerehitiad of de MGAUO sexsi: erzsscmevaacnnenancn eat eliimind Mai aersad 44 Gerenciador de PIUQIM..........ccccccscesesesscenenseeteescsensseeseeseaneenetenetetetsteereteens AD Garenciador de: hades ..n0sscscs sane dignet i baena oh 5d ae a as 46 Gerenciador de Idionidisecc0rscn ens eveney eoecee namoarenr ie 46 FAP AINOHEAS cescise cc conscornsonnnrza cneeexeaxasanseavannennennne steenaae nl REreieRee rae ORCC 47 CABG GIBHAL ococoneccncrxavccanconnte eee RL LAL BUTI Dc 47 ALU vensurnsnexnrersrsenermsonensenrnunenseapannavenserennnanenesannicendidddbkdavas slaps ieee 47 Preview da: Sitescccscceesrcccenaspecs cuca nua aaa EER 48 RESUS ceccxnsemee seq cena nnenereainenenemmnnmumsianenemeeeauenennmeneunamenenssennienissnhildinh 49 Capitulo 4: O Contetido é Rei: Organizando Seu Contetido............----:ssssees 51 Como o Joomla! Cria Paginas Web? .......cceccesesereeeeeeeeeteetteerteeeenrrens 51 Como o Joomla! Organiza os Artigos de Contetido? ........::cceeeretees 52 Artigos Ndo Cate gorizdds ......c.scsssessesesseseeneeseretesnaeseessseaneersneireneeseieisians 3D Sepdes ¢ Categorias.....s.cc.ceississ Gris RIEU oma Taauer TERT SOGHOS cu tivsizeseaqataunvivainiivsabes sina vecteevivieavebeakestsetnaeeiavens esate venceteansenTeseneesT ECs SS. CALC QOFIAS oo. .cscissscsescsescnsseesenenssssenseasnecsnsanessenssensecenseseentnsnnsnnerenenensenserenes 55 PUGS Sccccosscsncaviessnesnanena trea venennentass cremarunansureanenme raneenessan ennaca nessa SUR aUueatSD 55 Amostra de Hierarquia wit 56 Planéje'd8 SO(00S... cvccscvcssisvetessiicsuaiweritariecinssveaastsnsaseacesasenecsceuaiases dO: Phetniegje a5 CQte QOS «x cccencccercocnercaiveuccongvaranecieces tesa sngaranapepennengennnetey Oe. Planeje 0S Artigas ............ccccssessssssesessssseeeeneneeeseteteeneteneaceneneneneauansnesnsensines 56 Criando o Site Widget Inc. Com Conteudo Nao Categorizado............ 57 Criando Artigos de COntedde.......ccccscsssevesssessoeenseneseneneessstegertsrereneennaninsees IO Crianda Stans. de Men......--ccceces-ceccceesseesseceneenerencesenerodessstsnunbagauadenszoneceseenns 61 Componente da Peigina Inicial ..........cccccscuseseereseecterereseeeeetteeeneneseecinity 65 Criando o Widget Inc. com SecGes e Categorias...........csececrrrectie 69 Criando Segées..... nsneenerenarettnemanorsen ON AFT Criando Categorias... .cccccccccseccnceeeees ects cc re teeeesessststaasenasasanenesenerensesrirenss fe Criando Artigos de Contetido ..............cecccsceecscccssesesseeenensnenseneneneasereneens 74 Criando Itens de Me@nu...cccccccccccsssccenccentecnesnsecnstersectereseesereeenneeeseensaeenaeeestene 76 Criando Links para os Componentes ......-..+-+s.0 verre ies ieeesenscseesneetesesseeeanenaes 77 Links “Leia Mais” ¢ Paginas Individudis.........2.-cccsseccssssesiesteesesteetteeeeeeseeees BF Catitetido dé MGGUIG’....cccccnuverceenvececeenranedidiviusieadatebldubesbaess tote etass 83 ReSUiiO ecesseecescuxaesurrneneerennansavasommaascemnnennencecenicemiee eae benmen 87 Capitulo 5: Criando Menus e Navegacao.......... jaddasasanasneeessesdelecateccaasenadeves 89 Como Menus e Modulos Trabalham Juntos? .........cccccccsseeeeseenneeeeeees 89 O Que os Itens de Menu Fazem? ............:ccsccssesseerenrenees wi DI Criando um Iter de Menus..........cccccccscesereeerecntecscentastnasaraantneenensnnnenees eee Para onde um Item de Menu faz ur LINK? ........ccecceeceecceseesesecrnneeenees i G4 Como uma Pagina se Parece Depois de Seguir um Link?..........ccscsssseseeersrree IA Layout de Blog .........cssssssesecseseeesennenereseerseesteeersseeseneneeneetesetaneenenagy Pardmetros de Layout de Blog Pardmetros de Componente ..........:11-::2--1s0ee0+ Layout Padrao/Lista Para Uma Se¢ao............eccecseseeesereetereeeeeeeetens 100 Pardmetros de Layout de Segdo Padra0/Listd ........cs--0eeeeseereetteeterreccses 107 Layout Padrao/Lista Para Um Blog..........::s:cseseeeeeeereeeneteeneneeneneners 102 Parametros de categoria de Layout Padrdo/Lista............-+sssseeeseerseserenens 103 Gerenciad or: de MOdulosciccsscsssicceivcsivavesavecesvsorteseneescelbersedesesneererens 103 Parémetros de Médulo... rel sare 105. Sufixos de Menu e de Classe rm" Médulo iparkineii ‘Avie Mirwmarand TOG SUDIMEMNUS........0000ccccescesesseeseeesevsssercesnsenesesseseeseneeeeenecenennceneesaaagaaneny 106 RESUITIO’..--c--cncenncoreddsceiguiasasuaeevissheeeoreqane dbs Wind asiweabiasbnaeencnesnentenatenns 107 Capitulo 6: Estendendo 0 Joomlal .....--..sessscssessesserenteennenennersscentarerensnennes 109 O que Sao ExtensGes? .....ccccesseeceesecseesssseneeesseneeeeeeeeeneessenneeeeerenenens 109 Instalando ExtenSGes .....ccccccccccceeeeeeeeeeeeeeeteneneeeeeeeeeeeeeereerereeeeeeeeseeeee 110 Gerenciando Extens6es .............::ccccccceennrneeeeeeeeeeeeneennnetetennnenseseaeneeees 111 COMPONentts «0.2... ceeeeeeeeeeeseeeetetsaneeteeeeneenectenuetsetanerecsesessereeeeeees 112 Componentes Intern0S........-sccccccresssceiesscrssecnsesnenenteneseaneesesctsananennantentineets 113 Componentes:detTerceiros.s, .\8 28 ues, SUE el aU) ol PUI ee 113 MGUIGS i ecscessincencerscennnasnnemeenmuaseexraves cvasxmemnmnssans peers caaRaeeereeereeiees 116 Exibicdo do MOAUIO .......cccccccccccssccccssccesecesssesssentcsssesccsosssesseneeecaesecssseveseees 116 Modulos Interns 0.0.2... ....ccccc cc ccccseccescnnececececaseneesctasseececeeeseseeeeeesnsssesetananes 117 Midisigs Ge ConbGUAS INTBING cece cerca reece ae orem manneet 117 Médulos Internos de Componente Relacionado................20cccceseesesscsceeseeeeenes 118 Modulos Internos Variads ........0.......cccccccececcceseceeecsesetsseenssesenssceenseesereeeees 118 Wi Gel iglos he TAN CEt OS .2neneeorcneensecrznsnnarsennecesonaenbdedtasladitinsdllei Dealt Eile achanees 119 PLUS i ccescsniaamcacesnienvonn saci saniuuconannncamenasenncesvancen lbs Plugins Internos ........ 7 Plugins de Terceiros Modelos ...............ccccssseseeceeeceeeeeseessesceeecccceecccececeececcccecececeesseeeeeaaess 121 Modelos Internos................ccccccceccccceceesencececeensceeseensrscenencneneeceenersnseseeenteces 121 Moadeélos:de Tereaitos.sc:sscscccscus hat ol iaese ee iad ea Bebe eel 121 RESUMO oo .ccccccecceeceseceeeeseseeeeeeeeeesesseceeeseeeeeesseeeeneusseeueeeteeeeseesanneeeea 121 Capitulo 7: Expandindo seu Contetido:Artigos e Editores .............:.s000000 123 edits WMS WAV Gi ais onscaneancnnntanaanan elena AU Sv cewenuonens 123 Gerenciando Editores WYSIWYG .........c0.ccccccccccccesesescceceennteeeeesenseceeeensntsseees 125 Outros Editores de Terceir0s ..........cccecccscesscssseseesscsecnseeseresesesseceeteseeseeaseasens 127 Criando egerenciade artigos nos. leceo Baal nesnnsiiiss 128 Gerenciando Contetido Através do Backend ..............cccseceseeeeeceeeeeees 129 Adicionando Contetido pelo Backend ...scscccsssersrsresssenssnsnensrersnrnerisaesesesnses 130 Inserindo Imagens Dentro do Conteudo ........cssserrrsresresentnereersierseresrseces 13D Criando uma Tabela de Artigo de Contetido «.......0......sscceceeceetetetreteeeerees 138 Descrigées de Categoria e Se¢do..............-.. BA ATA OD EL EE ce eeecremaes 139 Preferéncias de Contetido de Artigo .............-.:0ccecccccsceeeseccsenenetsetensencnenenees 141 Gerenciando Contetido Através do Frontend ..........0.......cccseceeceeeeeeee 142 Criando um Frontend de Menu de Usudirio ..........0......c.000cc00ccecceeeersseensseees 142 Limitando Acesso aos Menus pelo Nivel de USUGIi0............ccccesieseierereereneneres 145 AUEOLES 0... cececeeeccceceesceceesennsececsensuceeeenteaeecsesssscessenaecececstsusseeecentnsceeeesaas 146 Editores ..... ww 149 Publicagiessccc cccrara ni hMnnRRnn ane BRR 150 CHECK AG ATI RO sccnnsssennnnsranseneenasimoncanenncramennsremeseenceemensamnnstnesens 151 RESUMNIO acer sccevaca aie ie Gas TRIER SS 151 Comegando pelo Comeco: Objetivos do Site ............ eee 153 Trafego Organico (SEO - Search Engine Optimization)............0+00+ 154 Introdugdo ao Google................0+- Pree ceriscman reece ceric Ege TmnEIEED Oe cere 157 Criando Palavrds-Chave ......ccccccccseeecceneeeeseeeecneensecceeeteateneenteeeneeteeecnennentas 158 Palavras-chave e Nome de DOminto...........:ccccccccsteceseeeeteenseesenseensensentens 160 Projetando seu Site para Acesso OFGAMICO.........c.c.ccccceseesecnenenenenteteneenenteies 160 Tébchieds SEO Avan ah et cA lecdccsscat etl essscdventnsssedveensasnvin neaaneosonsoasoneseee 166 Aumentando a Densidade da Palavra-Chave do Seu Site..........2.ccccccccseerte 166 Encaminhamento de Trafego Gd ge PAGERA BK sccccsanscsnescensesciscnseccmam acre cconceneys Usando o Webferret para Encontrar Sites .........1..:11ce000 Outras Estratégias de Construgdo de Links Efetuando Links Internos......2...ccccccccccsssscsesesescessesssenevansesseeaensnnnnnnrarensices Acesso Pay-Per-Click .........:cccccccececeeceeeeeseeeeeteetannrstastenesieeneaneseseenaens 178 Como o Google Adwords Function .........:c:cesseteectsse teers ntieeesneeeneneeeenenenes 179 Joorilal a AdWords iscccsssccssacessecrcvecscsceiccusccouwestasesnexcnsernonaaeneevneneton cites 180 Trdfego de Emmail.......ccccccceccsessensetseeneeeeenseeeessnsessenscoesetenenseneeteaerees 182 Extensées Joomla! para Newsletter...........sseceererrees jibavawenaEanewaL 184 Solugées de Email Hospedadas de Terceir0s........0...1:0cstssesseseeeeeeeeeneeetsecess 184 Integragdo dentro do Joomla .........-ceececceeesiseiseeessereneteetteteeteeeeens 186 J!Contact: Uma Integragdo do iContact e Joomla ...........ete cect renee 187 Extensoes SEF do: Joornlal sist ussecceadedstatecpanenetheecenncde needle aay ..... 187 ReSUMG seeeeemaaenamen nn erncecccnrn an iM URENRARNENE EOMNTE 187 Capitulo 9: Criando um Template Puramente em CSS...........+++ eacceeresererrenes TBO O que € um Template Joomla? 0.2.2... ccccceceeseee ees cee teteeeeeeeteeternees 189 Processo de Design do LocalHost...........:::scceecrrerererceseeeetesseneetsees 190 Op¢ées do Servidor LocalHost . 191 W3C e Tableless Design .............::::ssceeeeeteeeeee tne eeeeeeeceteneeneeeneenneneas 192 Cédigo Semanticamente Correto..........-..cc1 cies rec recree rene stcseteetetntenne 193 Cascading Style Sheets (CSS) ........:.+s:s:s-seereteseer ee etcteneeeeeveseeneeeaseneeceenteney 193 Criando um Template Simples ...........0:-::esceceeeeseeeeeeteeaeteeeesanseees Os Componentes de um Arquivo Templete .... Inde Dh -erererai: dike ES REY Um Template Joomla! em Branco... 1s . CSSTemplate TutorialStep 1 ...........00+. sce saescseaeas ite tl emesnap lt Paamiiene aairay ra EE Uso do CSS para Criar um Layout Tabbless .............0--escseeeeeteees 203 XI Sumario CSS Padrdo... be caepantatlae ld nee nnaue Reality Mace ealereerc neat ita Porn CSS Especifico es hail. kaa Ra Ci Hehacacecegnesaneesatenneronenen MOdUl0S er TENIPIAEES cos ccxscuresunsnesseseveorernsincccsonezuni neu Aackitss se Templates de Menus ..........ccccccccccsecesesceeeceseseceseeeens Escondendo Colunds .........ccsccccccesscsssesereecnseseeevsvssveeeees CSS Template Tutorial Step 2 Criando um Verdadeiro Template com Joomla! 1.5 .......0..0000.. sotaitanesa 224 Patan 6°PiGAn dO escsrscunccesrrsstes tes, «ie. 2} meonseyangnnneneensivcanenyunavedieneeurneureens 224 Ativando as LocalizagGes de MOdUIO.........0.0..0.6.c0cccccccscesvsesevscsescesesvevssveesevese 224 CAO CEO concn crvnenvasnenscivan cninvexsuxnevenasiex¥ dex coarse waxes nvesenomneusieeweirs nest onecaaeiin 225 Backgrounds de Cols ......c...cc.scssessvessevsenssessesscscssecusesceesssessecesssesevessavens 226 WSR TOS FITTS cassie soy cnvesccneressicie ger. sy oy eavoneconenseennrcsonaanevneneanaansers 228 Tipografia ... ‘ dee neteteatie cee OE Seyi ASOD CSSTemplateTutorialStep3. ese on gh UE ELV aR RN 232 Caracterfsticas Avancadas de Template ...........0..cccccceccceecsceenssevesneee 232 Pardinetros de Template cccccciecevccsnssisiercenccssiain sviseetsvis J eerie 233 Sobreposigdo de Termplates..........cccccccscssscssssestssescsesssessesesesesvavseessesveveveess 234 Joormla! Tableless........ccccsceseecseessesssescssssussevssesssssevevssssvasesseesataceesssseraese., 238 CSS Tetriplate Tuba cialSte pd ss csccessesausssossosetisouswire Saptcii snaps tathewteatdetnesntneneervene 238 PRESET Oe iacc rarsecancemanenapnepunuanenmes sare eee ont ter asgmunnane vices osecanieuunclaon 238 Capitulo 10: Criando um Site Escolar com Joomla! .........ssssessssessesssseseeeseee 241 Por que Precisamos de um Website escolar? ......c..cccccscsseessessrerenren 241 Alunos... a TAP nna naageg nea nyconpntenteirnntounseneamanceanencnevennaa need DBD Pokessara: e Adentntuadeves 1 HOEY VA aes cc escnsnnsuasenananenneree 242 OS PRIS cx ononeaceimrarsecnar ener ennaevar sneer emia arte mares mrcs scm 242 Quais as Caracteristicas Necessdrias em um Site Escolar? ..........00.06 242 Baixando e Instalando um Template de Escola...........::ccccccreeecesseeeees 243 As Caracteristicas e Posigoes de um Template Educacional............0c00ccc0ccccece0es 244 Configurando a Caixa de Pesquisa (Search Box) ..........ccccccccccccscescesseeseesessenes 245 Configurando o Menu Drop-down Horizontal Principal ..........20+00:00+000000c0s0000- 246 Organizando o Contetido de um Website Escolar ...........c00ccccseeseeees 247 Criando OS Me@nus ......0...cecceccececseeeessscseesssscesscsceesevseveteestnteestesees 251 Montane 6 Conta 6 srrsceencsece scare snctssecitinvatcubeantesinencenlueloneeeneneors 254 Criando a Sub-Navegagao .......ccccccccccccesescsecsssceseeessecsuseseesseeeeees 255 Sub-mens ACAdEMICO 2. ecesescsssvevsvscsecsesesseseseseessssesesecees eee 255 Configurando 0 Rodapeé ...c...-+-.ce reece L Fe Batre toe oie 259 Configurando a Pagina [NCTA egecsusee conan araperesssseveds Aad alee ieasdowe 260 Adicionando Funcionalidades Basicas para um Website de Escola....262 Registro de Usudirio ...........2scssseseressereceteeteeeanens Laima aE 262 Calenddrio de Eventos........... Documentos para Download Pesquisa de Opinido (Polls) Diretério do Corpo Docente eSB ER. sa cneocnnecne-nc0sLeh0s0BiS SSS SOs SaaS ESE hey RSS sccvespeceeeey sonra smegneiie vemceser seamen ae rasraa sein ea pene eaE nae a mR SRER ee EEN Imagens AleGtorids .......-cscesestsirsessecees eee teaeenesneceseecsneeseseateeecaneensescranntinas Mapa do Site ...c.ccscececcesseseceeteeneerecreeneneennenteasensenstneescteasennannereenats pynaeaes Extendendo o Site Escolar Além do Basico .........cccceceeceeeeeeeeeeeeeeeeeees 269 PRESET ccaneearaeenenncanwenengessseanpnnn.onnnmasnial il rae ea aes eor eeu 270 Capitulo 11: Criando um Site de Restaurante com 0 Joomla! «.....+..+++1+0++ wsan ell Por que um Restaurante Precisa Ge Li WEDSIEG? siscccccccvecesvenssecceceses 271 Quais sao as Caracteristicas Necessarias para um Website Ge REStAO PANE? sercscccssveescirecncaccvvearssasneavnecicnmn-eniimesnatereeeneeenemneeneny 272 Baixando e Instalando um Template de Restaurante ...........c00cseeeee 273 Organizando o Contetido do Website de um Restaurante ........0+ 274 Criando o Conteudo dos Artigos com Lorem |psum.........:0cceeeee 278 Criando Menus.........ccsceeissseccsssisassesseteaessecaeteeerenetetieaneanvescneerteneeess 279 Configurando a Pagina Imicial .........-.:-2::c:sccseseeseeeseeseeeeeeseneeeeetntens 282 Alternativa de Pagina Inicial Front Page Manager ...............ccsuereeeeieie 283 Criando Contetido de Rodapé ............1:10++ Nara dogma ee seeentistons 285 Criando Médulos Teaser BIOCKS .........cccccesssseescessesesssseseessseneeeesnenseeeerenses 286 Usando 0 Stock Imagery ........:ccccccecceeetecenenir eres seresteentsensseeeennneeas 289 Estendendo um Website de Restaurante.........:--esecceeeneeesseeeeeseneeens 291 Galeria de Imagens: JPG Flash Rotator 2............-2ccsscssesesecsnsesctenenenee tenets: 297 Calenddrio: JCal Pr0..........::ccccscesssecesescsnseansaabacnsnernensenseenineneteeaeaasenaneneceey 292 E-mail Marketing .........cccccccccccscsesesccccccccecceneneeenananececseseseueacnnaearaeneneeneenenes 292 Gadgle Maps. eccscscsssssssssssesscesenesssscssesesseennsneurenssianerseneeceneneeneneasnsaaannrads 293 RESUIMO cecececcccceccsceeuseceeeeedeseueeeesssaecenseeeneessseeeeueteneeaueeeeeesgeteoseeeuees 293 XIV Sumario Capitulo 12: Criando um Blog com Joomla! ..........000:00000 sahdiShaedenletebedeees 295 Osquer 6am Bl Og? ecnmeanenercosaemnanninnvesuannranenes einige teraNaune 295 Por que Ter Um Blog? o.oo... ees ceeseesssecsesscsscsecsecseenseseeesescsucesersssensens 296 Quais sdo as opgGes no mercado para quem quer criar um BIOg? ....0...-ccccc000.0.. 297 Que Caracteristicas so Necessdrias em um Blog?..........0.cccceccceceree 298 Baixando e Instalando um Template de Blog.........ccccccceceseseseeseseeeeees 299 Caracteristicas e Posig6es do Modelo Aqualine.........2.:.cccssssesussssseseecessseeceesaes 300 Con AOD LOD orcccxconesvsnsvnnacnasesvesrnnaimicuman tino weeguacenteeitarae ei 301 Configurando 0 Menu Drop Down horizontal Principidl.....00.-ccc0scccssesees0000-2. 301 Organizando o Conteddo em um Blog .....cccccssessesssesseseeesesseeeseeseees 302 Organizando um Blog Dentro de um Grande Site ...ccccceccscccssecescscsssssssseveses .. 302 Organizands um Blog Auténomo Criando os Menus .. wou Adicionando Médulos Dinamicos.. Adicionando Modulos Estdticos .........ccccccccccesesessesssecesceeescssstvsvsvessecsesessvseses Adicionando Funcionalidades Basicas a0 Blog. ..........cccsccseseseeeeseees 312 Formato Flex(Vel .....s.ssssesscsccssssesssvsvsssssssvenstsvssssstassssssssesesssesecavasavecsescavaces 312 Edigao Baseada em Navegador .....s.scsscsssssssssssssssessssvsrsssevssssnsavenssesersvenereees 312 Publicagdo Autormatizada ...ccccccccesccssssssvesescesescessssssssssssseseaveneeveees a BIZ COOPER ONES wy in bean dese ee recites AN pelle lei aces lun OA Ne ue e ae 312 Mecanismo de Busca Otimizado (SEO) para URLS .......cccccccscesesessssseesesseeeeves 312 Sistemas de Comentario Syrridication Feeds i sivsceusessieecctitise sides neneneeacnensssannnons Notificagdo via E-mail ......0..cccc000... BUSCA vocecccccceccccceseccesreeentseeeeees TRACRD GOR 05 penearcodssreMbeaseastsnaxnnvhasaaeoponmenradtrasvemencisaneitaerseenneecenss Entendendo um Blog Além do: Basico ii... deel aceameens 318 TAINS: a el Sous erst egd Sees RN Rae teat ote ete ne rant eee i accamrneals 318 ECO MINOR CE specs 55555, (ss: eaceanenennnnemrnnncennerseneh Heteieiel: Hive eMac aliectledicawns 318 RESON ve cemanceasnanuennenceacenads bene tiei Unt Abt ONES eco MeO et Bete an 319 Apéndice A: Recebendo Ajuda .....s.scsssssssccssesssstentssssssneeeseesssenee snseaeageaa a’ 321 F6rnins. da COMUMId ade veecccisisessxcieiiicsiseccenecceserceetedsierinevenesovecareeees 321 Sites de Ajuda... iccccccecsscesccescssssccssececessssuavensesssseseverensvssessussees 321 Buscando Ajuda no Google........eccecsesssessesseeteeteesscssenseeseeaeeeseceneneess 322 NM Apéndice B: Estudos de Caso do Joomla! ......-..+++1+s++e0e0+++ saieauavcostcuecniene cede Os Seis Estudos de Caso Feitos por Organizacoes Que Usam 0 Joomla! .....-ssccscsesesssssseessesnessenesteneneenssssennseennennnnensensasases 323 www yourwedding.com.au (MP Media) ....scesscicsscesee reer tentsesnenenennnesense 324 www. longwoodfl.org (Cidade de Longwood, Florida)........-.:s-sesiesiesersens 326 www. ropl.org (Royal Oak Public Library —Michigan) ......ssssercecrrrcr recess 328 www.telx.com (The Telx Group, INC. )..-...-.cssssesecesseserseenenenrees www.nzmac.com (NZMAC.COM)....cccecccesssesceresetertereiensenenareneeeenenne re sseraesets 332 www.everythingtreo.com (Everything Tr60) .......-.-sescsisstieeererseeeeeesereneneen 335 ReSUiPG ucekscisee eutearsaeeseceeeccessaaacereuserrencceranesenmeeenmennes caren 338 Apéndice C: Uma breve Abordagem sobre SEO spideutesuncwedecesicentenennensarnarrnne DOS 1. O Uso de uma Chave na Tag de Titulo ......:.eseeceeeeeeenereeetseneees 339 2. Texto Ancora vinculado a um Link (Link Inbound).........::ce 339 3. Link Global de Popularidade do Site (PageRank)... 339 4. Idade do Site .....ccccscesccceeceeseneecsssteeneecceceeeeeeessstensaeeseeeeesnsesteneetnns 340 5. Popularidade do Link Dentro do Site ..........-s:esesesenerseceseentetents 340 6. Relevancia de Tépicos com Links Vinculados e Popularidade de Link a0 Site.........ccccsccsssceseesenesseeesnsseteaeereseessnsueaseeasesnenereereteseerses 340 7. Popularidade de Link ao Site no Tépico da Comunidade .............. 340 8. Palavras-Chave no Corpo do TextO....ssscecvensrcerssesteestirenrnsestnanens 340 9. Tamanho do Arquivo .....ccccesseeeeesseeesseeneereesstennaeeetseeseessseennaeseasnees 341 10. URL Bem Defimidas...........scccsssceseenceeerereereeensresrereentnseneneeecnsesenes 341 11. Utilize as Suas Paginas de Erros........essscecsseseesereneeeeesessescenenrees 341 O que NAO esta AQui?.......sesseseseseeessessseeneneeetetensesnsesteesenenenneatenet tes 341 Apéndice D: Instalando o WAMP%S.........+-++++ sveusheanaweonnenennanes sssneesssoecsonareee DED indice ........... annennenssdsisii@eeaTee icnessasaeawenveseatuewe caasunveassvenesanssensseenssisivsii Ol Capitulo | Sistema Gerenciador de Contetido e uma Introdu¢ao ao Joomla! Neste capitulo N atual mundo acelerado da Internet, se vocé tiver um website que nado possua uma rica funcionalidade ou contetido atualizado, vocé estara em desvantagem em relacao aos que possuem. A idéia de potencializar websites com o Sistema Gerenciador de Conteti- do (CMS) ja esta presente ha algum tempo, mas apenas recentemente, com o adyento dos scripts CMS de cédigo aberto de alta qualidade, como o Joomla!, que vocé e eu podemos, finalmente, usar estas poderosas ferramentas CMS. Neste capitulo, explicarei em detalhes a diferenga entre um website “tradicional” ¢ um outro que usa CMS. Também farei uma retomada na histéria do Joomla! e darei uma descricao geral as suas caracteristicas. Estes sao alguns dos tdpicos que este capitulo aborda: m O que éum CMS e qual é a diferenca para um website “normal’?”. = O que é Joomla! e de onde ele veio? a O que Joomla! pode fazer? = Quais s4o os elementos basicos de uma pagina Joomla!? O que é um Sistema Gerenciador de Contetido? (CMS) O que exatamente é um CMS? Para entender melhor, vamos dar uma rdpida olhada na sua pagina virtual comum. Nés teremos que falar um pouco sobre a tecnologia das pagi- nas web, mas valerd a pena para poder entender o poder de um CMS. Para comegar, va- mos olhar para o desenvolvimento histérico das paginas web. Conceitualmente, ha dois aspectos de uma pagina web: o seu contetido e a apresentagao deste contetido. Durante a tiltima década, houve uma evolucdo em como estas duas partes interagem: * Paginas web estdticas — 0 contetido ¢ a apresentacao estao no mesmo arquivo. * Pdginas web em folhas de estilo em cascata — contetido e apresentagao estao separados. * P&4ginas web dinamicas — contetido e apresentacao estao scparados da pagina web em si. Paginas Web Estaticas Uma pagina web é feita de um conjunto de instrugGes eXtensible Hypertext Markup Language (XHTML)— que diz ao seu navegador como apresentar 0 contetido de uma 1 pagina web. Por exemplo, 0 cédigo pode dizer, “Pegue este titulo ‘Esta é uma pagina web, aumente-o ¢ deixe em negrito”.Os resultados irao parecer como algo na Figura 1.1. ey a et heme FIGURA 1.1 Resultados do cédigo em uma pagina web Este modo de criar uma pagina web esta ultrapassado, mas é espantoso como muitos designers ainda criam sites usando este método antiquado. Ele tem duas desvantagens principais: * ‘Todo o contetido mostrado na pagina (“Esta é uma pagina web”) e a apresentacio (grande e em negrito) esto amarrados. Se vocé quiser mudar a cor de todos os seus titulos, terd que percorrer todas as paginas no seu site para fazer isso. * As paginas tem tamanhos de arquivo grandes. Embora cada bit do contetido seja indi- vidualmente modelado, as paginas sio grandes, o que significa que leva muito tempo para carregar. Muitos especialistas concordam que isso também prejudica o bom desempenho das ferramentas de busca, pois paginas maiores sio mais dificeis para as ferramentas de busca indexarem. Paginas Web com Folhas de Estilo em Cascata O préximo passado em diregio 4 compreensao do CMS ¢ um recente (recente significa nos lltimos quatro ou cinco anos) desenvolvimento dos padrées web, um conjunto comum de “regras” que um navegador web como o Internet Explorer ou o Firefox usam para repro- duzir uma pagina web na sua tela. Um destes padrées envolve usar o CSS para controlar a apresentacao visual da sua pagina. O CSS é um mecanismo simples para adicionar estilo (por exemplo, fontes, cores, espacamento, e assim por diante) aos documentos web. Toda esta informagao da apresentac4o se encontra em arquivos separados do conteudo. Agora a pagina gerada pode se parecer com a Figura 1.2 O que é um Sistema Gerenciador de Conteudo? 3 ae a a De Sere FIGURA 1.2 Pagina moderna web usando CSS Agora 0 arquivo contendo o contetido esté muito menor porque ele nao contém a apre- sentacdo ou informacao de estilo. Todo estilo foi colocado em um arquivo separado que o navegador Ié e “organiza em camadas” o contetido para produzir o resultado final. Usar CSS para controlar a apresenta¢ao do contetido tem grandes vantagens: * Manter e revisar a pagina é muito mais ficil. Se vocé precisar mudar as cores de todos os titulos, poderd apenas mudar uma linha no arquivo CSS. * Ambos os arquivos sa0 muito menores, 0 que permite que os dados carreguem mais rapidamente do que se nao estivesse usando CSS. * Qarquivo CSS tem a vantagem adicional de que podera ser armazenado (cache) no computador local do usudrio, nao sendo necessdrio ser feito o download da web toda vez que for acessar a pagina. Paginas Web Dinamicas Paginas web dinamicas sao as criadas por um CMS. Um CMS faz pelo contetido o que um CSS faz pela apresentagao. Leia esta frase cuidadosamente mais uma vez. Onde CSS separou a apresentacao do con- tetido, um CMS separa o contetido da pagina. Isto pode parecer que nada sobrou, mas na realidade o que sobra pode ser chamado de “placeholders” (espago reservado para adicionar o contetido fururo.). Isto pode ser representado na Figura 1.3. 4 Capitulo 1 Sistema Gerenciador de Contetido ¢ uma Introducao ac Joomla! a L | Sram yrcecees,, abdact | itt FIGURA 1.3 Estrutura de uma pagina web CMS A instrugao “Put some content here” (Ponha algum contetido aqui) diz ao CMS para pegar algum contetido do banco de dados, 0 “contetido puro”, ¢ colocd4-lo em um designado local na pagina. Vocé deve estar pensando, “Entao qual a utilidade deste artificio?”. Na verdade, é muito poderoso. Ele divide as responsabilidades de desenvolver um website. O web de- signer pode se preocupar com a apresentagao / design e os “placeholders” . Isto significa que pessoas sem conhecimento técnico podem ser responsdveis pelo contetido - as palavras € figuras de um website. A maioria dos CMS tem ferramentas embutidas para gerenciar a publicacao do contetido. Com isto em mente, é possivel imaginar um fluxo de trabalho para gerenciamento de contetido que envolva tanto os designers quanto os autores do contetido. (veja Figura 1.4) Administracdo CMS FIGURA 1.4 O CMS gerencia a publicacao do contetido Um CMS torna as paginas dindmicas: Elas nao existem realmente até que vocé siga um link (uma conexao) para visualiza-las. Isto significa que elas podem ser atualizadas / personaliza- das baseadas nas interagdes do usuario com a pdgina. Por exemplo, se vocé colocar um item em um carrinho de compras, este item agora aparece na pagina de carrinho de compras. Ele ficou armazenado em um banco de dados e agora é posto dentro do “placeholder de carrinho de compras”. Muitas aplicacdes web complexas sao de fato mini CMSs (por esta definigéo), como féruns, carrinhos de compra ¢ livro de visitas, para citar apenas alguns. Outro bom exemplo de CMSs sao os blogs. Eles tem um “modelo” que representa todo o O que é um Sistema de Gestio de Contetidos? 5 contetido (ou postagens, neste caso), ¢ blogs sao ficeis de editar e publicar. O crescimento no uso de CMSs para potencializar websites é provavelmente devido, em parte, ao grande aumento na popularidade de ferramentas de blog tais como Blogger e Wordpress. A gama de CMSs disponiveis é extensa desde versdes de escala empresarial, que custam $300,000, até versdes de cédigo aberto, como o Joomla!, que s4o gratuitas. CMSs moder- nos s4o geralmente definidos pela sua capacidade de gerenciar e publicar contetido. Eles tipicamente tém um processo de trabalho que comega na criagao do contetido e segue para a publicagao. A maioria faz muito mais: Eles tem a capacidade de adicionar uma grande gama de extenses ou plugins para dar ao site mais funcionalidade. De foruns a boletins, o Joomla! tem mais de 2000 extensdes plugaveis disponiveis, muitas das quais sao gratuitas e criadas por desenvolvedores voluntarios de todo o mundo. O repositério oficial esta em extensions.joomla.org e um repositério especializado em extensdes comerciais pode ser en- contrado em www.extensionprofessionals.com. Ambos tém uma classificagao ¢ um sistema de revisdo (sendo o proprio uma extensao!). Had uma grande desvantagem de usar um CMS. Eles podem ser extremamente com- plexos, contendo milhares de arquivos ¢ scripts que trabalham juntos e em conjunto com os bancos de dados para apresentar o website. Normalmente, isto significa que um site CMS serd modelado e criado por uma equipe técnica, e gerenciado e dirigido por usudrios no-técnicos. O Joomla! ¢ provavelmente o mais facil de configurar entre todos os CMSs atualmente disponiveis, que permite aos usudrio com as mais modestas habilidades técnicas aproveitar o seu poder. Este é especificamente o objetivo deste livro, guiar passo a passo o usuario sem habilidades técnicas ao aprendizado de criar e gerenciar um site desenvolvido pelo Joomla!. Este conceito de “dificil de organizar, mas facil de crescer” pode ser resumido na Tabela 1.1 TABELA 1.1 Comparacdo de Websites Estaticas e CMSs Website Estatico Sistema Gerenciador de Conteddo Facilidade de criar paginas web iniciais. Para criar a pagina inicial se consome tempo, pois um grande script deve ser instalado, bancos de dados configurados e modelos criados. 6 Capitulo 1 Sistema Gerenciador de Contetido ¢ uma Introdugio ac Joomla! O conteudo é estatico, muda-lo requer O conteudo é dinamico, pode ser modificado sem competéncia técnica. nenhum conhecimento técnico. Dificuldade de adicionar novas funcées, A maioria dos CMSs possui muitas extensdes que freqiientemente precisa de codigos se “integram” facilmente customizados. Os Sistemas Gerenciadores de Contetido ja existem hd algum tempo, mas hd outro fator que tem contribuido para o aumento da sua popularidade e facilidade de uso: 0 crescimento do movimento de software de cédigo aberto (open source). Open Source Em 1998, a Netscape foi contra a sabedoria universal de como liberar cédigo usando para isso o seu proprio navegador, Netscape, de maneira gratuita para todos. Este marco foi a chave para criar um movimento filosdfico entre os desenvolvedores de cddigo, onde o software seria criado por grandes comunidades de desenvolvedores ¢ liberado abertamente para o mundo. Como a Web tem crescido explosivamente, temos visto software de cédigo aberto crescer e amadurecer para potencializar a Web. Os mais significantes sao quatro que, coletivamente, sao referenciados como “LAMP”: Linux, Apache, MySQL e PHP = Linux — Um sistema operacional Apache — Software para rodar um servidor web MySQL — Poderoso software de banco de dados PHP — Uma linguagem de programagao usada para escrever scripts complexos que criam uma funcionalidade interativa com os bancos de dados O LAMP permitiu aos desenvolvedores criarem aplicagées poderosas usando a linguagem de programacao PHP. Uma area especifica de crescimento tem sido o desenvolvimento de CMSs que s4o escritos em PHP tais como Xoops, Post-Nuke, Wordpress, Mambo, Drupal e Joomla’. A Histéria do Joomla! O Joomla! ¢ um poderoso CMS open source que tem crescido em popularidade desde a reformulacio do “Mambo”, em 2006. Suas duas caracteristicas-chave — facilidade de ad- ministragéo ¢ flexibilidade de modelagem — o tem levado a ser usado para potencializar tudo, desde Intranets empresariais até sites de escolas de bairro. Ao invés de tentar explicar os detalhes, darei um pequeno trecho do website do Joomla! (dev.joomla.org/component/ option,com_jd-wp/Itemid,33/p,79/), escrito pelo desenvolvedor chefe anterior, Andrew Eddie, do Joomla!: O Mambo foi originalmente desenvolvido por uma companhia, com sede em Melbourne (Australia), chamada Miro, em 2000. Histériado Joomla 7 A Miro liberou publicamente seu cédigo pelos nomes de Server Site Mambo e depois Mambo Open Source na versdo 3 em abril de 2001 sob a licen¢a GNU GPL. Em 2004, a Linux Format premia o Mambo como “O Melhor Projeto de Softwa- re Livre” do Ano e Linux User and Developer a nomeia como “Melhor Software Linux ou Open Source”. Antes de tudo, o modelo Mambo oferecido torna-se o mais eficiente e invejado “Sistema Gerenciador de Conteuido do Dia”. 2005 traz mais prémios importantes como “Melhor Solucao Open Source” e “Melhor do Show - Solugao Total de Industria” no LinuxWorld Boston e “Melhor Solucao Open Source” no LinuxWorld Sao Francisco. Lamentavelmente, em agosto de 2005, uma disputa se desenvolve envolvendo o cumprimento de decisées dentro do Comité de Condugao do Mambo. Todo o diretério interno decide romper os lagos com a Miro e deixar o projeto. Eles se reagrupam com o nome de Open Source Matters (Quest6es Open Source). Apés uma séria limpeza, polimento e reforma, a Open Source Matters criou o Joomla! 1.0 em setembro de 2005. Nos meses seguintes, o Mambo também reforma suas prdéprias equipes e estruturas de suporte, abandonando o tra- balho avancado na versao original 4.5.3 e optando por continuar a sustentar o atual cdédigo base estavel. Com 0 tempo nos conduzindo bem para 2006, tanto Mambo quanto Joomla! continuam a ganhar prémios, ambos sendo pesadamente baseados no cédigo base original 4.5.2. Na época desta descricdo, ambos os projetos estavam envolvidos em pesados esforcos de aprimoramento do novo Mambo 4.6 edo Joomla! 1.5. Mambo hoje - mesmo nome, mesmo cédigo base, equipe diferente. Joomla! hoje - nome diferente, mesmo cédigo base, mesma equipe. Comunidade Joomla! A comunidade Joomla! é grande e ativa. O forum oficial em férum.joomla.org tem (a partir deste escrito) mais de 110.000 membros, tornando-o talvez um dos maiores foruns da Web. Junto com isso, ha muitos féruns nos sites internacionais de Joomla!. Ha também muitos outros sites de terceiros, tais como joomlashack.com (90.000 membros). Embora seja uma medic¢ao grosseira, é uma maneira util de se ver o quao grande a comunidade ao redor do Joomla! pode realmente ser. Uma comunidade grande ¢ ativa, medida aqui pelos membros dos féruns é um fator importante no sucesso de um projeto open source. Desenvolvimento de Extensdes de Terceiros O Joomla! € talvez o tinico dentre os CMSs open source em tamanho e natureza que desenvolvedores nao-oficiais criam extens6es para ele. E dificil encontrar um site Joomla! que nao use uma destas, O verdadeiro poder do Joomla! é 0 impressionante nimero de extensGes que existem para ele. 8 Capitulo 1 Sistema Gerenciador de Contetido ¢ uma Introdugao ao Joomla! A natureza destes desenvolvedores também é interessante. Ha uma alta proporcao atipica de desenvolvedores comerciais ¢ empresas criando extensdes profissionais para o Joomla. Embora a relacao do open source € do desenvolvimento comercial nao seja a de compa- nheiros, muitos comentaristas tém apontado esta caracterfstica do projeto Joomla! como um significante contribuinte para o scu crescimento, Caracteristicas do Joomla! O Joomla! tem um numero de caracteristicas “out-of-box”. Ao baixar o Joomla! do www. joomla.org, vocé recebe um arquivo zip de aproximadamente 5MB que precisa ser instalado em um servidor web. Feito isto, extraia todos os arquivos e entre com algumas informagées no banco de dados. Sem uma ordem particular, algumas das caracteristicas presentes na instalagao base incluem: * Simples revisdo / criagao do contetido usando um editor de texto do website principal ou de um site oculto de administracao. * Registro do usuario e habilidade para rescringir a visitacao de pagina baseado no nivel do usuario * Controle de edicao e publicagao do contetido baseado em varios niveis de usuario admin * Pesquisas * Formuldrios de contato simples * Site de estatisticas publico * Detalhes privados de estatistica de visitacao do site * Funcionalidade de busca embutida no site * Enviar e-mail, capacidade de formato PDF e de impressao * Padres RSS (e outros) * Sistema simples de classificagao de contetido ¢ Mostrar noticias (newsfeeds) de outros sites Como pode ver, ha enormes caracteristicas ofertadas pelo Joomla!. Ter um web designer crian- do tudo isso para um site estdtico, poderia custar milhares de dolares, mas isso nao para por aqui. Joomla! tem uma massiva comunidade de desenvolvedores no mundo todo (mais de 30.000) que contribuiu com mais de 2000 extensdes para Joomla!, sendo a maioria gratuita. Alguns dos tipos mais populares incluem: * Féruns * Carrinhos de compras ¢ E-mails informativos/noticias (Newsletters) * Calendarios * Gerenciador de documentos ¢ Galerias ¢ Formuldrios « Diretérios Vocé pode instalar cada uma destas extensoes no Joomla! para estender de alguma forma a sua funcionalidade. Parte da popularidade do Joomla! ¢ a disponibilidade da grande e diversa gama destas extensoes. Elementos de um Website Joomla 9 Para personalizar seu site ainda mais, vocé pode facilmente encontrar extens6es altamen- te especializadas para suas necessidades: © Gerenciadores de receitas * Gerenciamento de suporte/ajuda * Rastreamento de torneio de pescaria * Uso do AdSense * Gerenciamento de multiplos sites « Reservas de quartos em hotel Vocé tem a idéia! O Apéndice B, “Estudos de Caso do Joomla!”, apresenta cinco estudos de caso de varios websites produzidos por Joomla!. Elementos de um Website Joomla! Um website Joomla! tem diversos elementos que trabalham juntos para produzir uma pa- gina web. Os trés principais elementos sao contetido, médulos e 0 template. O conteido é o aspecto interno do site, o template controla como o site é apresentado e os médulos adicionam funcionalidades. Pense nestes trés elementos - contetido, médulos ¢ template— como trés pernas apoiando um banco. Se tirar qualquer um destes elementos-chave, a pagina (0 banco) vai cair. Na Figura 1.5, podemos ver a pagina www.compassdesigns.net, um popular blog sobre Joomla! (OK, Eu admito, é meu — uma propaganda descarada!). me ee nm at Te aad | 2 ieee terrae: dma Bog een a ate ari Pam wr man ea Joona Tatirinls | = arn deta ida de be of ae ay oe Yo 1 LIA A a IRA | Sea ee rere en ee ee ee eaites | serene et tee ee on ew to ve | So apm ne ee te mee we | em as a a eT reohing | a ren el ee | em ten inet ei ae mae a amen screen, ee ee ihe = foe a 1 beer ery sme =n Seen 1 oarera Fee iam ve semen ene cemeen 04 oe te tee nee ees fee secs ep MM rec RO | antes Smee 2 ha oman 98 — oo | eee orem ae 2 ae ne Se er eam ae zeaey ome a ota foot een ce nee ae mie eee eee ema nee en an | een ere et 1 Ee a tomer mene _ —s \ ew 2 ome netamteene wnt .: See =o nei owe Se fae) amare ee I tr | Reem mt ha eerie —— + espe cacgeeitins nnanineapisr mums Seeminetmen medaceescenndinnaiion } } geen i FIGURA 1.5 Um site Joomla!, www.compassdesigns.net 10 Capitulo 1 Sistema Gerenciador de Conveido e uma Introdugao ao Joomla! A Figura 1.6 destaca dois dos trés elementos de uma pagina Joomlal. O terceiro, o mo- delo, é evidente pela cor, graficos, layout e fonte (aquelas sendo parte do modelo). Nesta pagina web Joomla! o contetido é uma grande coluna com uma lista de links para tutoriais sobre Joomla!. Varios médulos sao apresentados na coluna do lado direito e tam- bém no topo e na parte de baixo. Home + Downie Tutocuala Regazuar fee toxoral epetemes RegmRSPANGT Fe GA RRR! URTRNNN Ae ur PUREE. RS fred, are pur ermine male ew tn Kgs pO ‘hae ete ea ate Mt Caray ween te ou arte an eae tensed pe f || stout loomla. Tey cnet harew come ad every D0 marci, art can Ine fiowritpwten fromm ses BE Key you want thera an BF farm. Date ena fae ‘day, *5 Gaptembes 2006 or eta er 1.8 Sraiay 38 Seckeber BOE Creating Bg Bin WA Jecente: Piktay 28 Bay FOG CORSA Ts RANG A Regine Giana Wo organi ning content mr soem | icra 18 ach 88 Fuurves ieesetote Suton jenn > See =o (mamepedy)_ ‘stenay, 21 Newembar 300% Ke Dakine) a 3 coftamey Jouanis Thenm ot yor formed weenie AMane Tormprane CA Ss ter oom hese Wee Dewar tome ist eatlbin gabe ster etn nme trem ae th rh ore ar pee ange rs oon em me ve wet, owe 1 Cremiing wR wi enh gain Magers Someones mares ae Sapa ae niet Hp seyind Bar yoo susan sm Ff page Orr om nae oan ef pour seca nna ape ran one ant } exctrat axtraanet! ape eo FIGURA 1.6 Os elementos de uma pagina ewch jenkabit Contetido A parte mais importante de um website é o contetido e vocé provavelmente deve ter escuta- do a frase “Contetido é Rei”. O Joomla!, como um CMS, ird ajudd-lo a criar, publicar e ge- renciar o seu contetido de forma eficiente. Quando falo sobre contetido aqui, estou falando sobre a carne e as batatas da sua pagina web — a coisa importante no meio da pagina para a qual o usuario esta olhando. Joomla!, na verdade, tem um nome especifico para este nticleo da pagina; ele o chama de corpo principal da pagina. Esta ¢ geralmente a maior coluna e é colocada no meio. O contetido no corpo principal é gerado de um componente. O maior ¢ mais impor- tante componente no Joomla! é aquele que se encarrega de todos os artigos, os itens de contetido individual no site. Na realidade, é tio importante que freqiientemente vocé os encontrar referenciados como Artigos de Contetido. Na instalagao padrao do Joomlal, ha também alguns outros componentes que irao gerar contetido no corpo principal, tais como weblinks e contatos. Muitos componentes de terceiras existem e irdo gerar contetido no corpo principal. Exemplos incluem féruns ¢ carrinhos de compra. Hlementos de um Website Joomla 11 Médulos Os Médzudos sao os menores blocos funcionais que geralmente sao mostrados ao redor da parte principal da pdégina, como uma pesquisa/andlise, formuldrio de login ou noticias de ultima hora. No exemplo na Figura 1.6, ha médulos no topo: uma busca e um menu. Na coluna direita esta um médulo RSS e, entéo, um formulario de login ou noticias de ultima hora. Na parte de baixo da pdgina ha um formulario de assinatura de recebimento de noticias por email. Componentes e médulos sao geralmente referenciados como extensdes porque cles es- tendem a funcionalidade do seu site. Templates Um template (ou modelo) é simplesmente um conjunto de regras sobre apresentacao, Por exemplo, um modelo determina quantas colunas usar ¢ quais cores serio os titulos. Um modelo também determina o layout ou posicionamento da pagina web. i Hae ea re Contedido Cru do Banco de Dados O Modelo Web Page Vista no Final FIGURA 1.7 Como uma pagina € construida através de um banco de dados CMS 12 Capirulo 1 _ Sistema Gerenciader de Conteido e uma Introdugio ao Joomla! Resumo Joomla! é um étimo sistema gerenciador de contetido de baixo custo que tem a capacidade de produzir websites sofisticados. Neste capitulo, vimos a natureza de um CMS, de onde o Joomla! surgiu, o que ele pode fazer ¢ o que constitui uma pagina web Joomlal. Modernos websites separam o contetido da apresenta¢ao usando uma tecno- logia conhecida como Folha de Estilo em Cascata (CSS). Um CMS separa totalmente o contetido das paginas dos seus formatos graficos. Isto faz com que seja facil manter o site amplamente coerente no design e facil de alterar. Também torna a adicao de contetido facil para pes- soas ndo-técnicas. Joomla! é um exemplo de software de cédigo aberto. E criado por uma comu- nidade mundial de desenvolvedores e distribuido sem nenhum custo. Joomla! tem uma rica funcionalidade em seu pacote padrao. Ele pode ser ainda estendido a quase qualquer nicho de aplicacao através da GPL e de extensdes de baixo custo comercial através de extensions.Joomla!.org e www.extension- professionals.com. O corpo principal de uma pagina web Joomla! carrega contetido dos compo- nentes. O componente mais importante é 0 que gerencia todos os artigos. Um modelo atua como um filtro (ou lentes). Ele controla todos os aspectos de apresentacao das paginas web. Nao possui nenhum contetido, mas pode incluir logos. Capitulo = Fazendo Download e Instalando Joomla! Neste Capitulo oomla! é um dos mais populares Sistemas Gerenciadores de Contetido (CMS) open source do planeta. O primeiro passo para se tornar parte da “Joomlasphere”, a vibrante comunida- e que existe ao redor do Projeto Joomlal, é baixar o Joomla! ¢ instalar no seu servidor web. Este capitulo mostra como ter um site Joomla! pronto e rodando. Os dois passos so encon- trar € baixar os Ultimos arquivos, e instald-los em um servidor web. Este capitulo descreve tanto a instalacao local (no seu computador pessoal) para usar enquanto vocé lé este livro (se nao tiver uma conta de hospedagem ou tem uma conexdo lenta com a Internet) quanto instalagées em um servidor web real. Os tépicos abordados neste capitulo sao: = Como eu instalo 0 Joomla!? Onde eu encontro os arquivos do Joomla! mais recentes? Como eu descompacto os arquivos do Joomla! em meu computador pessoal? Como eu descompacto os arquivos do Joomla! em uma conta de hospedagem? Como eu uso o wizard de instalacdo do Joomla!? Como eu posso apoiar o Projeto Joomla! ? Como Eu Instalo Joomla!? O processo de instalacao do Joomla! envolve trés passos: 1. Obter o pacote de arquivos Joomla! mais recente. 2. Descompactar o pacote em um servidor. 3. Usar 0 wizard via navegador para completar a instalac4o. Nos veremos um por vez. Ha dois caminhos alternativos que vocé pode fazer para o pas- so 2: descompactar o pacote de arquivo Joomla! em uma conta de hospedagem remota ou criar um servidor web que rode em seu computador pessoal ou laptop. Esta segunda técnica é uma maneira util de testar o Joomla! na criagao de um site e entao transferi-lo para uma conta de hospedagem. Onde Eu Encontro os Arquivos do Joomla! Mais Recentes? A pagina do projeto Joomla! ¢ www.joomla.org, Este € 0 site que atua como ponto de refe- réncia para a comunidade de usuarios ¢ desenvolvedores que sao partes da “Joomlasphere”. O site do Joomla! é na verdade uma colegao de segées separadas e sites para diferentes aspec- tos do projeto — com uma excegio: Eles sao todos feitos em Joomlal. 13 * www.joomla.org - O site principal do Joomla! ¢ novidades. Fle lista os novos blogs oficiais do Joomla!. Vocé pode fazer a assinatura para receber as novidades via RSS clicando no link na coluna esquerda. * help.joomla.org — documentacao e ajuda do Joomlal. Esta secao é cheia de guias, telas de ajuda e FAQs para ajudd-lo a criar ¢ rodar seu site Joomla!. Também ¢ encon- trado aqui o manual oficial do Joomla!, versao atual 1.1.11. * forum,joomla.org — com mais de 120,000 membros na época desta escrita, o forum oficial do Joomla! é um dos maiores féruns da web. Vocé pode conseguir ajuda da ativa comunidade Joomlal, seja para modelos, tradugdes, componentes ou apenas uma questao de ajuda geral. Quando estiver pedindo ajuda, lembre-se de que o forum é todo composto por voluntarios, entao forneca o maximo de detalhes que puder quan- to ao seu problema e seja gentil. * extensions.joomla.org — 0 diretério de extensdes do Joomla! acumulou mais de 2.000 extensées de terceiros. Dividido em componentes, médulos e¢ plugins, este é o lugar para estender a funcionalidade do seu website Joomla!. Inclui até mesmo revisdes uteis ¢ ferramentas de classificagao, assim vocé pode ver o que as outras pessoas pen- sam sobre uma extensao em particular. * shop.joomla.org — adquira aqui sua camiseta Joomla! * dev.joomla.org — para desenvolvedores, aqui é onde vocé pode encontrar documen- tacio sobre a API do Joomlal, blogs para varios desenvolvedores da equipe central e varios wikis ¢ tutoriais. O ultimo site é 0 unico que n4o roda em Joomla!, mas é sobre o qual estamos interessados agora. E. chamado de the forge e esta localizado em www.joomlacode.org. Ele serve como repositério de cddigo tanto para os principais arquivos Joomla! quanto para as centenas de extensoes GPL de terceiros. No momento que escrevo este livro, a proxima geracao do Joomla!, a versio 1.5, ¢ ain- da uma versio conhecida como Release Candidate (ou seja, Candidato a Liberagao). Isto significa que o desenvolvimento de novas caracteristicas foi congelado e bugs que foram encontrados na versio Beta estao sendo corrigidos ¢ estarao prontos para um release estavel. Esperamos que no momento em que esteja lendo este livro, j4 haja um release estavel. Com isto em mente, saiba que a seguinte descrigao de como baixar arquivos Joomla! ¢ passivel de mudanga, mas tentarei explicar o conceito geral de como o the forge funciona, assim vocé sera capaz de encontrar os arquivos de que necessita. Na pagina do Joomla! havera alguns bot6es que fazem um link diretamente aos arquivos do the forge. Neste momento eles se parecem com a Figura 2.1 | Fi Jcomia! | FIGURA 2.1 Os botées de download na pagina www.joomla.org Quando vocé clica o botao para baixar o 1.5 RCI, é direcionado para o the forge em joomlacode.org. Nos, na verdade, navegamos alguns niveis dentro do site e os arquivos que precisamos baixar séo mostrados na Figura 2.2. Como Eu Instalo Joomla!? 15 mia! F Home | news | iio | soe | Farum | Eamonscim | Oey IR ee JoomlaCode.org doomialt SRE 2007-07-20 02.00.00 Joomta-15AC.zip SMB. watt Joomle-SRG tage MB aaae Pe uUe ae ta 3uB q 4835 FIGURA 2.2 Arquivos Joomla! 1.5 Aqui vemos diversos formatos/tipos diferentes de compressao do mesmo arquivo: zip. gz e bz2. Geralmente baixo 0 arquivo zip; é um pouco maior, porém mais universal. Apenas clique naquele que deseja e vocé teré uma caixa de didlogo perguntando se quer salvar o arquivo no seu computador. Antes de continuarmos, vamos dar uma rapida olhada em como os arquivos sao estrutu- rados na versao antiga do Joomla!, 1.0.12. E mais do que provavel que a versio 1.5 ird seguir um formato similar. Se clicarmos no botao para baixar o 1.0.12, teremos uma escolha um pouco diferente, como mostrada na Figura 2.3. A parte de baixo da tela foi cortada ¢ o que precisamos é da idéia geral. Vocé vera que na metade de baixo estao os arquivos para o pacote completo para esta versio; aqui é chamado de Joomla! 1.1.12 — Stable-Full_Package.zip. Existem as mesmas trés ver- soes de compressio como no 1.5. Ha também muitos pacotes que sao atualizados baseados em qual versao vocé instalou. A convencao de nomenclatura de versionamento para 0 Joomla! é “A.B.C”, a qual represen- ta os seguintes elementos: * A-=Ndmero de release principal - Atualmente todas as versées de Joomla! come- gam com “1” (1.X.X). * B=Niimero de release secundario - Este livro é baseado no Joomla! 1.5, ao contrd- rio da versio anterior 1.0. ¢ C= Numero de release de manutengao - Arualmente a série 1.0 se encontra na yersao 1.0.13, entao houve 13 releases de manutencao. Esperaramos que o 1.5 siga um padrio similar comegando em 1.5.0 para o release estavel. 16 Capitulo 2 Fazendo Download ¢ Instalando Joomla! -eeture — Jopenta_1.0.40.to.1.012-Sreble-Paich_ Package tar be? Sssreks_1 12 Stade, Fill Package ip B: Wstort | Hower 1 01 Jo, 1 0 42° Stible. Path Pscdge bar bu? SF Mure JON 7.0,1_00 1.0 1b-Otatee Patch _Pecape ie ieweine Joerin 101 be, At oubie Puch Pesce te Como Eu Instalo Joomla!? 17 A equipe de desenvolvimento compreende as necessidades de migragao do Joomla!. No momento em que vocé Ié isto, hayera um processo desenvolvido para este problema. Entio agora que temos um arquivo compactado de Joomla! de varios megabytes, o que faremos com ele? Descompactando o Joomla! no seu Computador Pessoal Se eu descompactar 0 pacote de arquivo Joomla! que tenho e tentar rodar/abrir 0 arquivo princi- pal index.php, ele abrird em um tipo de editor no qual vocé poderd ver todo o cddigo. Nao have- r4 nenhum website. Isto ocorre porque o Joomla! é um exemplo de software cliente-servidor. Joomla! nao é um programa independente, como o Microsoft Word ou Firefox. Com estes tipos de programas, vocé simplesmente os instala em seu computador usando um arquivo de instalacio. O Joomla! em comparacao ¢ muito diferente. O Joomla! é uma complexa série de scripts Hypertext PreProcessor (PHP)! que rodam em um servidor web. Quando vocé navega em um site Joomlal, estes scripts sao gerados de forma dinamica e criam 0 que vocé vé nas paginas do site. O termo chave aqui é servidor web. Este é um exemplo de scripting cliente-servidor. O software esta, na verdade, rodando em um computador diferente (0 servidor), e vocé esta interagindo com ele pelo cliente (seu navegador web). Dessa forma nao hd como baixar o Joomla! ¢ tentar rodar em seu computador como um arquivo EXE. Ele tem que ter um servidor, o que significa que precisara ter uma conta de hospedagem. Agora, antes de vocé desembolsar o seu suado dinheiro em uma conta de hospedagem, hd outra coisa que pode fazer primeiro. Vocé pode, na verdade, rodar um servidor web no seu computador local, em outras palavras, seu desktop ou notebook. Isto é conhecido como ter um localhost. Pode parecer que eu acabei de me contradizer do paragrafo anterior, mas nao é bem assim. Vocé nao pode “rodar” o Joomla! no seu proprio computador, mas pode instalar um servidor web localhost para que o Joomla! possa “rodar nele”. Neste cenario, seu computador esti agindo tanto como servidor quanto como cliente. Uma vantagem € que 0 seu site ird carregar muito rapido porque ele esta vindo do seu proprio computador. Uma 18 Capitulo2 Fazendo Download ¢ Instalando Joomla! desvantagem é que vocé ter que mover ou “portar” o site para uma hospedagem web real mais tarde. Esta ainda é uma étima maneira de aprender sobre Joomla! antes de comecar a desenvolver seu site. Para configurar seu localhost, vocé precisa de algum software que rode Apache, PHP e MySQL no seu computador. Estes sao os scripts componentes de um servidor web remoto cm uma conta de hospedagem. Ha dois pacotes populares que inclui todos estes scripts ¢ ambos sao gratuitos: * WAMP5 — (www.wampserver.com/ em/index.php) para Windows * XAMPP — (www.apachefriends.org/en/xampp.html) para Windows, Mac OS X ¢ Linux. Brevemente falarei sobre como configurar 0 WAMP5. Note que este pacote é especifico para Windows. Se ficar preso nesta parte do Processo, vocé poder consultar o Apéndice D, “Instalando WAMPS”, para ver como instalar o Wampserver. 1. Baixe o WAMPS de www.wampserver.com/en e instale. Serd criada uma pasta chama- da c:\wamp\www, 2. Extraia/descompacte o pacote Joomla! que vocé baixou em uma pasta dentro de \ www\. Nao importa como serd chamada. Por exemple, c:\wam\www)\Joomla deveria funcionar, Tenha certeza de nao descompactar de uma maneira que no final tenha duas pastas, por exemplo, c:\wamp\www\Joomla\Joomla-1.5-RC1. 3. Rode o WAMPS. Vocé deverd ter um icone na barra do seu sistema (os icones na parte inferior direita no seu computador windows), o qual sera parecido com a Figura 2.4. A figura mostra trés possiveis vers6es do icone. FIGURA 2.4 icones Wampserver na barra do sistema (Windows) 4. Vocé precisa que o discador esteja vazio para continuar. 5. Agora abra seu navegador e va para hrtp://localhost (sem “www”), ou clique com o botéo esquerdo do mouse no icone e selecione a opcao localhost. Vocé deverd ver uma pagina que se pareca com a Figura 2.5. Como Eu Instalo Joomla? 19 FIGURA 2.5 Vista do navegador do Wampserver em http://localhost Se vocé nao estiver vendo esta pagina, ento deveria parar e descobrir 0 porqué. Vocé precisa ter esta pagina antes de continuar. O site WAMPS5 possui uma FAQ muito util e um férum. Vocé deveria ver sua pasta chamada “Joomla” na lista Seus Projetos. Clique nesta pasta € va para o website rodando localmente no seu computador. Neste ponto, tudo que fizemos foi configurar os arquivos Joomla! ¢ estamos prontos para instala-los. Antes de vermos como instalar o Joomla!, vamos dar uma rdpida olhada no pro- cesso de upload se vocé tiver uma conta de hospedagem. 20 = Capitulo 2 Fazendo Download e Instalando Joomla! Descompactando em uma Conta de Hospedagem Vamos suport que voce tenha uma contra de hospedagem ou que ir adquirir uma. O Joomla! precisa de alguns requisitos minimos para rodar ¢ eles diferem um pouco nas diferentes ver- sdes do Joomla!. O Joomla! 1.5 tem requisitos um pouco maiores do que o Joomla! 1.0.X: Aqui estado os requisitos minimos para Joomla! 1.5: * PHP 4.3.x ou superior — www.php.net * MySQL 3.23.x ou superior — www.mysql.com * Apache 1.13.19 ou superior — www.apache.org Vocé deve assegurar-se de que tem o MySQL, com suporte a XML e Zlib montado no seu PHP. Para ajuda-lo a ter certeza de que possui 0 suporte apropriado, consulte os Féruns de Ajuda do Joomla! (especificamente, http://help.joomla.org/content/view/34/132/). Para o Joomla! 1.5, é recomendavel que tenha PHP 4.4.3 ou superior (para maior seguran¢a) Uma thread nos foruns Joomla! lista varias empresas de hospedagem que sao membros ativos da comunidade Joomlal. A lista pode ser encontrada em http://forum.joomla.org/ index.php/topic,6856.0. html. Assim que tiver um servidor que vd de encontro aos requisitos, voce precisard fazer um upload dos principais arquivos do Joomla!. Ha duas maneiras de fazer isto: * Vocé pode fazer o upload do arquivo zip inteiro e, entao, extrair no servidor com um comando shell ou com o gerenciador de arquivos do Cpanel. * Vocé pode extrair os contetidos do arquivo zip no seu computador e, entio, fazer upload deles individualmente via FTP. Se vocé tiver o Cpanel na sua empresa de hospedagem, o primeiro método ¢, talvez, a maneira mais rapida de fazer isto, e quase todas as empresas de hospedagem o oferecem. Use este gerenciador de arquivo para fazer upload do arquivo zip para public_html (ou qualquer outro que vocé tiver no seu servidor), Vocé pode, entdo, usa-lo para extrair os arquivos. Apenas clique no nome do arquivo e a opcao para extrair ira aparecer a direita como mostrada na Figura 2.6. Como Eu Instalo Joomla? 21 SWVanager, Click en a Feider to navigate. Click on a Name to view its py ee cample Create New Folder FIGURA 2.6 Extraindo um arquivo pelo gerenciador de arquivos do Cpanel Muitas hospedagens web terao uma ferramenta chamada Fantastico, que permite a cria- cao instantinea de um site Joomla! junto com todos os bancos de dados necessarios. Eu, na verdade, nao recomendo usar o Fantastico. Embora ele torne o processo mais facil, muitos servidores nem sempre possuem os releases de arquivos mais recentes. Rodando o Wizard de Instalacgao do Joomla! Se vocé chegou até este ponto, significa que descompactou 0 pacote Joomla! em uma conta web ou para seu computador local. Agora a parte divertida — realmente insta- lando o Joomla!. Este processo de instalacao é feito via navegador e consiste em varios passos que criam e configuram seu site Joomla!. Passo 1: Escolha o Idioma Usando o navegador de sua escolha (o meu € 0 Firefox), navegue ao local onde estao todos os arquivos do Joomla!. No meu caso, em um localhost, ¢ http://localhast/Joomla. Vocé vera a primeira tela de instalag4o (veja Figura 2.7). 22 Capitulo2 Fazendo Download ¢ Instalando Joomla! Choose Language Select Language ; Please chasse your language to ae during the Jeonia! arEG- Arabic (aed lial) Sommer ~ Bengal i) cs-C2 - CeStina (Ceska republika) nishOK) da-DK- Dar de-AT - German (Austria) es-ES - Spanish (Espafel intamacional) eR -Farsifiran) $F1- Finnish {Suomi | |@FR-French (FA i hrHR-Crostian (H9 } | | husHU- Magyar (Hungary) ‘| tT - halian (aly) |}eVP- Japanese(JP) | eres Korean (South Korea) | j | WAL - Latvian { ms-MY - Malay (MY) | Nb-NO-Norskbokmdl(Noway) Bl FIGURA 2.7 A tela para a escolha do idioma Passo 2: Verifique a Pré- instalacdo A figura 2.7 mostra a primeira visio de algumas das caracteristicas de internacionaliza- gao do Joomla! 1.5. Vocé pode selecionar muitos idiomas das instrugées de instalacao. Depois de selecionar 0 seu idioma, a préxima tela que ser4 apresentada é a tela de veri- ficacao de pré-instalagdo (veja Figura 2.8) Steps Pre-installation Check c Comct.nn ©) Qrreton) sea Pre-installation check for Joomial 1.5.0 Production/Stable [ Mapya ) 21-July-2007 18:00 GMT: 2: Preinstallation Check Uf any of these items ore-set to No (highlighted in red) your eee ne | PHP Version >= 4.3.0 Yes Alease take the anoroprate actors ta ceerect the errors z 3: Ucense Faure w do so coudd lend to your Joonis! ntalaaon not «| _AE.CBm Presson Surpert = finctaning correct | =e enciet ls 4: Daimbase -MySQi. Sunpert Yes ME Language & Defaut ves E MB String Overtoad OFF Yes 8: Eb Conaeateason ‘configuration ghp Wiritable vex 6: Configuration Recommended Settings: 7: Finish These setings are recommended far PHP in order $a ensure Sa canceiy Si Priel 7 Directive Recommended Actual However, Joomla! ail sil operate if your setsneys do not cite ‘Kale Mode: oF on match the recommended. aaapiree a a Fle Uplneds: On On Magic Quotes Buntime: off on Ragicter Globalis: off OFF Cutout Buffering: off oft ofF ‘off ‘Session Auto Start: FIGURA 2.8 Tela para checagem da pré-instalagdo Uma parte critica no processo de instalagao, esta tela verifica se todos os requisitos mini- mos do sistema s40 compativeis. O primeiro conjunto é dos requisitos minimos para instalagao. Se eles estiverem ver- melhos (nao compativeis), entao vocé precisa encontrar um novo ambiente (mudanga de hospedagem) ou convencer seu provedor de hospedagem a mudar o ambiente dele Como Eu Instalo Joomlal? 23 (atualizando o PHP, por exemplo). Note que no ultimo item, se o configuration.php for editavel, é uma questéo de permissao no arquivo que é muito mais facil de corrigir. Vocé pode mudar as permissdes através do Cpanel oferecido pelo seu servidor. Esta é uma ferramenta que é padrao em quase todas as empresas de hospedagem. O segundo conjunto é o de configuragées recomendadas. Caso nao as encontre, vocé ainda pode instalar o Joomla!, mas poderd vir a ter problemas com a funcionalidade e a seguranga. Passo 3: Licenga Quando os todos os itens estiverem verdes, vocé estar pronto para prosseguir. Clique em Prdéximo (Next), o que o levara para a tela de Licenga (veja Figura 2.9) Installation Steps License 1: Language GNUIGPL License: 2: Preinstaftaton Chack a Table of Contents 2:License © GRU GENERAL PUBLIC LICENSE } \ * Proombie 1 4 ;Detabese 2 TERMS AND CONDMONS FOR COPYNG, DSTREUTON AND MONACATION a + How i Apply These Terms ta Your New Programs '5:FTP Configuration GNU GENERAL PUBLIC LICENSE 6: Configuration Version 2, June 1894 | Copyeaghe (C) 1595, 1991 Free Software Foundation, Inc 7: Finish 55 Temple Pisce - Suite 330, Boston, MA 07113-1307. OSA Everyone is peceitved to copy and distribute verbatim copies conse of this license cneument, but ehanging if ix sot allowed 4 i Preamble Tha Bcenses for most software ers designed to take away your freedomio share and change & By contrast, the GHlll General Pubic License intended in guarantee your freedom te share and change free seftwars..tu mate sure the software i tres fer al és users, This Gensral age Puble Liccnae appica 1p moat of the. Free Sofware Foandaton’s sofware and to any ofher program Whose aithora comme 10 using t (Some SS eaearneal other Free Software Foundation aaiare m covered ky the CMY Library General Publc: License inatend,} Yeu can apply {1p your programe, ta When we speak OF free sonwers, we ars reterrmg te freedom, not price. Our General Pubic Licsmees are dated to make sure mat you have the freedom to distrisute copies of free software (and charge for this service if you wish). thal you recelve source code: or can get tif YOu waot i that you cen change the software er use pieces of f in new Tree programs. aad that you know you can de these things. To proiect your rigbla, we need ta make restrictions thet forbid anyone te deny you these rights or in ask you to surrender ihe righbe, These restrictions bansiate to ceftwh responsibilties foe you you disiribute copies of the maftware. or if you moxity For example, you distrbute copies of such a program, whether gratis ov for a fre, you must give the recipients all the rights that you have. You must make: sure that they, too, reosive or can get he Source code. And yad must show them these teres so they iow ther rights, Wie mendned ener rinkte with ten stame: (f) camerinht fhe safer and (24 nfferwna this fnenswe which ives wre) lead reecrninebon fr eraew a FIGURA 2.9 Tela da Licenga Joomla! é liberado através de uma licenga GNU/GPL (neste caso a versio 2), Uma das pergun- tas mais comuns em relacdo a licenga é “Posso remover o link de rodapé que diz Powered by Joomla!”? Na verdade, nao ha problemas em fazer isto; vocé apenas tem que manter a declara- ¢4o de direitos autorais no cédigo de origem. Porém, eu recomendaria manter este link. Por qué? Porque o Joomla! é um projeto open source e nao é vendido, o seu desenvolvi- mento nao recebe financiamento algum. O ponto principal é que centenas de programadores pelo mundo estdo desenvolvendo este software que vocé esta usando neste momento. Caso tivesse que pagar por este cédigo, custaria mais de $2 milhées (www.ohloh.net/projects/20), mas vocé o tem de graca. Em troca, mantenha o link; isto ajudara o projeto a ganhar popu- laridade e crescer. Nao esconda o fato de estar usando Joomla! — tenha orgulho disso! Nao se preocupe com algum tipo de enfraquecimento da Otimizacdo para Ferramentas de Busca (SEO — Search Engine Optimization) por causa de um link extra apontando para fora da sua pagina. Links para sites competentes/autorizados na verdade ajudam sua SEO! 24 Capiculo2 Fazendo Download ¢ Instalanda Joomla! O Joomla! é um poderoso software € caso use-o em seu site, reserve um tempo pata fazer uma doacao, nao importa quanto. Vocé pode fazer uma doacdo online através de www. joomla.org/content/view/689/79/ ; Passo 4: Configuracdo do Banco de Dados A préxima tela é Configuracao do Banco de Dados (veja Figura 2.10) cr Steps Database Configuration (QD Previaus,) ne). 1: Language Connection Settings: 2) Pre-tnstaliation Check Seung up Joma! te run on your server involves: 4:simale ‘J: License In thes Databese Configuration Sten, please enter the rostname of the server Joonda! i ta be ratalied on Enter the MySQL usemame, password and database name you wntsn to use ith Joorda! Enter a prefix to be used by tables for this Joomla! instaleton. Select how ta handle exesing ‘bles from a previous 6: Contiguration inwindation.. 4: Database 5. FTP Configuration Database Name Same hear alloy only a certain OG name per site. Lie = |) tate are nes case fr cstrct spar! tes, Any exacting backue tables from former Jooma! @ Bedeo cd tables Thstedon nl be epteced | Table: Pref jes nent te k,n de se for Bact tables FIGURA 2.10 Tela de Configura¢ao de banco de dados A tela de configuragao de banco de dados é uma das principais paginas do processo de instalac4o; é onde vocé precisa inserir informacao importante sobre o banco de dados que 0 seu site Joomla! ird usar. Note que vera um menu suspenso para © tipo de banco de dados. Joomla! 1.5 realmente sé roda em SQL, mas alguns de seus fundamentos foram estendidos para usar mais tipos, por exemplo, Oracle, no proximo release. 2.0. O nome do servidor sempre sera “localhost”. O nome de usudrio ¢ senha sao ofereci- dos pela sua empresa de hospedagem, geralmente em um e-mail que vocé recebe quando cria a conta. Se estiver instalando em um localhost usando WAMP5 ou XAMPP. o nome de usuario geralmente é “root”, ¢ a senha é em branco ou nada. Escolha um nome para o banco de dados SQL que o Joomla! ira usar. Use um tipo de nome que no seja confuso porque outros scripts usam o banco de dados SQL e, antes que sai- ba, vocé pode ter varios no seu servidor ¢ precisard diferencia-los. Nao use espagos no nome. Se estiver executando varios sites Joomla!, mas tem acesso apenas 2 Wm banco de dados, vocé precisara usar prefixos de tabela para distingui-los, o que pode ser feito nas configura- coes avancadas. Se tiver um site existente e estiver reinstalando sobre ele, vocé precisara selecionar Drop Existing Tables. Caso precise de um backup delas, selecione Backup Old Tables. Usar “jos” como um prefixo de tabela é convencional, a menos que tenha multiplos sites no mesmo banco de dados. Como Eu Instalo Joomla!?? 25 Se tudo correu bem, quando vocé clicar em Préximo (Next), ira popular o banco de dados SQL e seguir para o proximo passo. Passo 5: Configuragao FTP A versao anterior do Joomlal, a série 1.0.X, teve problemas com a permiss4o de arquivos no servidor. Isso é um pouco técnico, mas deve te dar uma idéia: F. possivel que os arquivos no servidor web Apache pertencam a um usudrio chamado “nobody”, Vai entender. Mas haveria conflitos com quem possuisse os arquivos, se fosse uma conta FTP ou o préprio Apache. Isto leyou a problemas de permissao quando o Joomla! tentava fazer o upload de arquivos. Joomla! 1.5 tem a solugdo: Na verdade, ele usa uma conta FTP para tudo, enrao ne- nhum conflito aparece. Se isto foi um pouco confuso pra vocé, apenas crie uma conta FTP (ou use aquela ofere- cida pela sua empresa de hospedagem) para o Joomla! usar e informe os detalhes na tela de configuracao FTP mostradas na figura 2.11, allation | Steps 7 [ETP Configuration | ‘| FTP Connguration: | | ue to flesyster permission restrictions and PHP Safe Made | | restrictons. For all users to utiize the Joomla! instekers en FTP | Silicense | | lever exists to handle Rlesystem marinulstion. | | Enter an FTP username and passoged with access to the | | 4: Database | Joumia! root directory. thes wil be the FTP occeurt fut | | handles all filesystem operations wher Jooria! requires FTP | | SFTP Configuration | Sckess fo complete a bask, | : For secunty reasons, fis best ifa separate FTP oper account | 6: Coniguraticn ‘is created with access only to the Joomla! inatalleton, | 7: Fintsty FIGURA 2.11 Tela de configuracao do FTP Passo 6: Configuracdo Principal A pagina de configuracao principal é onde vocé insere mais informagoes sobre 0 seu novo site e determina como ird inserir conteido no mesmo (veja Figura 2.12) Dé um nome ao seu site (preste aten¢ao as palavras-chave SEO) e, entao, insira a infor- magao do super administrador. O primeiro usuario no site ir usar esta informagao e ird adquirir automaticamente o status de super administrador. Note que se vocé nao mudar a senha, sera usada aquela mostrada na esquerda. Certifique-se de anotd-lal Sinta-se 4 vonta- de para comer o bilhete que escreveu assim que o tiver memorizado, mas se esquecer a senha imediatamente, (como eu fiz) vocé precisard reinstalar, Em relacao ao contetido do seu site novinho em folha, vocé tem trés escolhas: 26 Capitulo 2 Baixare instalar Joomla ¢ Instalar o contetido padrao de exemplo - Instala 0 contetido padrao do Joomla! que vocé provavelmente viu por toda a web com o titulo de: “Bem-vindo ao Joomla!”. Note que ele também inclui todos os menus, links de navegaco, e segdes/categorias. Se vocé estiver aprendendo como usar 0 Joomla, isto é alramente recomendado. E mais facil de adaptar ¢ revisar do que comegar do zero. Se nao clicar no botao Insta- lar contetido de exemplo, vocé estard comegando com um site em branco! . script SQL local de Joomla! 1.5 — Este é um arquivo SQL que deve ter iP ang q um conjunto de contetido customizado. * Carregar scripts de migracdo — Esta é uma funcio especial que faz parte de um pro- cesso para migrar o site Joomla! rodando em 1.0 para 1.5 e requer um componente especial para fazé-lo. Main Configuration Site Name: ‘Enter the name of your Joorda! site 3: License 4: Database 1 Gonfirm the Admin E-mail and Password. Re pean rican thee Acie E:ehal and Papen: Greer your e-mad aodress, this iil be the e-nad address of the 6: Configuration te Super Administrator, If you ere eigrating you can nore ‘this section as your cuTent settings wil be automaticaly morsted. 7: Finish TOBIAS Tg recommencied that begmners shouia mata ‘default carole ons, Ths requires selecting the ooban and Sing mn sehiace dav honara wet ece Defoe inaving the inatelation you can populate the we distatinse wath data Thene are three ogden to da thir: 1. Default Sample Datta can ioe incerted - To do this elect the first opton ond chek she instal Sample Dota bution, be for italing inclined seme data or restoring Gouikone he rec one pees, should ben utf-2 encoding and should comply ith Joomla! 1.3 datahase schema 2.b Migrauon af content frem previous versione, Checking the “loomia! 4.0 Migraton Scriet” option enables support fer rigratan af sider vermon dumps ta the new see te mn migrate Component or created wecuctors here, parked sores fea anc gr packed ecrpr fies. Paciond flex my | conan only susingie SQ. scrnt fle, Youmer fick the aireacy uploaded the migrelion script” aption if you fied the file and FIGURA 2.12 Tela de Configuracdo Principal Passo 7: Finalizacao Cruze seus olhos, feche seus dedos e clique Préximo. Esperangosamente vera a tela mostrada na figura 2.13. Vocé agora tem um site “Powered by Joomla! Se tiver este resultado, vocé pode investigar diferentes opgées de idiomas, ver o site ou ir direto para a administragao do mesmo. (Confirm Admin Prssveord ‘Ste Name 7j you Emad ein Basrword fs j Load Sample Data, Restore, or Migrate Backed Up Content trated Defen ——Petilbw thie streriaty vecoremenaced for hegre, Ht @ nf ictal default smmpe contenr nats nckatd n Semple Data ok © Loe Migration Sofnt he siiparton strent meds ls be create an the eit ste | iby Be me_mipater tet or cested marualy to confirm, | (Ermer the ttle crevtr of the ow ate arat enter ie Fe poct pilav Sait gla ann, nbepenco gee, Ethie penta een anata srt wheal hare Bet deere table prey. (hd Table Pre Od'sar encoding [i 4 Migration Script 5 5 awe (ot have siresdy updoscied the migtation script to the: serve leg. Ha TPC) Thess nie Loaaraton sot (ee pr Resumo 27 Steps | Finish a (sam | | Congratulations! Joomial Is installed, | 2:Proinstatlation Check ai (Gick the "Site" button tn start Joomla! site or “Adkmin® to tne PLEASE REMEMBER TO COMPLETELY ia | you to administrator lage, REMOVE THE INSTALLATION DIRECTORY t (On the Joomle! help page for languages you sl find an easy steo by step help fc install your awn languagepack ft Joona! Administration Login Details | 4: Database ‘You wil find a Bot there wath inks to the availaile | languagepacks. Unername : admin 5 ‘Cick the button on the right to epen the hefsite in a new 5: FIP Configuration aoe Joosla! in your own language? 5: Configuration Viet the Joma! halp ate for more information and downed, 7: Fintsh FIGURA 2.13 Finalizacao! Se vocé nao obtiver esta pagina, entdo terd algum trabalho a fazer, Normalmente pro- blemas surgem por causa dos ambientes de servidores, Se a solugdo nao for ébvia, um passo util é copiar a mensagem de erro ou a parte principal dela e, ent4o, fazer uma busca dela nos féruns de ajuda do Joomlal, forum.joomla.org ou no Google. Ha chances de que outra pessoa ja tenha se deparado com este erro e tenha postado online a solugao. (Dica stil: insira a mensagem em aspas duplas na caixa de busca para buscar a frase exata.) Resumo Instalar 0 Joomla! é talvez 0 maior obstéculo para comegar 0 seu site. Vocé precisara criar um banco de dados MySQL para Joomla! e fazer o upload de todos os arquivos para um servidor. Apds estes dois passos estarem completos, é relativamente facil usar o Wizard de instalacao Joomla! que é executado no seu navegador: * Os arquivos internos do Joomla! estao disponiveis gratuitamente em www.joomlaco- de.org. Ha links diretamente para os arquivos na pagina inicial de www. joomla.org. Ao baixa-los, renha certeza de estar adquirindo a versao correta: 0 pacote completo ou uma atualizacao. * QO Joomla! precisa de um servidor (web) para rodar. Uma boa maneira de aprender Joomla! ¢ rodar um servidor web no seu proprio computador, sobre como localhost. Isto torna o site incrivelmente rdpido. * Ha varios pacotes gratuitos que incluem todos os arquivos e scripts necessdrios para rodar um servidor web no seu computador pessoal. O Wampserver (WAMP5) é um para Windows. 28 Capitulo 2 Fazendo Download ¢ Instalando Joomla! ° Para instalar o Joomla! em um servidor web, sua conta precisara ter alguns requisitos minimos. Tenha certeza que seu servidor os tenha; se nado, vocé tera problemas mais tarde. * Instalar o Joomla! é um simples processo de trés passos: 1. Obter o pacote de arquivo Joomla! mais atual. 2. Descompactar o pacote em um servidor. 3. Usar o wizard baseado no navegador para completar a instalacao. * Sendo tiver experiéncia em Joomla!, vocé deve instalar 0 contetido de exemplo, mas perceba isto é apenas uma sugestao de como vocé pode organizar o contetido. ‘Sim, o acronimo nao combina totalmente com as palavras. E usado para dar suporte a Pagina Pessoal. PHP ¢, principalmente, uma linguagem de programa¢ao para servidores e paginas da web. Capitulo 3 Administra¢ao Basica do Joomla! Oe administracdo do site geralmente significa as atividades didrias de adicionar con- tetido, gerenciar usuarios e certificar-se de que médulos ¢ componentes instalados estao sendo executados corretamente. Com um site Joomla! corretamente configurado, a tarefa administrativa ¢ relativamente baixa, ¢ o maior esforgo pode ser direcionado para criar todo o contetido importante. Neste Capitulo Neste capitulo vamos passar rapidamente pelas fungées administrativas centrais das quais vocé ira precisar. Nao vou passo a passo, explicando cada um dos botées do backend admi- nistrativo, mas sim pegar algumas funcdes-chave, dicas e truques que vocé precisard saber para manter o seu site ativo. Eu realmente recomendo conseguir o manual oficial do usuario no site www.joomla.org, o qual tem um grande nivel de detalhes. = Qual éa diferenca entre frontend e backend de um site Joomla! ? m Quais sdo as principais fun¢des do menu do administrador? = Quais os tipos de usuarios que existem e como eles se relacionam com o frontend e backend? O que é 0 Frontend e Backend de um Website Produzido pelo Joomla!? Apés instalar Joomla!, vocé, na verdade tem, dois sites: * Osite publico (comumente chamado de frontend) que as pessoas yeem em www.yoursite.com * Osite de administracdo (comumente chamado de backend) cuja URL é www.yoursite.com/administrator Enquanto alguma administragio é possivel via frontend do site, é mais eficiente geren- ciar seu site através do seu backend. POUL tLe Joomla! Administration Login FIGURA 3.1 Tela de login do backend Para ir adiante, vocé precisara da senha administrativa. Espero que se lembre dela! Presumindo que tenha logado com uma conta de super administrador, vocé sera apre- sentado ao backend administrativo do seu site. Difere um pouco baseado em qual nivel de administrador vocé esta. Pare So M1 O Lepet = Welcome to Jeomtet | Cangratirinns on chaseng Joon ex your coment management ryatem Ye hope yru ae abe wy crests 4 soccesst webede wih aur program ond maybe, yOu are able to give someting beck te Pe comemundy inter To-mane yous Sart wan Jeomen 93 mmeoth om Davee, ore wer to ple yee mem Fortern te decumectaten commas quebiand anit hel 06 SeeUTRG yin Barve Vo mrad tart ees Pea “Theionary guste t Jecmaa” and for securng your nerver, you should read this tenucty choctint. Fer your meat commen questo, yt BROUEE Fa Ro by Og fer. wee Dare ‘especialy iis the FAC fare The foruen m man! Maly We Depot essere an aDOman here mana yas wit fed stron! every quexios anpwered at Mes! oAce, £5 pans frat ont the fewreh RANCHER And hee BAK yer UEC, ‘Securly i a big COMCHEN tor uh, YrIGED Wry We wrt Ie you ts sumCrBE te Bp ancunceemect hrum to ahs ays gel the kent mforrations 65 maw Hesbates for Sent an pos steel rope cheats sour um We Napa yoo have much Kin dnd Kateoas Wi JOGSNNT RAd BADGE Mae YEU forge arong bos hundreds and thousands of contrat rovE Seam teem F: To remove im mensage, tette the “Vinicawe to benetemodute m the FIGURA 3.2 Visdo administrativa inicial O que é 0 Frontend e Backend de um Website Produzido pelo Joomla!? 31 No topo da pagina esta a Barra de Menu, imediatamente abaixo esta uma Barra de ferra- mentas (na figura 3.2 nao é visivel) e, entio, a drea maior é 0 Workspace (Espaco de trabalho). A pagina inicial quando vocé faz o login pela primeira vez no backend é chamada de Painel de Controle. Barra de Menu A barra de menu é a principal navegagao para o backend do admin. O menu horizontal acessa todas as fungées de administragao: © Site * Menus * Contetido (Content) * Componentes (Components) * Extensdes (Extensions) * Ferramentas (Tools) _ * Ajuda (Help) A direita da barra de menu estao algumas fungGes e informacées adicionais: * Um link para mostrar um preview do site em uma nova janela * Um link para suas mensagens privadas (0 ntimero mostra quantas vocé tem) * Um numero mostrando a quantidade de visitagées do site * Um botao/link para logout Barra de Ferramentas Imediatamente abaixo da Barra de Menu estd a Barra de ferramentas. Ele desaparece na visio inicial do Painel de Controle, mas volta a aparecer quando vocé navega para uma fungao parti- cular, como o Gerenciador de Artigo, como vera no resto das telas apresentadas neste capitulo. A barra de ferramentas apresenta varios botées de funcdo em formato de icones. Por exemplo, na eps 3.3, podemos ver a barra de ferramentas do gerenciador de artigo. BSE aneazong FIGURA 3.3 Barra de ferramenta do gerendliales de artigo Na tela de gerenciador de artigo acima temos as opgGes (na ordem) de Desarquivar, Ar- quivar, Publicar, Despublicar, Mover, Copiar, Lixeira, Editar, Novo, Preferéncias e Ajuda. 32 Capitulo 3 Fundamentos de Administragie Joomla! Na Figura 3.4 podemos comparé-la a barra de ferramenta que é apresentada no gerenciador de menu (Menu Manager). Aqui temos apenas (na ordem) Copiar, Remover, Editar, Novo e Ajuda. FIGURA 3.4 Barra de ferramenta apresentada no gerenciador de menu. Workspace O corpo principal da pagina do admin é o Workspace, que nao seja confundido com o Pai- nel de controle, que é a primeira visao que vocé tera depois de logar. Vocé vera varios temas diferentes de como isto é estruturado. Um formato comum ¢ a tabela basica, geralmente usada por varios gerenciadores, artigos, menus, ¢ assim por diante. Vamos rapidamente dar uma olhada geral em todas as funcées do backend. Ao invés de ruminar a informagao ja disponivel em help.joomla.org, eu apenas darei uma pausa para apontar coisas que valem a pena mencionar ou avisos que acho que vocé deveria saber. Fungées do Administrador na Barra de Menu Como acabei de descrever, a barra de menu contém todas as funcées envolvidas no controle e gerenciamento do seu site Joomla!. Tentarei tornar este site titil acrescentando a informa- cao basica disponivel na documentagaéo do Joomla!. Falarei brevemente sobre cada uma, apontando os papéis importantes de cada. Submenu do item Site O Submenu do item Site (Site Submenu) cantém varias fungdes que s4o para todo o site, incluindo a tao importante tela de configuracgao. Figura 3.5 mostra os submenus no Menu do item Site. O que ¢ o Frontend ¢ Backend de um Website Produzido pelo Joomlal? 33 FIGURA 3.5 Submenu do item Site Painel de Controle O painel de controle é exibido quando vocé faz o login pela primeira vez no backend. Ele tem botées de icone 4 esquerda para acessar funces comuns e uma série de listas a direita que sao produzidas por Ajax (onde as op¢ées surgem como slides quando vocé clica nelas). O que é visivel no Painel de controle (¢ na barra de menu) depende do tipo de usuario em que estiver logado. Ha trés niveis de administrador: * Super administrador (permissées maximas) ¢ Administrador (permissées intermedidrias) * Gerenciador (permissdes baixa) Cada nivel de administrador vé opges um pouco diferentes no backend. Por exemplo, um gerenciador com os menores niveis de permissao nao pode ver ou ter acesso a Configuragao. A visio do super administrador foi exibida na Figura 3.2. As visées do gerente (topo) e administrador (base) s4o mostradas na Figura 3.6. Yet iapcrlt (sg) [= Walcome to Joomiat 5 & DES | hope you are able to create « successful wabsbe with our program and miybe, Add New Article Article Manager = Frontpage Manager = Secten Manager you are able to give something back to the community later. ‘To make your sinrt with Joomial as emcoth ax possible, we want to give you some painters fo documentation, commen questions and help on securing your server (wi) (a ‘fou should start with the “Heginnars guide tp Joomia™ and for securing your For your mol common questions, you should first losk in the forum and there especially into the FAQ forum The farum is moat likely the biggest resource on eomia! there in ane you wil fn aamost every question answered at feast once, 30, Category Manager Media Manager f oe er e2e>—— | Nooe you are able to crewte a succesful webske wEh our pregram snd maybe, Add Mev Articie Article Manager Frontage Manager © Seetion Manager | you are ob to give something back fo the cocrmunty later, | To make your start with Joomia! as amooth aa possible, we want give you soni polnlers fo decumentafon, common questions and nek on securing your server. a | ry | You shouts sinrt ot thi r } “Beginners guide ta Joomla” and for securing your | For your most common questions. you should frat look in the forum ane there: i rc Me eetey cae | eageciafy into the FAQ forum. The forum ia most lnty the biggest resource on FIGURA 3.6 Diferencas de gerenciador e administrador 34 Capimlo3 Fundamentos de Administragao Joomla! A visio do administrador nao tem fungées globais como a configuracao. A visio do gerenciador nado tem extensdes nem ferramentas. Em ambos os casos, 0 niimero de fungées acessiveis € menor do que o que esta dispontvel na visao do super administrador. Gerenciamento de Usuario e Niveis de Controle de Acesso Niveis de Controle de Acesso ou ACL (Access Control Levels) é 0 nome dado para designar diferentes fungées aos diferentes tipos de usuarios. O Joomla! tem nove niveis de usuarios. Voce designa estes diferentes regras de ACL para os usuarios através do Gerenciador de Usud- rio no Menu Site. Uma lista de tipos de usuarios e ACLs pode ser encontrada na Tabela 3.1. Selecionar o Gerenciador de Usuario ira mostrar uma tabela com todos os usuarios que tém um registro ACL ou superior, incluindo administradores. Um exemplo de site com poucos usuarios é apresentado na Figura 3.7. i| | ‘ a ' |g FE) MeAamintstrator Me Adesnastratar ‘gf Ademistrator MrAdministrator@§MrAdmintrstar com 05.07 OT | 3) &]_s Metianager urtusnager Manager MeHlanage Gl Manager com 05.07.07 “ | 1 2] Administrator admin w sf Stinar Administrator campasadenignsgigmal com 050207 =| me | | | | | Depa at Bl 6 Siac) (Fen) 4) (Ment) (edi) pose tof FIGURA 3.7 Gerenciador de Usuario De maneira simples, o Gerenciador de Usuarios gerencia usudrios, e apenas administra- dores e super administradores podem vé-lo. O filtro, exibido na Figura 3.7 do lado esquerdo, é sua ferramenta de busca no Joomla! (ela provavelmente deveria ser chamada de “pesquisa”). Vocé pode inserir um nome, nome de usudrio ou um email ¢ ela encontrard todos os usudrios que contenham o que vocé digitou presente em seus campos. Também, pode-se selecionar um grupo ou ver somente usuarios que estiverem logados. O que ¢ 0 Frontend e Backend de um Website Produzido pelo Joomla? 35 Ha nove niveis de usudrios em um site Joomla!. Cada nivel tem diferentes permis- s6es e capacidades no frontend e no backend do site. A Tabela 3.1 descreve o nivel de cada usuario. TABELA 3.1 Niveis de Controle de Acesso do Joomla! Usuario Frontend Fungées Backend/Menus Frontend Publico Apenas navegar Sem acesso Registrado Pode ver conteudo restritos Sem acesso Autor Pode criar conteudo Sem acesso Editor Pode editar conteido Sem acesso Publicador Pode publicar contetido Sem acesso Gerenciador Como publicador Gerenciador de midia Gerenciador de menu Gerenciadores de Contetido Gerenciador de Pagina Inicial Gerenciador de componente Ajuda Administrador Como publicador Como gerenciador Gerenciador de usuario Instalar/desinstalar extensdes Gerenciador de médulo Gerenciador de plugin Checkin global Super administrador Como publicador Como administrador Configuragao Gerenciador de idioma Gerenciador de Template Instalador de Template Instalador de idioma Email em massa Convidado, registrado, autor, editor ¢ publicador sao chamados “usudrios de frontend” . Freqiientemente um site Joomla! tera muitos destes usuarios. Isto torna possivel estabelecer fluxos pata a publicacao do contetido. Ele também permite a responsabilidade da publica- ¢4o do contetido ser distribuida, uma das vantagens de um CMS. Se vocé quiser muito contetido, tenha muitos autores, editores e publicadores! Gerenciador, administrador ¢ super administrador sao chamados “usudrios de backends”. Geralmente, ha apenas um super administrador. Estes usudrios séo designados a controlar o site ao invés de focar apenas no contetido. 36 Capitulo 3 Fundamentos de Administragao Joomla! Os usuarios, ou sao criados automaticamente através do link de registro no formulario de login frontend, ou sao criados manualmente no backend. Gerenciador de Midia O gerenciador de midia é para gerenciar toda a midia que pode ser usada em um site; inclui todos os tipos de midia, nao apenas imagens (veja Figura 3.8). O gerenciador de midia mostra uma visao de tipo de gerenciador de arquivo basico de to- dos os arquivos que estao na pasta /images. O gerenciador de midia automaticamente aponta para esta pasta e vocé nado pode navegar por qualquer outra pasta na instalacao Joomlal. Site Menus Content Components | Extensions Toots Help| . PiPrevew 0 a Media Manager (manne Tome view Sey al mess ee eet ae =a | Bltmages Folder | Caran nw Sbeta mages, ay | (Gora Feicer_) viwere Spat? mages Bs _images banners Boris °o | if Qf stories | crondt Minages nes woulien blarkieng == carol ong manant_f om_fang BO tee a Tee FRipng power pkblish_2. @e @ wept Fe. she 2 eden o: & | nem pn rome. sort ete a (ene) | FIGURA 3.8 Gerenciador de Midia O Gerenciador de Midia é usado para mudar, adicionar, editar pastas e fazer upload ou deletar midias ja gravadas. E um lugar ttil para por um pouco de organizagio no seu arma- zenamento de midia e, assim, todas as suas imagens (por exemplo) nao sao jogadas em uma grande pasta, o que torna dificil sua localizacao. O que é 0 Frontend e Backend de um Websire Produzido pelo Joomla!? 37 Configuragdo A tela de configuracio é importante para o seu site. A mesma esta disponivel apenas para os super administradores e contém configurag6es cruciais para manter o seu site rodando (veja Figura 3.9). Era anteriormente chamada de Configuracao Global no menu, mas foi reduzida no subme- nu para apenas Configuracao. A lista seguinte descreve as trés abas na Configuracao. Pi preriew Bo 1 Logout | [B) conat comguraton i 2 aes tes ev 2 Q i | Syatom | Server - Ste Settings SEO Seltings Site OMiNe ©) iy © ven Search Engine Friendly URLa- ©) yo ©) vos Offline Message This sive ds down fox mainvenance. Flemae check Use mod rewrite © tig © yeu Ab leack again soon. aim Feed Settings Show the mostrecent!|/10 | Foreach arficte, show © purtext @ intra | Text Show Tite Mets Ts ©) yo @ yen Shaw Author WetsTaa ©) up @ Ves FIGURA 3.9 Tela inicial de configura¢ao global * Site — A aba inicialmente ativa contém algumas coisas gerais sobre o seu website Joomla: * Site offline — Sc voce marcar 0 site como offline, visitantes receberao uma mensagem offline. Vocé pode personalizar a mensagem offline com HTML, imagens, logo, e assim por diante. * Nome do site — O nome do seu site é realmente vital para o SEO, sendo que ele sem- pre inicia qualquer titulo de pagina (o que vai na barra azul). Eu abordarei isso com mais detalhes no capitulo 8 “Conseguindo acessos para seu site.” * Configuragdes SEO — Esta é uma nova caracteristica na versio 1.5: URLs huma- namente legiveis que sao parte da instalacdo padrao do Joomla!. Elas sao geralmente descritas como URLs amigaveis de ferramentas de busca (SEF - Searc Engine Frien- 38 Capitulo3 Fundamencos de Administracao Joomla! dly). Tome cuidado com estas configuracées. H4 mudancas que precisam ser feitas com 0 arquivo .htaccess para fazer com que a SEF do mod-rewrite funcione. Falarei mais sobre SEF no capitulo 8. * Configuragdes de Metadados — Vocé devera manté-las bem pequenas, pois elas apa- recerio em toda pdgina/artigo do seu site. Eu recomendo usar somente de trés a cinco palavras-chave globais. + Configuracdes do Feed —O RSS melhorou bastante na versao 1.5, e vocé agora tem um controle mais refinado do universo dos feeds. Ser capaz de mostrar 0 texto com- pleto para um artigo significa que pode sindicalizar artigos completos para outros sites. * Sistema (System) — A maioria destas configuracées, tais como debug e cache, vocé prova- velmente n4o precisara mudar. Tenha certeza de ter a sua senha secreta! Se conseguir trancat-se do lado de fora, esta pagina o ajudara: férum.joomla.org/index.php/topic, 10985.0.heml. * Configuragées de usudrio — Provavelmente a tinica configuracdo que vocé vai querer mudar é a configura¢ao dos usuarios. Aqui vocé pode decidir se permite ou nao que os usuarios se registrem no frontend. * Cache (opgdes para configurar o cache do site, na tentativa de melhorar sua performance) — Se vocé estiver fazendo muitas revisées no seu site, especialmente no template, vale a pena desativar o cache enquanto as faz. Se no o fizer, gerara mudan- cas ¢ ira cogar a cabega tentando entender por que elas nao geram nenhum efeito. ¢ Servidor (Server) — Novamente, a maioria das configuracdes na aba servidor vocé nao precisaria mudar. * Banco de dados (configuragées do banco de dados MySQL executando no site, lide com cuidado) — Freqiientemente me vejo dando uma olhada aqui para lembrar qual nome dei ao banco de dados. E eu sempre me esquego. * Mail (opgdes de email para como o site enviara email) — Alguns hosts nao supor- tam email vai PHP; tenha certeza que o programa de correio seja compativel com 0 que o seu servidor oferece. Menus Menus sao uma parte crucial de um site Joomla!. Eles nao apenas oferecem navegag4o, mas determinam o layout de uma p4gina a qual esta conectada através do menu. Menus sao di- ficeis de entender e nés os examinaremos com mais profundidade no Capitulo 5, “Criando menus e navegac4o”. Por enquanto daremos apenas uma visdo geral para fornecer um pouco de contexto para os conceitos desafiadores mais adiante. A figura 3.10 mostra o submenu dos menus com contetido de exemplo instalado. O que é 0 Frontend e Backend de um Website Produzido pelo Joomla!? 39 FIGURA 3.10 Opcdes do menu drop-down A opcao Menus tem todos os menus que s4o usados no website. Na figura 3.10, vocé pode ver os Menus e o Gerenciador de Lixeira e os seis menus que sao criados no contetido de exemplo de uma instalagdo padrao do Joomla!. Clicando no Gerenciador de Menu (Menu Manager), vocé ira para uma tabela do resu- mo de todos os menus usados no site, mostrados na Figura 3.11. Administration | fi | El Menu Manager wi @ Q | Copy Gelte Eck = New = Help | | * Twe Type Meoultems — # Published _ #Onpublished S Trash # Modules a. 1 © Main Menu rminmeny e é 1 ' 2 © Useritems semen @ 2 1 2 3 © Top ienu topmenu # 4 4 a | £ © Diner Menu eihermens B 5 ¥ 4 | 5 © exenpgiepages | GumpiePages a 4 1 5 | 6 © Ney Concesta — keyconcepte & 3 = 4 5 | Deets) (Ose ts Let dats) moe vor Eee || FIGURA 3.11 Gerenciador de Menu Clicar no nome do menu permite que vocé mude o nome daquele menu. Clicar nos pequenos icones dos Itens de Menu mostra quais links atuais estéo naquele menu. A Figura 3.12 mostra o Gerenciador de Menu quando vocé clicar em “mainmenu” (dos menus de amostra de contetido). 40 Capitulo3 Fundamentos de Administragao Joomla! PiPevew Bo m1 Bog =, FEM Menu Manager: imainmenuy ExrSBGQ 8&8 87¢64 a Menus = Oefsut = Pubmn = Unpubish Move: Cary Tresh Ee how Help Fier: —__) (Ge) Cisse) Maxtevels 10 Ml ey mi *) °F) Bonu fer ‘Detmat Published Onderby Access Type Hemi || Heme a i v is Pubte Articles ~~ t | 2 ©) joomit Overview ad a+ z Pubic: artic Zz [1] wehers New in 57 7 ee Putte articles u 4] Joomiat License wf awi[@ Puc astcns 2 [1 More about smart < ~~ (5 Buble Aricles 7 6 & fa w aw [é Pubic Artictes a [] The News ¥ a ? Pune articles 0 5 CO Wet tines ae a= a Puble Wee Lins a 9 FF] News Feeds v . 3 Putte. Hews Feeds oe Toned Wises) (Gem) ia) eee lea) mowers FIGURA 3.12 Gerenciador de menu dentro de um menu Iremos rever os menus com mais detalhes no capitulo 5. Contetido (Content) O submenu Contetido contém o importantissimo Gerenciador de Artigo (Article Mana- ger). Artigos sao os itens individuais de contetido que formam o contetido interno de um site, Este submenu também possui os Gerenciadores de Categoria ¢ Segdes ¢ o Gerenciador da Pagina Inicial. O submenu ¢ exibido na figura 3.13. FIGURA 3.13 Submenu de Conteddo A op¢ao de submenu de contetido pode ser considerada um grande componente que apresenta os seus artigos (itens de contetido) de varias maneiras. Ela contém seis funcées diferentes: * Gerenciador de artigo (Article Manager) — exibe todos os seus itens de contetido com varias maneiras de filtré-los para diferentes secdes, categorias ou autores (veja Figura 3.14). Vocé pode reordenar os artigos em qualquer coluna (ascendente ou descendente) apenas clicando no titulo da coluna. * Lixeira do artigo (Article Trash) — Mostra os artigos na lixeira. * Gerenciador de secao (Section Manager) — Adiciona/edita/deleta segoes. O que ¢ o Frontend ¢ Backend de um Website Produzido pelo Joomla!? 41 * Gerenciador de Categoria — Adiciona/edita/deleta categorias. ¢ Gerenciador da Pagina Inicial — Um componente que na verdade deveria estar na op¢ao de menu Componentes. Ele controla quais os itens de contetido sdo visualiza- dos no site. Pella cig -o Tete, Punished : x) I) | ag sti e a | marie x20 08 | 25 |g) y setaaes 0g 2 22 About Joomtal The HS Atcinatiwor 121008 St 3) soomit overview ® 1 About wom! The CHS Adeebiciraior C1096 BS | 4 E] Extensions = 7S About Joomiet The CHS. Admininir 1Lt008 86 | SE) soot Festores e 12 About Jometa! The CUS iminiirater novos 62 ||| @ | E) Conlent Layouts. & About Joana) The Cs Adrinetrate T1008 48 | 7 EEL jews Facts fe Fl About iawmiat “The Commmnity Admmmmirolar 98.1806 a7 4) The teomm commmty, & 2 Abou Jooola! The Sommuliy Adminstrator 12.1006 35 © El Sunpert ana Doctimentation & 20 |AbsutJecaia! Thefeect Adamintrator © 08.1006 2 v0 2) dooms ucense Gumenes & S About jecmiat The Proect Agmuumtreter 200804 45 Discinr 10 HL (S Pbtanes, cutis enaing) MP Pubemnact ana m Cran [& Pusaned, bathe Emad | Nat Puta (eu an tet nm tate FIGURA 3.14 O gerenciador de artigo O Menu Componente Componentes sao as extens6es mais importantes para um site Joomlal, sao eles os médulos, plugins, modelos (templates) ¢ linguagens. Entraremos em mais detalhes nos seus capitulos es- pecificos. O menu Componente é onde vocé pode administrar a funcionalidade dos compo- nentes que sao parte do interior do Joomla!!, e aqueles que vocé instalou (veja Figura 3.15). evelin lal eere ht FIGURA 3.15 O submenu do Componente Vamos vero que osite de extensées (http://extensions.joomla.org/content/view/15/63/1/7/) diz sobre a diferenca entres componentes, médulos, plugins, modelos ¢ linguagens: 42 Capitulo3 —Fundamentos de Administragao Joomla! Componentes Um componente é 0 maior e mais complexo dos tipos de extensdo. Com- ponentes s4o como mini-aplicagées que desenham o corpo principal da pagina. Uma analogia que pode fazer com que a relacdo seja mais facil de ser entendida é a de que o Joomla! é um livro e todos os componentes sao capitulos no livro. O componente de contetido interno (com_content), por exemplo, é a mini-aplicagdo que se encarrega de todo o contetido interno, assim como o componente de registro interno (com_registration) é a mini- aplicacdo que se encarrega do registro de usuario. Médulos Uma extensdo mais flexivel e leve usada para renderizar uma pagina é um médulo. Médulos sao usados para pequenos bits da pagina que sao geralmente menos complexos e podem ser vistos através de componentes diferentes. Para continuar na nossa analogia do livro, um médulo pode ser visto como uma nota de rodapé ou cabecalho ou talvez um bloco de imagem/legenda que pode ser traduzido em uma pagina particular. Obviamente, vocé pode ter uma nota de rodapé em qualquer pagina, mas nem todas as paginas terdo as notas de ro- dapé. Notas de rodapé também podem aparecer independentemente de qual capitulo esteja lendo. Semelhantemente, os médulos podem ser renderizados independentemente de qual componente vocé tem carregado. Plugin Uma das mais avancadas extensées para Joomla! € 0 plugin. Em versées anteriores, plugins eram conhecidas como “mambots”. Junto com o desenvolvimento do Joomla! 1.5, mambots foram renomeados plugins, e sua funcionalidade foi estendida. Um plugin é uma secao de codigo que roda quando um evento predefinido acontece dentro do Joomla!. Edi- tores sdo plugins, por exemplo, que executam quando o evento Joomla! “onGetEditorArea” ocorre. Usar um plugin permite ao desenvolvedor mu- dar a maneira como o codigo se comporta dependendo de quais plugins estiverem instalados para reagir a um evento. Idiomas Nova no Joomla! 1.5 e talvez a extensdo mais basica e importante € a de idio- mas. Os idiomas sdo acondicionadas como um pacote de linguagem interno ou um pacote de extensao de idiomas. Eles permitem que o contetido principal do Joomla! e os médulos e componentes de terceiros sejam internacionalizados. Entéo um componente é uma mini-aplicacao especializada que roda no Joomla! de for- ma nativa. Ha centenas de componentes disponiveis gratuitamente, além de versdes comer- ciais fornecidas por terceiros. Vocé pode descobrir mais em extensions.joomla.org. O que é 0 Frontend e Backend de um Website Produzido pelo Joomla!? 43 Os componentes padrées que compée 0 Joomla! sao: * Contetido * Banners * Contatos ° Newsfeeds * Pesquisas * Links ExtensGes As extens6es sao de diversos tipos: componentes, médulos, plugins, templates e idio- mas. Os Componentes sao fundamentais para a funcionalidade de um site Joomla! e tém o seu proprio menu. O resto pode ser encontrado no submenu Extens6es (Exten- sions) como exibido na Figura 3.16. ration FIGURA 3.16 Submenu de Extensées O menu Extensdes contém todas as, bem, extensdes que vocé pode ter instalado em Joomnla! para estender a sua funcionalidade. Cada uma das menores extens6es possui o seu proprio gerenciador. Instalar/Desinstalar O link de menu Instalar/Desinstalar o direciona para o Gerenciador de Extensées. Aqui vocé ‘pode instalar novas extensées ¢ desinstalar as que nao quiser mais. O gerenciador é exibido na Figura 3.17. 44 Capitulo 3 Fundamentos de Administracao Joomla! FIGURA 3.17 Gerenciador de Extensdes O Joomla! permite a instalacao de extensdes dos seus pacores de arquivos zip instalaveis. O Joomla! 1.5 ira, automaticamente, detectar que tipo de extens4o esta sendo instalada. A pagina Instalar/Desinstalar também detalha sobre as extensées individuais nas suas proprias paginas para que elas sejam desinstaladas. Para poder ser instalado automaticamente no seu site Joomla!, o pacote precisa ser zipado e ter um arquivo XML com instrugées ao Joomla! de como descompacta-lo. Gerenciador de Médulo O gerenciador de médulo (Module Manager) controla os parametros (opgées) ¢ alocagao de todos os médulos em um site Joomla!, como mostrado aqui na figura 3.18. Pleat 5 Os05e80000a i I ‘Depa ol FIGURA 3.18 Gerenciador de médulo O que é 0 Frontend e Backend de um Website Produzido pelo Joomla!? 45 Médulos podem ser referenciados como mini-componentes. Enquanto um compo- nente sempre exibe o seu contetido no corpo principal, os médulos exibem seu conte- ido em locais designados. Por exemplo, o médulo Login pode ter seu local estabelecido como “esquerdo” (em muitos modelos isto seria na coluna esquerda). Freqiientemente um componente tera um numero de médulos incluido. Por exemplo, Virtuemart, um popular componente de carrinho de compras, tem um médulo que mostra os mais recentes itens 4 venda. Gerenciador de Plugin O gerenciador de plugin (Plugin Manager) é onde vocé pode controlar as opgées de todos os plugins que instalou. Anteriormente chamados de mambots, estes plugins adicionam pequena funcionalidade extra a todo o site. O gerenciador é apresentado na Figura 3.19. Administration Ste Menus Gantent_ = Components. Extensions Tools | itelp | (Se) Plugin Manager Famer a) ee) i all Pragin Hare Published © Ordera, WB ACtesS Ties 4) | Anim ies ~ - Dry: Pubic = { authontcaton 2 EE) Authenscaton - LAP o ave at Pues = 2 mulmentication: 3) 2] Authentication - Open ° ae £2} Puble = 4 authentication | : «oO Authentication - Gide OB 2 Fa] Atte 3 eutnentcaton | SE) content= Page Mevigation “ - [2 me 18 —content ' © G1 Conent- ser a == { 3] Pool: 13 content TE} Content -fatng ad av Poke = 14 content 8 EB) Contam - Email Cloaking ww a Puc 18 content 9) [E] Content- Code Hightighter (Gesep ° -* Pubic = 16 content 10 [ET] Commat- sna eau sé a Fue a. |eouend: omen Tl (Cia) in) uaa A ea) mo FIGURA 3.19 Gerenciador de Plugin Muitos destes plugins nao tém opcées; eles simplesmente oferecem algumas fungées. Alguns exemplos sao * Content — Email Clooking — automaticamente checa todas as paginas por ende- recos de email e os substitui no cédigo de origem por JavaScript, assim os “spam bots” (programas que vasculham e internet em busca de enderegos de email) nao poderao coleta-los. * Content - Load Module — Isto permite que vocé carregue os médulos no meio de um artigo de contetido. 46 Capitulo3 Fundamentos de Administragao Joomla! Gerenciador de Modelo O Gerenciador de Modelo (Tamplete Manager) mostra todos os modelos atualmente instala- dos (veja Figura 3.20). lal Administration e Template Manager * 7% QO Defsut Edt Ha | if ie : te ie me ) : zi ‘Deteutt Assigned ae Date Author | 4 TempinieTuterist Sout . 18 December 06 Barrie North * iW Ga Gone FIGURA 3.20 Gerenciador de Modelo O Gerenciador de Modelo controla como um modelo ¢é implementado no seu site. Vocé pode editar os arquivos HTML ou CSS, designar um modelo para paginas especificas ver seu preview com as posicGes de médulo apresentadas. Algumas das novas caracteristicas do Joomla! 1.5 permitem aos modelos controle total so- bre como o contetido principal do Joomla!, seus componentes ¢ médulos, s40 mostrados sem nenhuma complexidade. Esta é uma caracteristica muito versdtil e poderosa, e nés daremos uma olhada nela novamente no capitulo 9, “Criando um Modelo Puramente em CSS”. Gerenciador de Idioma Joomla! 1.5 tem varias novas ferramentas poderosas no que diz respeito 4 internacionaliza- cao. O Gerenciador de Idioma (Language Manager) mostra todos os pacotes de idiomas atualmente instalados (veja Figura 3.21). ee ee elmer cries Site Menu Content Compenents Extensions © Tools ——help Birrevien Go is togoot Ee Language Manager fd . Cetaut Hep se Administrator a * Lenquege Put ates Version Oate uthor Author Email ee) 1. © Engiea(Unked Kingdom) a 150 somngoomia.org Depey al A aaa) FIGURA 3.21 Gerenciador de Idioma Joomla! 1.5 possui um conjunto de caracteres UTF-8, 0 que significa que vooé tem pacotes de idioma com suporte RT (right to left—direita para a esquerda) para backend, instalador e sistemas de ajuda. Isto torna o Joomla! 1.5 uma aplicagao completa para usar em qualquer linguagem ou combinagio de linguagens, o que é algo tinico dentre os CMSs open source. H4 mais de 40 tra- ducées autorizadas disponiveis para o contetido principal, indo de alemao ou sueco ao bilgaro ou aribico. Voc? pode ler mais sobre elas em http://dev,joomla.org/content/view/42/66/. O que é 0 Frontend e Backend de um Website Produzido pelo Joomla!? 47 Ferramentas O submenu Ferramentas (Tools) nao ¢ visivel para os logins de nivel de gerenciadores. Ele contém algumas ferramentas gerais usadas para administrar seu site (veja Figura 3.22). FIGURA 3.22 Submenu Ferramentas O menu Ferramentas aparece somente para administradores ¢ super administradores. Ele possui um sistema de mensagem privada muito basico (PMS - Private Message System) e um basico sistema de email em massa. O PMS recebe notificagao quando uma parte do conteudo é apresentada (por exemplo), ¢ a funcao email em massa permite que vocé envie email para todos seus usudrios cadastrados. Contudo, ela deveria ser usada com extrema cautela, pois en- viar emails desta maneira ¢ passivel de nao se adaptar 4s modernas regulamentagées de CAN- SPAM. Para enviar email em massa, vocé precisara de uma extensao apropriada de terceiros. Algumas andlises podem ser encontradas no meu blog, compassdesigns.net. Checkin Global A ferramenta Checkin Global verifica em todo o contetido itens que podem ser abertos ou que foram abertos para edi¢éo. O Joomla! tem uma fungao embutida que permite apenas uma pessoa por vez editar um artigo de contetido. Isto é muito importante para o getencia- mento de contetido. Ele faz isso “verificando” os itens para que entao ninguém mais possa abri-los. No entanto, se alguém usar o borao “voltar” ou fechar o navegador enquanto edita, o item pode permanecer “em verificagao”. O Checkin Global oferece uma fungao para 0 super administrador tornar todos os itens de contetido disponiveis para edic&o novamente. Nem € preciso dizer que o super administrador precisa ter a certeza de que ninguém esta editando ao mesmo tempo. Ajuda O submenu Ajuda (Help) contém links para a documentag’o oficial do Joomla! que ira abrir o backend em um wrapper (veja Figura 3.23). Isto significa que vocé sempre terd aces- so A documentagao mais atual. FIGURA 3.23 submenu Ajuda Joomla! tem uma util fungado Ajuda embutida dentro do backend administrativo. E uma base de conhecimento investigdvel da maioria das fungées basicas e é um espelho da docu- mentacao de ajuda em help.joomla.org. 48 Capitulo 3 Fundamentos de Administragio Joomla! Outro timo lugar para ter suas perguntas respondidas e problemas solucionados ¢ o forum oficial do Joomla!, em férum.joomla.org. E uma grande comunidade e ha muitos usudrios que sao de extrema ajuda. Preview do Site Quando vocé usa a funcao Preview, o Joomla! abre uma nova janela de navegacdo com o frontend do site exibido. O link preview esta 4 direita da barra do Menu, como mos- trado na figura 3.24. Administration Ste Werwa Content «Components «| Extensions = Tools ely [3¥) Gtobal Configuration i Soyer Server | oa ia SEO Setmngs Search Engine rienmy URLS) tip > Ves Otine Mantige Gis wine is dow for aaincenence cbs /> Mlease check Beectrent Om © inl ieack aguio soon. : Feed Settings Show the most recent [78 fe For each article, show ©) cates @ nie | Yea Deteutt WIV SNS Ecitor (Eo Tey 20 | Usttenge [20 Uetodars Setings Bansgexan: synces, Global Site tein Keywords ecules, estle=*”*”*”~”~”~—~—* | Show Author Menten yp © ves FIGURA 3.24 Ambiente de um site offline na Configuragao Global O Joomla! contém uma caracteristica util que inclui tornar o site offline. Vocé pode encon- tra-la em Site>Configuration. Quando vocé faz o seu site offline, visitantes sao recebidos com uma simples mensagem exibida na Figura 3.25. A parte titil disto é que se vocé estiver agora logado. como um administrador, vocé pode ver 0 site como os visitantes veriam. Isto é tremendamente util, pois é possivel tabalhar em um site antes de estar on-line e ver suas edigdes, mas o publico sera incapaz de vé-lo. Isto pode ser ainda mais util, pois vocé pode ajustar a mensagem offline ao seu gosto. Tal- vez queira incluir uma répida mensagem sobre o seu site ¢ que estd por vir em breve. Vocé também pode adicionar HTML em sua mensagem do Site Offline o quanto quiser, ainda mais do que vocé acha pode se encaixar dentro da caixa Configuracao Global. Vocé pode até incluir imagens usando a tag HTML Configuration (este exemplo levard até a tela de Configuracao Global). Olhando novamente na descrigdo geral do backend, vimos que: Um site Joomla! consiste em dois sites: o frontend ptiblico e um backend admi- nistrativo. O melhor lugar para informaces sobre fungées especificas de todos os botdes e me- nus é no help.joomla.org. E muito mais preciso e atualizado do que um livro pode ser! O Painel de Controle é a principal ferramenta para administrar um site Joomla! Partes diferentes dele sao visiveis por administradores diferentes. Extensdes de tercei- ros freqiientemente terao Workspaces que s4o organizados diferentemente as fungdes internas do Joomlal. Ha dois tipos principais de usuarios: frontend e backend. Os tipos de usuario fron- tend manipulam conteudo, enquanto tipos de usuario backend sao responsdveis pelo gerenciamento do site. Capitulo 4 O Contetido é Rei: Organizando Seu Contetido Pe ser um Sistema Gerenciador de Contetido, a funcao primaria do Joomla! é organizar e apresentar todo o contetido no seu site. Ele faz isso através de artigos de contetido. Es- tes discretos pedacos de contetido devem ser organizados em uma hierarquia de dois niveis compreendida em secées e categorias. Neste Capitulo Este capitulo oferece um tutorial detalhado que explica como 0 Joomla! exibe seus artigos de contetido e como vocé pode organizar as suas estruturas hierdrquicas. Ele detalha como planejar organizar o contetido e interagao do usudrio com o site. Ele também explica a estrutura hierarquica atualmente usada em Joomla! — secdes ¢ categorias — ¢ como melhor dispor o contetido dentro delas para sites pequenos e grandes. = Como o Joomla! cria paginas web? = De que maneiras diferentes eu posso apresentar os itens de contetido? = Como eu posso organizar meu conteudo? = Como os componentes e médulos apresentam informagao? Como Joomla! Cria Paginas Web? Para os novos em Joomla!, uma das coisas mais dificeis para entender é como o contetido é organizado. A relagao entre segdes, categorias, blogs e tabelas pode ser muito confusa. A chave para entender como organizar o contetido estd em como o Joomla! cria as paginas. Eu tratei disso com detalhes no capitulo 1, “Sistemas de Gerenciamento de Contetido e uma Introdugao ao Joomla!”, e estou abordando novamente. Se vocé tiver um sdlido conhecimento de paginas dinamicas PHP, pode pular para “Como o Joomla! organiza seus artigos”, mas se parte do seu cérebro ainda se volta para paginas estaticas HTML, vale a pena dar uma rdpida olhada novamente! Para ter uma idéia melhor de como um site Joomla! pode ser organizado, vamos criar um mapa para um site imagindrio. Serd para uma empresa chamada Widget Inc., que vende widgets azuis e verdes. Este exemplo poderia facilmente ser generalizado como qualquer tipo de site “falheto” para uma pequena empresa. Um mapa do site é uma ferramenta padrao de planejamento usado por web designers e é crucial para um site em Joomla!. E freqiientemente apresentado como um diagrama em forma de drvore que mostra todas as paginas no site. Figura 4.1 mostra um exemplo. 51 Neste mapa do site, cada pagina é representada por uma caixa, € as linhas sao links den- tro do site. Um mapa representa a arquitetura (links) de um site ao invés da organizagao do conteido. No entanto, é ainda uma util ferramenta de planejamento para organizar o site. Na Figura 4.1, ha sete paginas; de um ponto de vista organizacional, parece haver quatro caminhos principais no site: ¢ Sobre nds e Servicos ¢ Entre em Contato * Blog Widget FIGURA 4.1 Mapa do Site O primeiro passo para tentar entender como Joomla! estrutura seu contetido é perceber que ndo existem paginas! Ok, entdo o que isso significa? No capitulo 1, falamos sobre a idéia de “placcholders” para o conteido. Lembre-se de que o conteudo é armazenado em um banco de dados e precisa ser colocado nas paginas pelo Joomla!. O Sistema Gerenciador de Contetido (CMS) tem espagos nas suas paginas Como Joomla Organiza Artigos de Contetido? 53 para pér o contetido e ele precisa saber qual contetido deve ser posto la, O Joomla! s6 sabe qual contetido deve ser usado, depois do usuario clicar em um link. Quando ele fizer isso, o Joomla! entao sabe qual pagina gerar, pega o contetido ¢ 0 coloca no lugar. Considere um exemplo diferente — uma revista. Vocé volta para o indice, procura alguma coisa, pega o numero da pagina e vai para ela. Para que aquela pagina seja preenchida com contetido, o designer/autor da revista precisou escolher o contetido e organiz4-lo como queria naquela pagina. Entdo, vocé vai para aquela pagina e vé o contetido. Isto parece um exemplo muito simples, mas ilustra claramente como as paginas sao criadas em um CMS. Em um site Joomla!, vocé clica em um link (0 indice da revista) e, entao, o contetido é ge- rado e organizado na pagina. No exemplo da revista, as paginas existem antes de ir até elas, mas em um site Joomla!, a pagina s6 existe quando vocé a visita. Estranho, mas verdadeiro. Ha duas maneiras principais do Joomla! criar 0 contetdo: * Componentes * Artigos (organizados em secGes e categorias ou nao categorizados) * Outros componentes como links web ou contatos * Mdédulos Como vimos no capitulo 1, os componentes séo apresentados no corpo principal de uma pagina web Joomla!, geralmente uma grande coluna no meio. Os Médulos sao, geralmente, encontrados nas laterais daquele corpo principal. Neste capitulo, veremos a tarefa de orga- nizar e apresentar os artigos. Outros componentes ¢ médulos serao examinados no capitulo 7, “Expandindo seu contetido; Artigos e Editores”. Como 0 Joomla! Organiza Artigos de Contetdo? Joomla! fornece duas opgées de organizar todos os seus artigos de conteudo. Lembre que cada artigo é uma pequena parte do contetido; por exemplo, pode ser um anuncio de noti- cias de dois pardgrafos sobre a sua empresa. Enquanto um pequeno site pode ter apenas de cinco a dez artigos, um site grande pode ter milhares. O tamanho e complexidade do seu site s4o uma grande consideracdo de como organizar seus artigos. Vamos dar uma olhada conceitual nestas duas opgdes organizacionais e, entao, veremos como eles se aplicam ao nosso site Joomla! imaginario para a Widget Inc. Artigos Nao Categorizados Artigos nao categorizados sao, sem dtivida, a maneira mais simples de organizar um site Joomla!. Como o nome diz, nao ha basicamente nenhuma estrutura hierarquica. Vamos considerar uma analogia para nos ajudar a entender. Imagine que estamos ten- tando organizar uma pilha de papéis sobre uma mesa. Cada pedago de papel representa 54 Capitulo4 QO contetido é rei: Organizando o Seu Contetido um tinico artigo de contetido, ¢ nosso site é representado por um armdrio de arquivos proximo a mesa. Se féssemos organizar nossos artigos como nao categorizados, nés iriamos simplesmente colocé-los em uma gaveta deste armario. Se nao houver muitos artigos, esta é uma maneira rapida ¢ facil de organiz4-los. Eu posso facilmente encontrar 0 que quero apenas pegando a pilha de papéis e revirando as folhas (isto é, seguindo links para artigos diferentes). Secées e Categorias Se eu tiver muito mais do que uma duzia de artigos, usar artigos nao categorizados nao vai funcionar. Se eu pegar a pilha de papéis, eu terei que olhar milhares de pedacos de papel. Como quase todos os Sistemas de Gerenciamento de Contetido, o Joomla! oferece uma hierarquia para organizar grandes quantidades de artigos de contetido. O Joomla! oferece dois niveis: o mais alto é chamado de segées € abaixo dele estao as categorias. Na maioria geral dos casos vocé tera o tipo de estrutura (secdes e categorias) mostrada aqui: * Secao 1 * Categoria A * Artgo i * Artigo ii * Categoria B © Artigo ii * Artigo iv * Seco 2 * Categoria C * Artigov ® Artigo vi * Categoria D * Artigo vii * Artigo viii Retornando a nossa analogia do armario de arquivos, nele ha pastas suspensas e dentro delas vocé possui envelopes e dentro destes estao as folhas de papel que sao os artigos. Isto é exibido na Figura 4.2. Como Joomla Organiza Artigos de Contetdo? 55 / Vidgets Verdes nich GO wD wh ach ep df ge Ag a eh (a Ma oa oat nih. ajo oR aC AR ch AE te FIGURA 4.2 Como 0 Joomla! armazena seu contetido O armiario ¢ 0 site, as pastas suspensas sdo as segdes, os envelopes sdo as categorias € os pap¢is sdo os artigos. Secdes A camada mais alta de hierarquia de contetido Joomla! é composta por segées. A melhor maneira de imaginar secdes é como contéineres que oferecem 0 maior conjunto de itens na hierarquia. Segdes s40 os pais das categorias. Uma secao pode ter um ou mais filhos (catego- rias). Uma secao também pode ter um conjunto sem filhos (categorias), mas neste caso nao sera visualizada pelos visitantes do site. Categorias As Categorias constituem a camada do meio na hierarquia. Categorias so filhos das segGes pais. Uma categoria deve ser vinculada a uma se¢ao, nao pode existir sem uma. Categorias também sao os pais de itens de contetido. Uma categoria pode ter um ou mais filhos (itens de contetido). Uma categoria também pode ter um lugar vazio sem filhos (itens de conteudo), mas funciona como a configuracao de seces, nao sera visivel para visitantes. Artigos Artigos de contetido s4o a mais baixa camada de hierarquia e s4o os mais importantes. Eles s4o 0 que a maioria das pessoas chama de “paginas” dos seus sites — isto é, artigos de conte- ldo séo o que vocé cria para adicionar contetdo e exibi-los aos visitantes do site. Um artigo de contetido deve ser atribuido a uma categoria; nao pode existir sem uma. 56 Capitulo4 O conretido ¢ rei: Organizando o Seu Contetido Amostra de Hierarquia Vamos dizer que queremos criar um site que discute Carros classicos americanos. Planeje as Secées Vamos também supor que nés decidimos que um tipo de carro que queremos discutir no site €o0 grupo Muscle Car — aqueles carros grandes de alta performance que eram muito populares nos anos 60 e 70. Faremos deste tipo de automével nossa camada mais alta— uma segao. En- t4o, primeiro criamos uma nova secéo e damos o nome de “Muscle Cars”. Planeje as Categorias Um subsistema virtual de Muscle Cars (item pai) seria uma lista dos fabricantes que produ- zem os Muscle Cars, Em seguida, criamos categorias para cada fabricante: Chevrolet, Chrys- ler, Pontiac e Ford. Nés vinculamos cada uma destas categorias 4 secao: “Muscle Cars”. Planeje os Artigos Agora chegamos ao mais importante: Construir as paginas para cada modelo de carro. Os modelos de carros so, em outras palavras, o nivel mais baixo da nossa hierarquia. Para criar paginas para cada modelo, criamos itens de contetido que representam cada um deles. Entao vinculamos cada modelo (item de contetido) ao fabricante apropriado (categoria). Vamos dar uma olhada em uma categoria especifica: Ford. Para este fabri- cante, queremos criar paginas para cada um dos seguintes modelos; Mustang, Fairlane, Falcon e Galaxy. Neste caso criamos itens de contetido para cada modelo e vinculamos cada um a uma categoria chamada “Ford”. Visualmente, criamos uma hierarquia de contetido que se parece com a seguinte: * MUSCLE CARS [Secao] * Chevrolet [Categoria] * Chrysler [Categoria] * Pontiac [Categoria] « Ford [Categoria] * Mustang [Item de contetido| * Fairlane [Item de contetido] * Falcon [Item de contetido] * Galaxy [Item de conteido] Vamos retornar 4 nossa empresa de widgets imagindria e examinar dois exemplos de orga- nizacao do contetido usando os dois métodos que acabei de explicar: nao categorizados e secées/categorias. Criando O Site Widget Inc. Com Contetida Nao Caregorizado 57 Criando o Site Widget Inc. Com Contetido Nao Categorizado Para entendermos melhor como montar 0 contetido em um site, nado vamos organiz-lo em segGes e categorias, vamos tornar todos os itens de contetido nao categorizados. A maneira mais facil de criar um site com Joomla! ¢ com contetido nao categorizado. E muito mais facil para entender como um site Joomla! é conduzido, logo é um bom lugar para comegarmos. Porém, o método nao categorizado nado é muito proveitoso se vocé tiver mais de uma du- zia de paginas, porque o contetido fica muito dificil de ser gerenciado. Um tinico item de conteudo no categorizado no banco de dados ira corresponder a uma tinica pagina de contetido no site — legal e simples. Se vocé quiser seguir junto enquanto criamos este site, precisara instalar 0 Joomla! (veja capitulo 2, “Fazendo Download e Instalando 0 Joomla!”) em algum lugar. Aconselho insta- l4-lo como um localhost. Sem nenhum contetido, nosso site se parece com o que é exibido na Figura 4.3. EE her ens Powered by Joomis!, Vaid XHTML and CSS. | FIGURA 4.3 Instalacao nova do Joomla! sem nenhum conteudo Para tornar este exemplo, no qual estamos trabalhando, mais apropriado, precisaremos de um mapa um pouco mais simples da Widget Inc. Vamos supor que tenhamos um site que consiste em trés paginas: uma “Pagina Inicial”, uma “Sobre nds” e uma pagina de “Servi- gos’. Isto é exibido na Figura 4.4. 58 Capitulo4 QO contetido é rei: Organizando o Seu Contetido FIGURA 4.4 Mapa simples de Widget Inc. Primeiro, precisamos criar alguns artigos para este exemplo de site. Criando Artigos de Contetido Se ainda nao o fez, vocé deveria voltar e revisar o capitulo 3, “Administragio Basica do Joomla!” Vocé precisara ter um bom senso de como navegar no backend enquanto trabalha neste exemplo. Ja releu? Excelente, vamos continuar. No menu de contetido estd o gerenciador de artigo. Temos dois itens de contetido que pre- cisamos criar, Sobre Nds ¢ Servigos. Estes sao criados simplesmente clicando no botao Novo. Va para Conteido>Administrar Artigos (content > Article Manager). O Gerenciador de artigo sem nenhum artigo adicionado é exibido na Figura 4.5. J ect a ‘Se Menus Content Components Extensions Tools Help Fimnew Oo a) S Lago = Article Manager SB Q@QaGg & Doarchve = archwe = Pubieh = Unouble® eee Copy Fie |) | Seleet Section - 54] Select Calegony- | -Saleck Author Al Amp «oO me Pubshed FrontPage Onder A Access Section, «= Category Aether Date Wits Dacey dal (OiBaa) (O.Aan (tee) sna) H Pebishes, bot w Pending | Ge Pubamed ang is Current] |G Pubdoned, vat has Eerreg! Q) wor Punmaned Cle on iin fo Naga tate, FIGURA 4.5 Gerenciador de Artigo Quando dlicamos no botao Novo (New), um editor aparece e podemos acrescentar o con- tetido desejado. Na Figura 4.6, vocé pode ver onde eu adicionei uma frase dentro do editor. Veremos com mais detalhes sobre como adicionar e editar contetido no capitulo 7, Agora esta- mos examinando a organizagao do site. Observe que cu insiro o titulo tenho as segdes ¢ categorias como ndo categorizadas; na Figura 4.7 vocé pode ver as caixas suspensas mostrando isto. Criando O Site Widget Inc, Com Conteido Nao Categorizado 59 Vocé deve ter notado, se estiver seguindo junto com uma instalacéo Joomla! de contetdo vazio, que havia apenas uma escolha para secdo e categoria na caixa sus- pensa — Sem Categoria. Isso faz sentido, pois nado criamos nenhuma; vocé cria segdes e categorias 4 medida que elas se tornam opcées disponiveis neste menu, Também se vocé selecionar uma se¢4o em particular, um menu suspenso ird automaticamente ser preenchido com as categorias que estao nesta sec4o. Site Menus | Content Components Extensicns Tesla Help imeiew Go my 2 eat Sa) Article: (new) 2 @79006 Pee Sa Aly Cane Ha Bor Dac) ee ee |! Spies Sil Ps SELF ole beam woe A fete eet al Lee ee ee Our company m called Weiget Inc, We make the best wrddgets around, in green and blue. Our offices are in Widgetvile, USA. wept 2 Papereak | Restore 5 FIGURA 4.6 Adicionando um artigo nao categorizado Clique no icone Salvar (Save) e, entéo, adicione outro artigo com o titulo “Servigos”. Depois de adicionar servicos de uma maneira similar, temos dois artigos no nosso gerenciador como apresentado na Figura 4.7. Veja como as colunas secao (Section) ¢ categoria (Category) estao em branco. 60 Capitulo 4 O contetido é rei: Organzando 0 Seu Contetido (HRA [Oa Detrne! (ts (det) nei) seen ort 3G Poptenes, cots Beogng | Gp Puntaned anc Curent] (Gy Pwomned, wut has Geared! (not Pumas (ick on icon tn toggle state. FIGURA 4.7 Gerenciador de artigo com artigo de conteddo Sobre Nés e Servicgos Entao, agora que adicionamos nosso conteudo, vamos olhar o frontend do nosso site. Se estiver acompanhando cuidadosamente (havera um quiz depois!), vocé deve ver uma tela como esta mostrada na Figura 4.8. f ; —— 7 Y Ee i | Kd | I | | Powered by Joomia! Valld XHTML ang CSS. FIGURA 4.8 Frontend com dois artigos de contetido “Espera um pouco”, vocé diz. “Onde est meu contetido?!” Como acabamos de falar, a coisa mais dificil para usuarios entenderem sobre Joomla! é que contetido nao existe nas paginas do site, somente no banco de dados. Ele somente é exibido no site quando é feito um link em um menu — isto é, os menus determinam 0 con- teudo de um site Joomla!, nao os itens de conteido. Certamente, eles estarao 14 no banco de dados, mas somente aparecerao quando vocé fizer um link em um menu em algum lugar. Uma conseqiiéncia disto é que vocé tem que criar o contetido primeiro e, entao, criar os links para ele. Isto é real para todo o contetido que esta no corpo principal das suas paginas. Eles devem ter um link para eles para que possam aparecer no site. Apenas para aumentar a confusao, eles também devem ser “publicados” no Gerenciador de Item de Contetido. Nossos dois irens esto publicados, entao vamos adicionar links para estes itens de conteido no menu. Criando O Site Widget Inc. Com Contetido Nao Categorizado 61 Criando Itens de Menu Vamos observar 0 menu que esta neste site; ele é chamado de menu principal. Se olhar no- vamente a Figura 4.7, vocé vera este menu na coluna da esquerda. Ele tem apenas um link para iniciar, um que faz um link para a pagina inicial do site. V4 para Menus>Menu Principal (Menu > Main Menu). No Gerenciador de Menu, vemos uma tela como na Figura 4.9. No momento esta mostrando somente nosso tinico link para a pagina inicial. _Ste | Menus | Content Components Ertensions Toot Met I peereerO e aeet wy EBB Menu Manager: tmainmenu) ErxrGSlse B87Oa senate Menu Defaut Publish Unoublish Move Cony Tres bat new Help Free a) MaxLevets 10 Gili . 0 Menu Item Defeutt Published Onderby Access Type emia + ED Home a ¥ ‘=i Pubic Aftcles 1 ones (Gs) (Simm (ee) een) mes FIGURA 4.9 Menu principal inicial Criamos um menu novo clicando no botio Novo (New). Entao, vemos uma tela da qual podemos criar um novo item de menu, exibida na Figura 4.10. >! Administration ‘Select Menu nem Type Bescription oo B interna Link & Articles & Contnets O- News Fess, Pols @ Search oe User a Web Links Wrapper a> Steal link ae &D Separstor o- Gi Ais FIGURA 4.10 Tela admin para Adicionar um Item de Menu 62 Capitulo4 O contetido é rei: Organizando 0 Seu Contetido O processo de adicionar um menu é totalmente novo no Joomla! 1.5 e é apresentado em uma estrutura de drvore. Como queremos um link interno para um artigo tinico, vamos expandir a drvore clicando em link interno>artigos (internal link > articles). A drvore expande com todas as op¢ées vidveis para fazermos um link para nosso item de menu. Isto é mostrado na Figura 4.11. FIGURA 4.11 Criando um link para um artigo de conteddo simples Fires Ge m1 Figen eo Cot ee Perceba que nés poderiamos ter um link para toda uma seg4o ou uma categoria. Como nao temos nenhum deles, vamos para o artigo e clicar em Layout Padrao de Artigo (Stan- dard Article Layout), apresentado na Figura 4.11. Na préxima tela, Novo Item de Menu (New Menu Item, na Figura 4.12), precisaremos preencher varios parametros para um novo link. Nao ¢ imediatamente dbvio como selecio- nar o artigo que queremos e fazer um link para ele. Abaixo dos pariametros do item de menu do lado direito, h4 um botao para selecionar o artigo (exibido na Figura). Criando O Site Widget Inc. Com Contetido Nao Caregorizada 63 7 —_—, Se Camporents Extensions Toate: oe Bees Ge mt Crops EE New Menu tem @wvoo UH — oa Mpeg rem Typer > Meng tem Parameters ( Sheng Teen] Sens pe Acie ‘Cele Page Cine Sate ——— ee | i mes O of © yee O be a has Om Ove Ceweciyg: Rew fer detest to Dua nal place Cesar cat be Raga wR ten eared Aocena Level: 3 ia <<. rs Nee Winton Wire Brome | x FIGURA 4.12 Adicionando parametros de item de menu novo Ao clicar em Selecionar aparece uma caixa pop-up onde podemos selecionar o artigo que queremos fazer um link, exibida na Figura 4.13. Por ultimo, mas nao menos importante, dé um nome para o seu link. O nome dado sao as palavras que serao exibidas como link. Esta é uma parte crucial para a Otimizagao de Ferramentas de Busca (SEQ). FIGURA 4.13 Selecionando o artigo ao qual o menu de item serd linkado. 64 Gapitulo4 _O contetido é rei: Organizando o Seu Contetido De volta 4 amostra de site. Depois de criar um outro link para Servicos da mesma ma- neira, nosso menu principal parecer4 como na Figura 4.14. Ourerdt W (Osun aml FIGURA 4.14 Menu principal com itens de menu Pagina Inicial, Sobre Nés e Servicos Quando vamos agora para o frontend, vemos estes trés itens de menu no nosso menu principal na coluna da esquerda (exibido na Figura 4.15). Clicar em qualquer um destes trés links ird nos levar através do nosso simples site Joomla! de trés paginas. Criando O Site Widget Inc. Com Contetido Nao Caregorizado 65 | | Powered by Joomia!. Valid KHTML and CSS, FIGURA 4.15 Frontend de um site Joomla! de trés paginas Note que os nomes dos itens de menu no menu principal (no Gerenciador de Menu) sao os que aparecem na pagina na mesma ordem. Na verdade, vocé pode mudar a ordem na pa- gina mudando a ordem no backend (clicando nas pequenas setas do Gerenciador de Menu). Clique nos links e vocé veri as paginas com o contetdo que inseriu. Por exemplo, se clicar em Sobre Nés, veremos 0 artigo de contetido como exibido na Figura 4.16. Warten try Adiesiisirater Friday, 06 saby 2007 ‘Cur company is called Woiget inc. We maka the best widgets around. in green and Due. Our offices are in Widgebille, USA. Powered by Joomal. Vaild AHTML and CSS. FIGURA 4.16 O artigo Sobre Nés visto de um frontend Quando clicamos no link Pagina Inicial, somos novamente recebidos pela pagina em bran- co mostrada na Figura 4.8. Mas por que a pagina inicial ¢ em branco? Para essa pergunta, precisamos analisar 0 componente Pagina Inicial. Componente de Pagina Inicial Agora temos dois artigos de contetido, Sobre Nés ¢ Servigos. Também temos dois itens de menu no menu principal que fazem um link para estes artigos. Agora precisamos configurar a tltima pagina do site Widget Inc., a pagina inicial. Comecamos a estudar alguns dos as- pectos de Joomla! que sao mais dificeis de entender agora. Quando recentemente instalada, a pagina inicial nao ¢ um simples link para artigos de contetido; é, na verdade, um compo- nente especial chamado de Componente Pagina Inicial. Como discutido no capitulo 1, 0 contetido no corpo principal é criado por qualquer numero de componentes. Até agora neste capitulo, nds discutimos sobre o com_content, 0 66 Capitulod O contetido ¢ rei: Organizando o Seu Contetido componente que lida com artigos ¢ os apresenta de diversas maneiras, Ha varios componen- tes no contetido principal do Joomla! que criam contetido do corpo principal desta forma: * Contatos * Grupos de discussa0 © Pesquisas * Links Web * Pagina Inicial Os quatro primeiros ndo usam artigos, mas adquirem contetido de muitos lugares, seja dentro do banco de dados do site Joomla! (contatos) ou até mesmo de outros sites (Feeds RSS). O componente Pagina Inicial usa artigos ¢ os apresentam de uma forma especifica. Basicamente, um componente é uma mini-aplicacao que apresenta dados no corpo principal de um site Joomla! de alguma maneira, Um bom exemplo de um componente é um férum. O contetido apresentado € altamente especializado e diferente do resto do site. Em quase todos os casos (exceto no componente Pagina Inicial), todos os componentes instalados estéo no menu Componentes. O componente Pagina Inicial é tinico em Joomla! que no é gerenciado por nenhum item no menu de Componentes, mas sim no Gerenciador de Pagina Inicial, o Gerenciador de Artigo, ¢ de dentro de artigos de contetido. Muito simples, © componente Pagina Inicial permite a publicagao de qualquer item de contetido em um banco de dados de site Joomla!, na pagina inicial, desconsiderando o que aparece no site. Olhando para o Gerenciador de Pagina Inicial (Frontpage Manager), vemos o que é apresentado na Figura 4.17. mele el alcsee-ti (ey) Site Menus Content ae [BE] Frontpage manager QR aGQ ge Qo __Atehiee Publi Unpubist) Remove Gi) Publahed, nut is Penwina| I Published and is Cureot! @@) Publehed, but nes Exairee! Not Published ‘Click on icon to teggie atnte, FIGURA 4.17 Ginneiicdne da Pagina Inicial sem artigos Ainda nao temos nada no Gerenciador da Pagina Inicial. Talvez seja por isso que nossa pagina inicial esta em branco! Criando O Site Widget Inc. Gom Conteiido Nao Categorizado 67 Se olharmos atentamente para o Gerenciador de Artigo, nds podemos ver uma coluna sobre a Pagina Inicial. Aqui ¢ apresentado na Figura 4.18. smyth. Sit) |.) it) (tine) Lent) pape ver (% Puptenes. bute Pongmg| Gp Puviones and Gurent) (G Puntened, betas Eamteg | GP Hot Pubiinned ‘Tick wn ico to toggle state. FIGURA 4.18 [cones de publicagao Pagina Inicial no Gerenciador de Artigo Estes icones de publicagao na coluna Pagina Inicial controlam se um item aparece na pagina inicial do site. Nés podemos simplesmente clicar nesses Xs e marca-los para ter os itens incluidos na Pagina Inicial. Note que os dois artigos tem Xs vermelhos. Se clicarmos neles, teremos um checkmark. Também podemos modificar esta configuracao na aba de publicacao do item de contetido atual. Na Figura 4.19, podemos ver 0 artigo “Sobre Nos” com os parametros de publicacao da Pagina Inicial exibidos. Se publicarmos nossos dois artigos na Pagina Inicial (seja clicando nos icones no Geren- ciador de Artigo ou configurando o parametro dentro dos dois artigos), nossa pagina inicial se parecerd com a Figura 4.20. A ordem dos artigos na pagina inicial é controlada pelos parametros do link de menu. Pode ser por data, alfabética ou muitas outras opgdes. Veremos os parametros de link de menu com mais detalhes no capitulo 5, “Criando Menus e Navegagao”. 68 Capitulo 4 O contetido é rei: Organizando 0 Seu Contetida (er 0 oe |e Pte Artie EERO oS beF=$HoOORht roa aba. — abil x 10 = ofl fret 1 ar a ‘Our company t caled Weiget Inc. We rake the best widgets around, in green and blue. Our offices are in Wiigatvile, USA, Welcome to the Frosipage About Us aaa Writes: by Adenrustrator Fretay, 08 Juty 2007 1848 ‘Qui company 1s called Widget Inc. We make the best widgets around. in green and bine Gur ofteas are in Wisgatvile, USA Lassi Upeated { Friosy. 06 July 2007 Tepe ) Services Rea Weriter my Aitmnistratar 1 Friday, 08 Juy 2007 16:52 | ‘We are great at making widgets. ‘Contact us today to near mare about our ‘widgel services. Powered by Joomial Valid XHTML and CSS. ee | K FIGURA 4.20 Pagina com dois arquivos publicados na Pagina Inicial A pagina inicial do site nao precisa ser conidia pelo Gerenciador de Pagina Ini- cial. As vezes um controle maior sobre o seu layout é necessdrio, entre outras coisas, O item padrao no menu principal serd a pdgina inicial do site — aquela com uma estrela préxima a ela, Em instalagéo padrao do Joomla! isto é ajustado para ser o Gerenciador da Pagina Inicial (o link Pagina Inicial), mas poderia simplesmente ser um nico item de contetido, uma categoria inteira ou um outro componente. Criando Widget Inc. com Secées e Categorias 69 A Figura 4.20 mostra um site Joomla! simples com trés paginas baseado no mapa da Figura 4.5. No inicio deste capitulo, consideramos um site um pouco mais com- plexo de sete paginas inteiras! Para construir este site grande, iremos agora dar uma olhada no segundo método de organizacao de artigo que o Joomla! pode usar, segGes ¢ categorias. Criando 0 Widget Inc. com Secées e Categorias Vamos voltar ao exemplo com o qual comegamos — nosso site de sete paginas exibido na Figura 4.21 (é idéntico ao da Figura 4.1, reproduzido aqui por conveniéncia). Agora que temos uma idéia melhor de como criar artigos em Joomla! e como efetuar links entre eles com os itens de menu, podemos examinar como criar este site com segGes € categorias. Nos sabemos que duas destas paginas serao componentes: o componente “Pagina Inicial” para a pagina inicial, e os componentes de contato para a pagina “Entre em Contato’. Isso nos deixa com outras cinco paginas. Podemos ver que existem na verda- de sete irens de contetido aqui: * Sobre nds * Servicos * Blog Widget * Blog de hoje * Blog de ontem * Widgets verdes * Widgets azuis FIGURA 4.21 Site de sete paginas Widget Inc. ... novamente 70 Capitulo4 Q contetido é rei: Organizando o Seu Conteido Joomla! nos da dois niveis organizacionais: primeiro sao as segdes, ¢ dentro deles estao as categorias. A primeira vista, nossa estructura pode parecer 6bvia. Excluindo os dois componentes, temos trés segdes: * Sobre nds * Servicos * Blog Widget Agora as coisas comegam a ficar complicadas... Uma maneira de organizar nosso contetido seria da seguinte forma: | | Segdes | Sobre nds | Servicos | Blog Widget Categorias | Sobre nds | Widgets azuis Blog Widget | Widgets verdes As categorias Servigos funcionam bem e fazem sentido; as outras duas parecem duplicar o nivel de contetido. Isto ¢ porque a hierarquia do contetido para aquela drea é apenas um “nivel” abaixo. Nos acabamos com um nivel redundante. Ha duas solugées para isto: * Talvez.a solucao mais facil seja tornar todos os itens de tinico nivel em contetido ndo categorizado. E ja vimos que isto é facil de fazer. A parte negativa é que o site pode rapidamente se tornar dificil de manter. Eu percebi que isto acontece com mais de 10 a 15 artigos nao categorizados principalmente porque o Joomla! nao oferece organiza- go para eles, entao eles sao todos misturados em um sé grupo. * A segunda solugio é sermos mais criativos com nossas segdes/categorias. Por exemplo, podiamos ter apenas uma tinica segao; vamos chamé-la de “Todo o contetido”. Entao teremos todas as secdes dentro dela: Segdes Todo 0 contetido Categorias Sobre nés Widgets azuis Widgets verdes Blog Widget Este problema de um item redundante freqiientemente acontece com sites menores que tém pouco contetido. Nestes casos vocé tem que ser criativo. No nosso exemplo seria bom usar um mix de boas solugdes — um unico artigo nao categorizado para Sobre nds e entao duas segdes para Servicos ¢ Blog Widget. O Blog Widget é um bom candidato para sua pré- Criando Widget Inc. com Secées e Categorias 71 pria categoria e secao porque este tipo tende a ter varias entradas. Embora haja uma camada redundante de estrutura, ser4 mais facil manter o site organizado. Para exemplificar isto, vamos usar a solugao “intermediadria” na qual Sobre nds é nao catego- rizado com duas segées. Nos escolheremos ter duas secdes ¢ trés categorias: * Servicos © Widgets azuis * Widgets verdes * Blog Widget * Blog Widget * Sobre Noés (nao categorizado) Agora parece que o Blog Widget tera um nivel redundante. Porém, se eu for o designer do site, também posso fazer isso. Se o site crescer, como sinceramente espero, terei a habilidade de adicionar mais categorias. E mais facil fazer isto se eu ja tiver a estrutura construida, mes- mo que isso nao parega fazer sentido a principio. Para comegar a organizar nosso contetido, é mais facil comegar na seguinte ordem: 1. Criar as secdes 2. Criar as categorias 3. Criar os artigos Criando Se¢ées Ao ir para o Gerenciador de Secao em Contetido>Gerenciador de Sec4o (Content > Section Manager), vemos que ele esta em branco. Isto ocorre porque instalamos nosso site sem nenhum contetido no processo de instalacao. Clique em Novo e veremos a tela de edicao para uma nova seg4o como exibida na Figura 4.22. 72 Capitulo4 © conteiido ¢ rei: Organizando o Seu Contetido Mew ems Gath to te lst place, Orderng can be changed efter this tem i saved. Access Level: IEEE + | 7 si Spactal I Image Position “Let il Detats Bo 0 oe | SBS [See SB) -F SEIS. eC |e ete Bo Ga Se sera air oh la FIGURA 4.22 Adicionando a secao Servicos Na Figura 4.23, podemos ver o titulo e nome da segao. Apés configurar a se¢ao para o Blog Widget, nosso Gerenciador de Secao deveria se parecer com a Figura 4.23, Perceba que ainda nao ha categorias ou artigos ativos. Site Menus Cenfent «Components. Extensions © Toots Heip Piprevew Go m1 OF Loqout eer oe Section Manager keg lee Bom 22 9] Decie Edt New = Hep 2 Fl] Widget Bios as a 2! Pati: a a 0 o Omplay fat) (Sota) Oien) (4) (sim) (Engh) page 1 ot 1 FIGURA 4.23 Gerenciador de Secao com duas se¢Ges criadas Criando Categorias A seguir, vamos para o Gerenciador de Categoria em Conteiido>Gerenciador de Cate- goria (Content > Category Manager) e configuraremos as categorias que precisamos. Criando Widget Inc. com Segées e Categorias 73 Na Figura 4.24, a categoria Widgets Azuis foi adicionada. Note que precisamos ter certeza de coloca-la na secao correta (Servicos neste caso) e salva-la como antes. (Eu me encontro fazendo muito isto —criando categorias e nao prestando atencao em quais secées elas foram salvas. E depois nao consigo aché-las!) Pee uate t es Licey ‘Se Menus Content Components Extensions Tool Maly : : Pi Preew Cha m1 Le [W) category: tnew: ew Oo . Set apy Cancel hee Detats Atcess Level: — j spect st image Position: [Lat (All Previn Detaits Bo 0 a) | -Spee- H-fome- Fe EE(PR 4 oS 87= Base ees els slog) Ss aire) etl ed A FIGURA 4,24 Criando uma categoria Da mesma maneira, podemos criar categorias para Widgets Verdes e uma chamada Barrie’s Blog. Depois de ter feito isto, nosso Gerenciador de Categoria deveria se parecer como na Figura 4.25. O Gerenciador de Categoria é similar ao Gerenciador de Segao. Ele mostra se a categoria esta publicada, sua ordem (mais sobre isso no Capitulo 6 “Estendendo o Joomla!”), a iden- tificagao, a sec4o em que ela esta, ¢ quantos artigos de contetido esto nela ¢ na lixeira. Note o nome que demos para a categoria tinica para o blog: “Barrie’s Blog”. Seria logico supor que talvez algumas poucas pessoas na Widget Inc. devem ter blogs. Eu usei o acento para indicar algo importante. Vocé nao deveria, se possivel, usar pontuagdo ou acentos em nenhum titulo de segao, categoria ou artigo. Dois problemas podem surgir: Pode as vezes ocorrer um erro na URL quando estiver tentando validar a pagina, e algumas extensdes de terceiros usam © nome para gerar a URL que precisa ser facilmente legivel. Pegue esta URL como exemplo: www.widgetinc.com/blog/barrie’s-blog/somepost.html. A pontuacao nao foi entendida e o browser mostraria o seguinte: hetp:// www-.widgetinc. com/blog/barrie%92s-blog/somepost.html. 74 Capitulo 4 © contetido é rei: Organizando 0 Seu Contetido Perceba que o acento foi substituido por “%92”. Enrolou a lingua agora, nao €? Vamos voltar mudar “Barrie's” para “Barries”’. Agora que temos a estrutura da nossa secao e categoria estruturadas, vamos adicionar alguns artigos. RE tal hel aides i 3 AY Ea easece Sg SS es er SUE it oe = 2) ey | gb) Category Manager: [content] Gq fa ea Fes a x @ Q 1 | Pubic «= 4 Wkiget Bing a a FIGURA 4.25 Gerenciador de Categoria com trés categorias Criando Artigos de Contetido Supondo que tenha acompanhado nosso exemplo com sua recente instalagao do Joomlal, vocé ja tera dois artigos no seu site. O artigo “Sobre Nés” pode ficar como esta— nao catego- tizado. Ao invés de apenas deletar o artigo Servigos, vamos envia-lo para a categoria correta. Isto nos dard uma chance de examinar aquelas fungées do Joomla!. Vamos para o Gerenciador de Artigo em Contetido>Gerenciador de Artigo (Con- tent > Article Manager) ¢ abrir o artigo de contetido “Servigos”. Vamos transformar este arquivo que criamos em um artigo sobre widgets azuis. Nés podemos mudar o titulo para “Widgets Azuis”, entao tenha certeza de que sua secao seja “Servicos” ¢ sua categoria seja “Widgets Azuis”. Estes menus drop-down sao apresentados na Figura 4.26. nor 0 | EB |-See- Bl Paageeh = EELS Rl Ole OL es=BeSH i) —ofsl< “(gsi sic isl tia ‘We are great at maing GLUE widgets, : : |Contact us taday to hear more shout our wikiget senvces. FIGURA 4.26 Editando 0 artigo de contetido Widget azul Criando Widget Inc. com Segdes ¢ Categorias 75 Podemos agora criar mais dois artigos, um para os widgets verdes e outro que sera nosso primeiro post no Barrie's Blog. Tenha certeza de que enquanto estiver fazendo isto, vocé esteja organizando os arquivos nas segGes e categorias corretas. Depois de criar todos os nossos artigos, o Gerenciador de Artigo se parecera com a tela exibida na Figura 4.27. Pel cht: 1ce) a) Preview Go met Biogot | Pubic} Services Gren Widgets Administrator 08.0707 0 ee Pubic = 4 Widget Blog Barring log = Administrator O.ET.O7 0 Soir ok) (asa) (Gato) (en (Se) eon BB Pobtehed, bots Pending | Pubtehed and Current) [Published buthas Exoked) @) Not Pubihedt Click on icon to toga state: FIGURA 4.27 Gerenciador de Contetido com quatro artigos de contetido Vocé perceberd ao olhar para a Figura 4.27 que os dois artigos de antes, “Sobre Nos” e “Widgets Azuis” (formalmente em Servicos), si0 mostrados na Pagina Inicial. Antes de continuar, vamos ter certeza que Sobre Nos é 0 unico artigo da Pagina Inicial. Se dermos uma olhada no frontend do site, apés ter feito aquele ajuste na Pagina Inicial, deveriamos ter uma tela como a da Figura 4.28. Welcome to the Frontpage About Us Wetter oy Adminstenter Friday, 5 Joly 2007 1648 Our company (s called Widget inc. We make the best widgets around, in green and phe. Our effices are in Widgetville, USA. (Last Upantes ( Fraiay, 06 July 2007 104 ) Powered ny Joomla! Valid XHTML and C35. FIGURA 4.28 Pagina Inicial apos insercdo de conteido Se navegarmos um pouco, rapidamente veremos que os links criados ainda esto apon- tando para os artigos de contetido individual. Embora tenhamos configurado nosso conte- tdo, ndo configuramos nossos itens de menu. Vamos fazer isso agora. 76 Capitulo4 O conretido é rei: Organizando o Seu Contetido Criando Itens de Menu No capitulo 5, darei ainda mais detalhes sobre a relagao entre menus, itens de menu, médulos eo contetido apresentado na pagina. Neste momento, quero percorrer um processo completo de criar um site muito simples. Iremos rever este mesmo processo no préximo capitulo, mas a repeticao ird ajudar a entender um conceito dificil de duas formas diferentes. Primeiramente, vamos ao menu principal em Gerenciador de Menu>menu principal (Menu Manager > main menu) e deletar o link para Servigos, deixando o link “Sobre Nés”. Entao podemos criar dois links para o nosso blog e para os servigos. Clicando no bo- tao Menu no Gerenciador de Menu, vamos para a tela Adicionar Item de Menu (Add Menu Item) como na Figura 4.29. Nés iremos criar um item de menu para um layout de blog para nossas duas secées. bias Otel tela) She® || Menad’ Content ®| Components | Extensions | Tools Bein preview Bo M1 OF Leget =] : —" Add Menu Item @ © — Cancet fos Saloct Whar Mary Type ; Description oD meat = Archived Articts List 9 News Feeds o Pome Search o- User ae Lins Wrapper o- ) Betarnat int a BD Separator = Am FIGURA 4.29 Adicionando um link a uma segao Desta vez iremos fazer um link para uma seco de layout de blog, como mostrado na Figura 4.29, Explicarei mais detalhadamente as varias outras opgées no préximo capitulo. Por enquanto, apenas clique! Quando selecionar o tipo de item de menu, vocé terd a tela Novo Item de Menu (New Menu Item)como antes exibida na Figura 4.30. Como fizemos quando estavamos criando os itens de menu que faziam links para ar- tigos de contetido tinico, novamente nds temos que escolher para onde o link aponta, Criando Widser Inc. com Secées ¢ Caregorias 77 do drop-down menu. Desta vez, porém, estamos selecionando uma sec¢ao ao invés de um item de contetido tinico, o qual é exibido na Figura 4.31. Podemos entio criar outro item de menu exatamente da mesma maneira que faz um link para uma secao do Blog Widget. Velie tala) Ste Menus Contant Components | Extensions Tools Hetp bpm DO MG Logout EE New Menu Item @wv0600 Save = Apply Cancel Hap Meru them Type Section Blog Layout Ousioys 0 Wat oF amticten M6 ection A blag Poem Renu Hom Detnbs Maw: Sore J Gescription image @ mse C) snow Deeply ic Main Mers @Lemding 1 Preot te: A | sino & Aces Us Columns 2 sunk e | Aroue Tine © ige © snow “| Publishes C) nu @) ves Page Clase Sutfia ] Crcering: Wow heme Spm to The INET PRICK. OroEARG CRN De Changed «Ter Mie Merutnage ([- _t tem is saved a=, I Strobes O on © gram O on Across tevet SE”) a tate eens \Specal a i ee cages meal Is etal <>. 1m “New Window Without Brower FIGURA 4.30 Selecionando a secao para um novo item de menu Criando Links para os Componentes Agora precisamos de um link para a pagina “Entre em Contato”. Como explicado previamen- te, este link sera para o componente “Contatos’. Este componente mostrara um formulario no corpo principal, em que visitantes poderao usar para contatar o administrador do site. Criar este link é relativamente simples. Nés vamos ao menu principal no Gerenciador de Menu, ¢ ao clicar, selecionamos um link para um layout de contato padrao, exibido aqui na Figura 4.31. O link que queremos esta circulado na Figura. 78 Capitulo4 O contetido é ret Organizando o Seu Contetido Brean So Bt Oop 8 © Cancel | el Sesceiption. a Beeman a BD Senate a Gam FIGURA 4.31 Criando um link para o componente Contatos Selecionar esta op¢4o nos leva para o Novo Item de Menu que ja vimos varias vezes. Aqui (mostrado na Figura 4.32), inserimos “Entre em Contato” como titulo, Biren Go M1 Diogow Site Merrms Content ‘Components Extensions | Toots | ep | = Ell New Menu Item Bw 6 O sees Save Apply Cancel Heb meee eee Tie — | Menu item Parameters = Standard Contact Layout ty |_ = | Show Page Title © te ©) show The alandard contect Inyoul diaplays « sings contacts detals. f ioe vtesit oe Se a i “Sir 7 i Drop Down @ inde O shaw FIGURA 4,32 Novo item de Menu de para fazer link ao componente Criando Widget Ine. com SegGes ¢ Categorias 79 Se clicarmos o novo link “Entre em Contato” no frontend, receberemos uma mensagem de erro. Isto acontece porque ainda nao configuramos nenhum contato neste novo site (se tivéssemos instalado o contetido de exemplo, isto ja teria sido feito para nds). Para inserir um contato, primeiro precisamos inserir uma categoria para nossos contatos. V4 para componentes>contatos>categorias (components > contacts > categories). Isto nos leva para o Gerenciador de Categoria (Category Manager) do contato. Nés criamos uma nova categoria ao clicar em Novo (New) e preencher o nome para a mesma, como mostrado na Figura 4.33. O nome para a categoria sera Administradores do Site. Administration Fi Pevew Bo 1 Diogu 2yvoeo Save Apply Cancel Publishet © ne @ ves Section! Was Now tee (ofeull to he lel pice. Oniiering canbe changed atier tha tem is saved Access Levet | Spec Si) tmage: |- Select dlect Image -— 2 = Jenage Position: [et il Preview: Bor Dae SS me se Wom " | S| ae eel 9 sleet SemGOONn Ha ata | —@Bix "l= iaalr.slh wt tia vee] | | | FIGURA 4.33 Crananeiedbe da Categoria Contatos A seguir, precisaremos adicionar um contato que sera exibido quando vocé seguir 0 link de item de menu, “Entre em Contato”. Va para componentes>contatos>contato (components>contacts>contract). Isto nos leva ao Gerenciador de Contatos, o qual deveria estar vazio. Para criar um novo contato, clicamos em Novo (New) e temos a tela de Contato mostrada na Figura 4.34. 80 Capitulo 4 O contetido é rei: Organizando o Seu Contetido r t i! F ° : i cp yl FIGURA 4.34 Criando um novo contato O passo mais importante aqui é ter certeza de fazer o link desse contato com 0 usu- ario, O unico usuario que temos atualmente neste site é o Administrador, enta4o a caixa suspensa ira mostrar somente este usudrio. O mesmo se aplica para a categoria que escolhemos; nés criamos apenas uma; Administradores do Site (Site Administrotora), e isto é o que esta na caixa suspensa. Agora podemos voltar ao nosso item de menu Entre em Contato no menu principal em menus>menu principal>entre em contato (menus > mainmenu > contactus), e nés vemos Barrie North como uma op¢4o com link no item de menu. O frontend do site deveria agora se parecer com a Figura 4.35 quando seguimos o link do item de menu “Entre em Contato”. Criando Widget Inc. com Segoes e Categorias 81 I - | j ED Emal a copy of this message to your own address —— Sa i Powered by Joomial. Vaild XHTML and C55, FIGURA 4,35 Pagina Entre em Contato do frontend Se olharmos novamente no nosso site, veremos que havia um link para cada artigo, widgets verdes e widgets azuis, cada um na sua propria pagina. Atualmente, temos um link chamado Servigos que mostra o contetido destes dois artigos. Como conseguimos mais duas paginas para cada um destes artigos? Na verdade isto é muito facil, nos da uma visao de quao poderoso um CMS dinamico pode ser. Tudo o que precisamos fazer é mudar um parametro naquele item de menu, e instantaneamente criamos duas novas paginas web. Links “Leia Mais” e Paginas Individuais Um Sistema Gerenciador de Contetido tem todos os artigos armazenados como entradas de banco de dados. Como este capitulo ja explicou, um artigo de contetido tinico pode apare- cer em varias paginas simplesmente através de manipulacao dos itens de menu (o proximo capitulo abordard com mais detalhes este topico). Se formos para o item de menu Servigos em menus>menu principal>servicos (menus > mainmenu > services) e expandirmos a configuracio do componente, veremos uma lista de para- metros. Na Figura 4.36, o que nos importa é 0 que estd circulado — situlos de links (Link Tides). 82 Capimlo4 Ocontetido é rei: Organizando o Seu Contetido. Site Menu Content Components Extensions © Touts | lieip Bree Go my Fie EBM Eait Menu itom #00 Set Atgly Chen Help Seed enn Type » Menu tem Parameters Section Blog Layout (Gage Ties) * Advanced Parameters eae = Component Configuration Degins «| etcies © e eecton m a bing formet ii at x - Show UnAUINONTed Links eo wo O ves om hem Ootats ihow Arucie Tae | ©) jigs @ g iM asec tesy Oia Asas,) Twe: Serena Siowkentes’ CO) Has GO) Snow Aan: Berdcen _ ae Petco oe es (ana pote pp foperiech, acoder date -eectecllipent bie Section tame © nasa O tmew olor ime (Main Mana ‘Section lame Linkable Gag © ves Parent hem: a] Sategorytame @ nue © snow _ Category liane Linkabie @ vis © ven Corked ‘a oleh Ons © ves O tan Ordering: [3 {Sericee) Wil Access Lovet: —— Reed More Link (©) ise © snsw al - Noe Wedew Wehaut Browaoe kore © hie © show S ba PoFiccn © tite © show FIGURA 4.36 Parametros de configura¢ao de componente para um item de menu Quando mudamos isto para Sim (Yes) e salvamos o item de menu, o processo trans- forma todos os titulos no blog da se¢ao Servigos em links, que vao para os artigos de contetido individual representados como uma tinica pagina. Como mostrado na Figura 4.37, hd uma pequena diferenga: O titulo tem um efeito flutuante, e também um link Leia Mais (Read Move). Contetido de Médulo 83 Bue Widgets Weiter by Adminstrator 2007-07-08 1862:18 | We are great atmaking BLUE widgets. (Contact us today lo hear more about our widget serdces, Lam Updated (2007-07-08 79-51-30 1 | Green j Widgets Wirkten by Adeninistratr 207.0706 4ESE18 | | | Read moro... >> hea | | ‘We are great at making GREEN widgets. Contact us today to hear more about ourwidoot senders, Eat Updated (2007-07-08 19:51:59 Read more... +> « Start Prev 1 Nest End » Page 1 of 1 | FIGURA 4.37 Titulos de link do Frontend Seguir estes links nos levaré a paginas individuais para os artigos. Nés podiamos ter tido um grande numero de artigos exibidos naquele layout de segao de blog ¢ podiamos ter cria- do links instantaneos para as novas paginas apenas mudando aquele simples parametro. Contetido de Médulo Até agora neste capitulo vimos como o contetido pode ser organizado e apresentado no corpo principal de uma pagina web. Também é possivel partes do contetido aparecendo nos cantos do corpo principal através do uso de Médulos. O contetido apresentado em um médulo é muito diferente daquele dos artigos ou ou- tras Componentes. Os médulos podem estar em qualquer parte da pagina. FE mais comum encontrd-los no topo, nos lados ou no fim de uma pagina (veja Figura 2.6 no capitulo 2). Alguns tipos de médulos recebem dados ao invés de exibir dados. Um exemplo disto é o médulo de login. Os médulos padrées na instalag4o padrao do Joomla! sao apresentados na tabela 4.1. 84 Capitulo 4 O contetido é rei: Organizando o Seu Contetido Tabela 4.1 Médulos padrdes do Joomla! ———— een Nome Descricgao Banner Mostra banners de componente banner. Menu Apresenta links de um menu. Formulario de login Exibe um formulario para login ou para criar uma conta. (Login Form) Syndicate Exibe links de feed RSS para que os visitantes possam sindicalizar para a pagina inicial. Estatisticas Mostra varias estatisticas do site. Arquivo Este médulo mostra uma lista dos meses do calendario, na qual contém itens arquivados. Secdes Exibe uma lista de todas as secdes configuradas no seu banco de dados. Itens Relacionados Wrapper Pesquisas (Polls) Quem esta online Imagem Aleatéria Newsflash Ultimas Noticias (Last News) Popular Busca (Search) Personalizado (Custom) Exibe links de itens de contetido que possuem palavras-chave similares. Apresenta outra URL dentro de um iframe (uma pagina dentro de outra pagina). Exibe pesquisas a partir do componente de pesquisas (Polls). Mostra o numero de visitantes atuais do site. Mostra uma imagem aleatéria (randémica). Mostra um item de contetido aleatério de uma categoria escolhida. Exibe uma lista de links dos itens de contetido publicados recentemente, Exibe uma lista de links dos itens de contetido mais populares (por visita de pagina). Exibe uma caixa de busca. Um médulo especial que ¢ criado pelo administrador, que pode conter qualquer tipo de HTML. O médulo Customizado é muito flexivel. Vocé pode imagind-lo como um médulo de artigo minusculo que estar presente em uma pdgina em particular. Nao entraremos em muitos detalhes sobre como médulos funcionam, porque nds vamos vé-los no capitulo 6. Neste momento, iremos adicionar um médulo Personalizado (Custom) & pagina inicial com algum texto nele. Vamos para o Gerenciador de Médulo em extensées>gerenciador de médulo (Extensions > Module Manager) e¢ clicamos em Novo (New). Isto nos leva para a tela Novo Médulo (New Module), exibida na Figura 4.38. Contetido de Médulo 85 FIGURA 4.38 Criando um novo médule customizado Nés selecionamos o médulo HTML Personalizado mostrado na Figura 4.39 e clicamos em Préximo (Next). Isto nos leva para a tela Editar Médulo (Edit Module, veja Figura 4.39). Aqui inserimos um titulo e algum contetido no editor, e também nos certificamos de que o mesmo esta na po- sicdo correta (usaremos o lado direito) e que tenha a atribuicao de menu correta (todos eles). Isto colocard uma pequena parte do contetido na coluna da direita. Nosso pequeno site de exemplo est agora concluido; esperamos que se pareca com a tela exibida na Figura 4.40. Organizamos nosso contetido e usamos algum contetido nao categorizado e um link para um determinado componente. O resultado para o visitante € um site dinamico que tem um esquema de navegacao légico e alguma interatividade com um formulario “Entre em Contato”. Nos capitulos seguintes veremos como configurar sites mais com- plexos tais como um site escolar. 86 Capitulod © contetido é rei: Organizando o Seu Contetido Sen Menus Content Components Extewnions «6 Taotn Help. (7) module Manager - Edit Module ‘Detads Mogute Type: mod_custom haa Boe: Quarter 5 Dee Ste Show tine: Ome © vex ot Om Ore Position aga im Aetess Levee came ¢ a Bs) =o Descriotian: Tht mogain alewa yeu to type in NTLL ueng WYSAVYS eater _* Module Parameters Module Cans Sufte Fireiw OO Bs DF tops e®voog Seen Api = Cancel Welcome to the Frontpage: About Us Written ty sacrmmntrator Fiicay, O8 July 2007 tee Our offices are in Widgntvite, USA. Last Updated ( Friday, 05 uty 2007 18:04 } Figura 4.40 Site de Joomla! de sete paginas concluido &ea Our company ts called Widget Ine. We make the bes! widgets ardund, in green and blue Chapter 5 Demo Site ‘This site contains all tha camo | content from chapter 5. j | Yeu can browse the admin back eng wat ‘User. AW Password joomtabook Powered by Joomial Walld 201TH. ana CSS. — / Resumo 87 Site Demo do Guia do Usuario do Capitulo 4 Os demos dos dois sites criados neste capitulo estao disponiveis em www.joomlabook. com. Eles sao uma cépia exata do que vocé deveria ter se seguisse todos os passos deste capitulo. Vocé pode logar no backend administrativo e assim pode ver o framework e as segoes, categorias e menus que foram configurados. Resumo Neste capitulo, tratamos de uma das partes mais dificeis de criar em um site Joomla! — pegar um mapa do site e organizd-lo dentro do contetido hierarquico do Joomlal. * Um mapa é essencial para se ter um site bem organizado. Vocé deve fazer um esforco para desenhar um antes de comegar a trabalhar no backend administrativo. * QO Joomla! cria uma pagina no instante em que vocé clica no seu link. Isto significa que as paginas visualizadas podem ser facil mente modificadas trocando os links do menu ao invés do préprio contetido. * O Joomla! oferece dois métodos para organizar artigos. O primeiro é usar artigos nao categorizados, que so satisfatérios para sites muito pequenos, Para sites maiores o segundo metodo, de secdes e categorias, precisa ser usado. * Criar suas paginas com itens de contetido nao categorizados é a maneira mais simples de construir um site Joomla!, mas é dificil de gerenciar se tiver mais de 10 paginas. * Links de menu determinam tanto o que estard na pagina como a maneira que o mesmo sera apresentado. * Vocé pode criar links para um item de contetido, mas o conteido precisa existir primei- ro. O nome de um link (texto ancora) precisa ser escolhido muito cuidadosamente. * Componentes sao mini-aplicagées que apresentam o conteido no corpo principal de uma forma especial. A pagina inicial de um site Joomla! é um componente. Ele permite que vocé pegue o contetido de qualquer lugar no seu site para que ele use. * O Joomla! tem apenas dois niveis hierarquicos para organizar categorias e secdes de contetido. Um artigo de contetido deve estar em uma categoria, a qual deve estar em uma segdo. Isto pode levar a um nivel organizacional redundante para sites pequenos. * Ha muitas maneiras de organizar o mesmo conjunto de contetido em um site Joomlal. * Itens de menu podem fazer links para qualquer tipo de componente, nao apenas aquele que controla os artigos. * Paginas web individuais para um artigo de contetido sao criados ao ajustar os parame- tros de menu, e n4o ao criar um novo contetido. ° Criar um site Joomla! através de um mapa de site sempre ira requerer uma combina- ¢ao de artigos de contetido, componentes e médulos. Do backend eles so administra- dos de formas diferentes (isto ¢, artigos versus demais componentes), mas no frontend eles aparecem iguais. * Nao é verdade que um contetido seja um modulo. Estes aparecem em paginas sem que se tenha existido um link para eles, Os mesmos tém que ser informados sobre que paginas devem aparecer, entreranto. Quando falamos de paginas, queremos dizer links! Sobre médulos veremos mais tarde. * Observe que o layout é totalmente dependente do design do modelo, 1, 2 ou 3 colunas, nota de rodapé, sem nota de rodapé, vocé percebe a idéia. Capitulo 5 Criando Menus e Navegacao Mc: s4o, talvez, o nticleo de um site Joomla!. Em um site HTML estatico, eles ser- vem Meramente como navega¢4o. Em um site Joomla!, eles também servem para este propésito, mas também determinam como seré 0 layout de uma pagina dinamica e que contetido ira aparecer na pagina quando vocé estiver navegando nela. A relagao entre menus, itens de menu, paginas e médulos é, talvez, uma das mais confusas no Joomlal. Este capitulo explica esta relagao para que vocé possa criar um esquema de na- vegacdo que funcione em seu site. Neste Capitulo Este capitulo examina como a navegacdo (menus ¢ links) é construida para um site Joomla! e como os diferentes aspectos interagem para produzir uma estrurura de navegagao coeren- te. Examinaremos cada uma das seguintes questées: Como menus e médulos trabalham juntos? O que itens de menu fazem? O que é um layout de blog? O que é um layout padrao? Como posso mudar uma aparéncia de menu através do Gerenciador de Médulo? Como eu obtenho submenus e menus suspensos? Como Menus e Médulos Trabalham Juntos? Cada menu tem um mddulo que controla onde e como o menu aparece na pdgina. Existem atualmente seis menus que s4o instalados em uma instalac3o Joomla! padrio. Se formos ao Gerenciador de Menu, poderemos ver seis, como mostrados na Figura 5.1. Algo rapido para salientar no Gerenciador de Menu é que vocé edita o menu ao clicar no pequeno icone de item de menu, € ndo no titulo, como vocé podia pensar. Celie Ceci crcliiery Type 1 1 © | itn wen ranmenu B 5 1 1 2 © vermenw waermeny Be 2 1 Fy 3 © Top Meru topmenus =e 4 1 a 4 © Othertens sthermenu 2 s 2 4 5 © Expr rapes Exaroe? apes bd 4 1 5 6 © Key Concepts — knyconceptn & a 1 a T © menrenw T rieae bd 1 ? i i cana a FIGURA 5.1 Seis menus padrées Os seis menus padrées so os seguintes: ¢ Menu principal (Main Menu). Contém a navegacao principal para o con- teudo padrao. * Menu do usuario (User Menu). Um menu especial que contém algumas fungées para os usuarios quando eles estiverem logados. * Menu de Topo (Top Menu). Uma duplicacao de alguns links que estao no menu principal. * Outros menus (Other Menu). Contém quatro apontando links para fora do site, para sites relacionados ao Joomla!. * P&4ginas de exemplo (Example Pages). Links demonstrando diferentes layouts. * Conceitos-chave (Key Concepts). Links para paginas explicando sobre layouts e extensdes. A primeira coisa que se deve entender, é que cada menu tem pelo menos um médulo asso- ciado a ele. Este médulo controla onde e como o menu aparece. Por exemplo, vocé pode ter um médulo que apare¢a apenas na pagina inicial e na coluna da esquerda. Volte ao capitulo 1, “Sistema Gerenciador de Contetido ¢ Introdugaio ao Joomla!”, e releia a parte sobre o Sistema de Gerenciador de Contetido ser dinamico. O contetido é re- tirado do banco de dados e posto dentro dos “placeholders” ou “buckets” nas paginas. Uma maneira de entender melhor o pardgrafo anterior é que o menu é o conteudo no banco de dados, e o médulo é um placeholder (local onde o contetido serd alocado) para ele. Se quiser posicionar o menu, vocé deve, por exemplo, mover o seu placeholder (o médulo) da coluna da esquerda para a direita. Se quiser gerenciar o contetido do menu (os links), entio devera ir ao Gerenciador de Menu (Menu Manager). O Que os Trens de Menu Fazem? 911 A aparéncia de um menu é manipulada através do Gerenciador de Menu, por exemplo, se um link fica sublinhado quando vocé passa por ele, qual a cor do link, ¢ se o mesmo se parece com um botao. Todas estas caracteristicas seriam definidas no modelo de arquivo de Folha em Estilo Cascata (CSS) (mais detalhes no capitulo 9, “Criando um Modelo CSS”) e sio con- troladas no Gerenciador de Médulo através do uso de um sufixo de médulo (também mais detalhado no capitulo 11, “Criando um Site para Restaurante Usando 0 Joomla!”). A Figura 5.2 mostra um dos menus padrdes instalados, 0 menu principal. E exibido o menu no Gerenciador de Menu, seu médulo correspondente no Gerenciador de Médulo e como ele ¢ apresentado no Frontend. ‘a aes nee 7 — ED ere tering 2230 by ka aN FIGURA 5.2 Inter-relaco entre menus e médulos Os blocos basicos de construgio destes menus s4o os itens de menu. Cada item de menu corresponde a um tinico link no frontend. A seguir veremos a importancia destes itens de menu e o que eles fazem. O Que os Itens de Menu Fazem? Resposta: Muita coisa! Em um site Joomla!, todas as paginas s4o criadas de forma dinamica. O Joomla! usa informagao de qualquer link que o visitante do site acabou de clicar para decidir o que a pagina ira conter e como ela se parecerd quando ele chegar la. Vocé pode imaginar um link de menu como tendo trés partes: * Aonde o link vai * Comoas paginas Joomla! se parecem apés seguirem o link ¢ Como a aparéncia do link de menu é controlada Os links no menu sao controlados através do item de menu naquele menu (aqui o main- menu, ou menu principal) no Gerenciador de Menu. Isto determina para quais paginas cles Ay vao e a aparéncia das mesmas. Isto é 0 “onde” € 0 “o qué”. 92 Capitulo 5 Criando Menus ¢ Navegagio Neste exemplo, a aparéncia do menu (coluna da esquerda, fundo marrom e assim por diante) é controlada pelas configuragées no médulo de menu principal. Este é 0 “como”. Vimos no capitulo 4, “Contetido é Rei: Organizando seu contetido”, que menus ¢ links tém algumas caracteristicas importantes: * Menus controlam o site. Paginas sao dinamicas € por isso nao existem até que se facam os links. * Menus/links e contetido sio completamente independentes um do outro no banco de dados; o contetido deve ser criado e, entao, feito um link. * Links de menu podem ser criados enquanto vocé estiver criando o contetido depois de ser salvo. * Links de menu podem ligar contetido ou componentes. * Links de menu determinam a aparéncia da pagina acessada. Vamos ver com mais detalhes as trés partes de um item de menu: o qué, o onde € 0 como. Para fazer isto, vamos criar um item de menu. Criando um Item de Menu O Gerenciador de Menu contém todos os menus de um site. Cada menu controla para aonde vai o link, e como a pagina ira se parecer quando vocé chegar até ela dentro de um médulo especifico. Quando se cria um item de menu, como vimos no capitulo 4, vocé obtém uma tela onde é apresentado a uma estrutura de drvore. Vocé clica na op¢ao para procurar por outras escolhas. O nivel mais alto da arvore é exibido na Figura 5.3. Administration ga ‘B i ereLeaa eS Se eae [rea aR l BiPreview Bo M1 Brogout | ue é |: bate 1 | FEE Add Menu item o°o = a Cancel Hep | | y Setect Menu ftem Type ——— Depo $$ | & bntemai Lint i | Ve a. Articles i | | |g Contmets | o-Logn 1 ly o News Feeds | @ Polls t | B: Search | Wen Links Wrapper we. ( External Link w- [B Separator a. (Atos | FIGURA 5.3 Opcées de link de menu O Que os Itens de Menu Fazem? 93 O objetivo desta primeira tela é para vocé decidir como a pagina ird se parecer quan- do o link for acessado. O Joomla! chama isto de layout de pégina. Layouts diferentes combinam um ou mais artigos baseados nas suas segdes ou categorias em uma selecao de estilos. Vamos examinar alguns dos principais. Ha muitas escolhas, e vocé s6 pode ver uma de cada vez, por isso criei uma compilacio de todas elas, apresentada na Figura 5.4. Caso tenha instalado alguns componentes que podem ser acessados, tais como Diretério Moser, eles também irao ser exibidos como opgdes de menu. Agora, esta lista é intimidante, mas nao se desespere. Neste momento, nds precisa- mos considerar apenas quatro destas op¢ées: * Artigos > Categoria > Layout do Blog de Categoria (Articles } Category » Category Blog Layout) * Artigos » Categoria > Layout Padrao da Categoria (Articles » Category > Standard Category Layout) * Artigos > Segao > Layout do Blog de Secao (Articles + Category + Section Blog Layout) * Artigos > Secao > Layout padrao da Segao (Articles > Category > Standard Section Layout) ce Comet Commemeety | Gilnenee Tae Armee Bee Dingee FEB ada Mon ttor eo — = . + — a FIGURA 5.4 Todas as opcées possiveis de menu 94 Capitulo 5 Criando Menus ¢ Navegacao Para Onde um Item de Menu faz um Link? Um link de menu pode ir para trés paginas basicas: um artigo unico, uma categoria inteira ou uma segao inteira. Também pode ir para os equivalentes em um componente, por exem- plo, um tinico item de componente ou uma categoria correspondente. A que vocé escolher dependerd completamente da estrutura do site que criou. A dificuldade aqui é que a hierarquia/estrutura do contetido é arbitrdria de qualquer forma, ¢ ha muitas maneiras de configurar um site, como vimos no capitulo 4. Isto defini- tivamente cria um sistema muito flexivel, porém pode ser um desafio para ser configurado. Uma vez que o tenha configurado, vocé tem que decidir como ira construir os menus para serem acessados pelo link. Para isso, planeje a estrutura de contetido do site em segGes ¢ categorias e, entao, planeje os menus e como vocé ird acessd-los. Vamos retornar ao exemplo de site de widget que estavamos usando. Nés consideramos estas duas estruturas: | Sobre nés (About Us) | Servigos (Services) | Blog Widget Sobre nos (About Us) | Widgets azuis | Blog Widget | Widgets verdes E também Todo o conteudo (AllContent) Sobre nds (About Us) Widgets azuis Widgets verdes | Blog Widget No primeiro exemplo, podiamos usar links tanto para as segdes (Sobre Nés, Servigos ¢ Blog Widget) quanto para as categorias (Sobre Nés, Widgets Azuis/Verdes, Blog Widget). No segundo exemplo seria muito mais provavel usarmos os links de categoria, pois te- mos tudo junto em uma secao. Como uma Pagina se Parece Depois de Seguir um Link? Agora que vimos brevemente o onde, vamos dar uma olhada no o qué (como a pagina se parece).H dois layouts basicos que vocé pode ter quando seguir um item de menu: um layout de blog ou um layout padréo. Um layout de blog é chamado assim por ser similar aquele visto em muitos blogs, uma série de paragrafos com a oportunidade de “Leia Mais”. Um layout padrao é uma tabela com todos os artigos listados apenas como titulos. O Que os Itens de Menu Fazem? = 95 Dessa forma temos duas op¢ées basicas de como apresentar contetido: * O layout de blog mostra artigos de contetido com a opgao de exibir algum texto “in- wo”. H4 também mais opgées de apresentagao; vocé pode ter uma coluna ou dez. Os primeiros poucos itens podem ter um texto de resumo, € 0 resto pode ter apenas links. O formato de blog é muito mais flextvel do que o layout padrao. * O layout padrao (tabela) exibe todos os itens de contetido com apenas os titulos. Os titulos sao links para os préprios itens. Continuando Nosso Exemplo do Site da Empresa Widget Vamos desenvolver um pouco mais o nosso site para que possamos ver como estes layouts se parecem. Da tltima vez que vimos nosso site de widget no capitulo 4, tinhamos quatro artigos em duas secées (veja Figura 5.5). 1. EE] Abeta @ v Puc Administ § 720807 2 ee ® wt Pubic: «2 Servos Bue Weigets Admunistrator «220807 2 3 [E] Green wegeta = ° 7] Pubic 3) Services: ‘Green Widpets | Administrator «220807 0 4) El) My Fest Blog Post y e ‘i Pubic «= 4S Wiigat Bing Sarre Sing «= Adminstrator «2208.07 0 inom HR he) A) ei) ea) Mehr Published, bots Pending | Sy Published and i Current! [) Published, buthes Exoed| €) Not Pubtened| (G) Archived ‘Siek on isan to tapge stma, Agora que temos alguns artigos, vamos criar alguns links de menu para eles no blog e formatos padrées. Na verdade, eles estarao apontando exatamente para o mesmo contetido; os layouts simplesmente serao diferentes. Isto também serve como um bom exemplo de como uma relag¢ao um para um nao existe entre links de menu e contetido. 96 Capitulo $ Criando Menus e Navegacao Layout de Blog Va para o Gerenciador de Menu e abra o menu principal. Se estava seguindo o capitulo 4, vocé tera alguns itens de menu que nds criamos, como apresentado na Figura 5.6. Site | Menus Coment | Compononts Extensions = Tools, elp | Pirrevew So 21 SF Logo Ea Menu Item Manager: [mainmenu] = w | ea a 7 9 a — Menus Detawt = Putsish Ungubiisn Merve Cagy Trash Ede New Hele | emer [ i) i) Max Levels 10 [8] “Solect Stale - e Naenw trem: Default Published B Access Level Type RemiD atthe | Bs Gem fo paint te. | etd ll Ree loka ok tees 2 TT] About Us ¥ a7 Public Articles: 2 3 El] Services wf a7 a Public articles 4 ‘ 1 Weiget Bing, Oa a7 yoke Arica 5 * |e "] Contact us Cs “ 6 Public Conacts 5 (aaa) (© rex) <4) ho Ena.) Pape Vert FIGURA 5.6 O menu principal construido no Capitulo 4 Se vocé se lembra, no capitulo 4, nds criamos links para a segao de layouts de blog. Vamos abrir um destes itens de menu e descobrir mais detalhes sobre o que é um item de menu. Abra o item de menu Servicos (Services) do site Widget, como exibido na Figura 5.7. Finalmente, ha um host de pardmetros que controla como a pagina se parecera apos o link de menu ter sido acessado. Este é 0 “o qué” com o qual originalmente iniciamos este capitulo. Section Blog Layout Cenpanya att st area © 9 tancnen 9 Beg tome Neeru Nem Detais m4 Tele Beevons Aime sare Ln nce phe Peptlon-com. cortqrathtewsemcsmrtinya te py de | Mies Harms A rarer meee FIGURA 5.7 Item de menu da secao de layout de blog Comte) Bite Be mt Diop @v9o0 aave cee hee + Parana Basic Secton | Hervom wi Deaeripaet G) team C) thaw Benevytion hiaage | 6) wae C) thew S Ladiony emer Catmamee 3 kimi Arece Tee © nue @ Seow » Poramavers. Advanced + Parmeter Companent + Parameters . Spateen Layourde Blog 97 Ha muitos parametros que podem ser usados: basico (basic), avangado (advanced), com- ponente (component) ¢ sistema (System). Aescolha de blog ou tabela e depois as configuragées de parametro no item de menu, sao os principais fatores no controle do visual ¢ fluxo de um site Joomla!. Note que esta descricao para um layout de blog se aplica se vocé estiver criando o link para uma seg4o ou categoria. Parametros de Layout de Blog Ao invés de ruminar a informagao sobre a Ajuda no site, vamos examinar alguns dos parametros mais comuns ou mais importantes apresentados do lado direito da Figura 5.7. As configuragées mais importantes sao aquelas que determinam quantos itens serdo exibidos e em qual formato. Parametros Basicos Os parametros basicos (parameters-basic) foram mostrados de forma expandida na Figu- ra 5.7. Além das configuragées basicas, tais como se a descrigao/titulo do arquivo vai ser exibido e em qual seg4o sera acessada, os parametros basicos controlam quantos artigos sao exibidos e como eles sao exibidos. As escolhas basicas sao largura total ou miltiplas colunas. Também é possivel ter alguns itens de largura total e entéo quebra-los em colunas. Atualmente nao é possivel fazer isto de outra maneira, para se ter, digamos, duas colunas e ento alguns itens com largura total. Os parametros que controlam o ntimero de colunas em um layout de blog sao: © Principal (Leading). O total de itens de conteido com largura total. * Introdugdes (Intro). O ntimero de itens que ird exibir 0 texto “introdutério”. * Colunas (Columns). O nimero de colunas para usar. Mais do que trés provavel- mente nao ficard bem. * Links. O ntimero de itens que serao apenas links. Eles seguem aqueles que tem texto de introducdo. Parametros Avancados Os parametros avancados (Parameters-Advanced), mostrados na Figura 5.8, determi- nam a ordem que os artigos aparecem. \b Parameters - Component pai "> Parameters - System FIGURA 5.8 Parametros avan¢ados do Layout do Blog de Secao A ordem atual, na qual os itens de contetido aparecem pode ser bem complicada. Eles podem ser listados por data, ou alfabeticamente, 4 medida que sio selecionados no geren- ciador de contetido, citando apenas alguns exemplos. Ha basicamente duas opgées globais: 98 Capitulo 5 Criando Menus ¢ Navegagao * Primeiramente, vocé pode selecionar o contetido (se tiver mais de um) dentro de ca- tegorias selecionando qualquer coisa diferente de “Nao, ordenar por Ordem Primaria Apenas’. Vocé pode selecionar as categorias alfabeticamente ou através de “Ordenar”, o que significa a ordem que elas aparecem no Gerenciador de Categoria. Entao, os itens de contetido serao ordenados pelo que vocé selecionou na Ordem Primaria. * Vocé pode juntar todos o itens selecionando “Ordem Primaria Apenas” e, entao, 0 que desejar na Ordem Primaria. Obviamente, estes somente sao significativos se vocé tiver itens de mais de uma categoria no link. Parametros de Componente Os pardmetros de componente (Parameters - Component), exibidos na Figura 5.9, sao du- plicatas daqueles nas preferéncias do Gerenciador de Artigo, tais como mostrar os nomes do autor, Ter estas opgdes permite que vocé sobrescreva as configuracées globais em uma base de item de menu (pagina por pagina). FIGURA 5.9 Parametros de componente de uma se¢do de layout de blog Parametros de Sistema Por tiltimo, os parametros de sistema (Parameters - System) incluem configuracées de como o titulo da pagina deve ser exibido, como mostrado na Figura 5.10. Layoutde Blog 99 | | | | Menu image [-Do Not Usel- il Fam eMney HaSTy | SSLEnabled © off © ignore © on FIGURA 5.10 Pardmetros do sistema da secao de layout de blog Se mantivermos todos os parametros nos seus padrées, nosso site ird se parecer com o que é apresentado na Figura 5.11. ‘Chapter 4 Demo site hom ‘The pe covtenine it Be dvs ie : —_ Soren =< er ° Sentors et Lapa ——? ¢ Mendes Category List deine — PEE peereoee I i Page ten 1 1 i Pomme by occa Va oH eC pra Rete ee ee Esta tela é o blog que é mostrado com nossos dois artigos de contetido. E um blog de uma sec¢d4o. Aqui podemos ver que ha um item de contetido principal de largura total, e quatro itens que sao mostrados em duas colunas. 100 Capitulo'5 Criando Menus ¢ Navegacéo Lista / Layout Padrao em uma Secao A seguir, criamos uma pagina com os mesmos artigos da segao de servicos, mas exibidos em um Layout de lista, As vezes isto é chamado de um layout de tabela ou um layout padrio. Vamos criar um segundo item de menu que acessa 0 mesmo conteudo, mas apresenta o mesmo em um formato diferente. Além de exibir a segunda principal opgao de layout no Joomla!, isto também ira ilustrar o conceito de que o conteudo é dinamico e que o mesmo contetido no banco de dados pode aparecer em muitas paginas diferentes. Indo para o menu principal no Gerenciador de Menu, nés clicamos em Novo (New) e desta vez selecionamos o Layout de Segao (Section Layout) da opgao trés circulada na Figura 5.12. Pirroview So Mi GF Logo oo Cencel Heb | Select Menu hem Type o- btenaitine Arties a Archive © Avenived Jticss List Article © Articia Layout 5 Artic Submission Layout 5 Category (<2 Category Blog Layout © Category List Layout B- Froat Page © Front Page Bag Layout Section © Section isp Layout © Section Layout n-Contacts a Hews Feeds o-Pos o-Searcn B- User & Web Linke Wrapper (GB Externe Link a Gi Separator a Ae FIGURA 5.12 Selecionando uma secao de layout de lista A tela Novo Item de Menu é mais ou menos a mesma de antes, exceto pelos parametros que sao diferentes. (veja Figura 5.13). Layout Padrao/Lista Para Uma Secéo 101 Menu flem Type Section Layout Displays a Bet of Categories fa Section Snow Page Title © Hite © show Description ©) Hide © show Description image © hie © show | Category List. Section © nie @ show Empty Categories in Section © inte © show F Category nem © nite © snow ‘Category Description ©} kine @) show Page Class Suffix a Menu image |-Da Not Usel- SSL Enabled © om O ignores O on Published: ©) ye @ ves > Parameters - Advanced » Parameters - Component a » Parameters - System Access Level: ESI | ¥ | Specal Cn cteh Co ETT - int New Window with Browser Mevigattion New Window without Browser Navigation FIGURA 5.13 Parametros de item de menu para um layout de secao de lista Novamente, damos um titulo ao link de menu ¢ nos asseguramos de selecionar a secdo correta. O resultado no frontend € apresentado na Figura 5.14. EX Joomlial 7 « DECGUSE OPEN SOUITe MONS Services © Blue Widgets (+ Arbcies = Green Widgets | | Articies * Services - List Layout Powared by Joomia!. Valid SHTML and CSS FIGURA 5.14 Vista do frontend de um layout de secao lista Lista / Layout Padrao de Parametros A principal diferenga nos parametros de layout de blog esté nas configuragées basicas. Como vocé pode ver na Figura 5.13, é possivel configurar varias opcdes da forma como as categorias so listadas. 102 Capitulo 5 Criando Menus e Navegacio Ha uma pequena diferenga com o layout de blog, caso vocé tenha um item de menu apontando para uma seco ou categoria, mas os parametros e a apresentacdo para a lista / layout padrao séo um pouco diferentes. Vamos criar um lista / layout padraéo para uma categoria para visualizar esta agao Lista / Layout Padrdo para um Blog No menu principal do Gerenciador de menu, clicamos em Novo (New) ¢ desta vez selecio- namos o Layout Lista de Categoria (Category List Layour), da opcao trés. A tela Novo Item de Menu é mais ou menos a mesma de um Layout de Lista de Seco, exceto os parametros, que sao diferentes (veja Figura 5.15). Pirevee Go mi Biegeat FE Menu ttem: (new) ev 06 — ion ee aerate Tae = Parameters Basle ne irae (Ganaiiee) Cee (ena ages I The Inyout Gieplaya Articios 6 @ Category. Publishes: © tm © ves Oecier:, Nemes tama doftul to tha last pibce. Oraering can be changes afr this ftom pavec. Aacess Lovet: UII 5) Pegi isl On Click, Open inc, Te eae | Hew Warton wif Browenr Perigatons ‘Mew Window wthowt Browser Nevigaiion | FIGURA 5.15 Parametros de item de menu para um layout de lista de categoria. Novamente, damos um titulo ao link de menu e nos asseguramos de selecionar a categoria correta. O resultado no frontend é exibido na Figura 5.16, Pemvened by beer Valid STW. and CBS FIGURA 5.16 Vista do frontend de um Layout de lista de categoria Gerenciador de Médulo 103 Lista de Categoria / Parametros de Layout Padrao A principal diferenca de parametros, entre este e o layout de blog, esta nas configuracées basicas. Como vocé pode ver na Figura 5.15, é possivel configurar varias op¢6es de como os artigos sao listados. Gerenciador de Médulo © Gerenciador de médulo controla 0 posicionamento e a aparéncia de um menu, por exemplo, se vocé quiser que o menu fique na coluna da direita ou da esquerda, ou se quiser que os links tenham um efeito Alutuante. Como mencionado previamente, ao criar um menu, um médulo correspondente sera criado para ele. O médulo sera chamado conforme seu uso. Como um exemplo, vamos verificar alguns modelos. Vou usar alguns dos demos presen- tes em www.joomlashack.com; vocé pode encontrar estes quatro modelos em: demotemplates.joomlashack.com/lush demotemplates.joomlashack.com/element demotemplates.joomlashack.com/simplicity demotemplates.joomlashack.com/lightfast Os seus menus sao exibidos na Figura 5.17. Lush Element ree (li Main Menu ta BHome ~— ry 5 Joomiat License r) © Comtact Us _ Oru S Search o = FAQS reve © Wrapper Simplicity Lightfast | Home Template Features Module Guide Tutarial FIGURA 5.17 Quatro estilos diferentes de menu em diferentes modelos 104 Capitulo 5 Criando Menus ¢ Navegagao O eédigo base XHTML mostrado pelo Joomla! é idéntico ao daqueles quatro exemplos. A diferenca é que links de menu um pouco diferentes so usados (0 que eu considero como conte- tido), eo CSS é diferente. Todo aquele CSS é controlado pelo modelo (template). O ponto para enfatizar aqui, é que o médulo e o modelo CSS estio controlando a aparéncia dos menus. Vamos ver como isto é feito. Se formos até o Gerenciador de Médulo em Exten- sées>Gerenciador de Médulo (Extensions > Module Manager), veremos uma lista de we 1h ante (eas Gini wlime aa) FIGURA 5.18 Gerenciador de Médulo exibindo Menu Principal Vocé pode ver igura 5.18 que temos um médulo chamado Main Menu (Menu Principal), o qual corresponde ao ... mainmenu. O tipo de médulo para isto é um mod_mainmenu. Vamos olhar mais de perto como controlamos o menu. Um clique no médulo Menu Principal nos mostra os parametros para aquele menu (veja Figura 5.19). Se ee Caneel Compomees toe Tos oe | ee ee [@! Modute: pea: &@w oOo | Aaenys aw at ee 0 wu Osa + Aegvanced Petameters * Legacy Parameters FIGURA 5.19 Parametros do Médulo de Menu Gerenciador de Médulo 105 Parametros de Médulo Ha muitas op¢des aqui para os parametros de um médulo. Vamos analisar alguns dos mais importantes. Mostrar Titulo (Show Title) Mostrar Titulo determina onde o titulo sera impresso na pagina. Este ser uma tag H3, a menos que seja sobrescrita no modelo (template). Posigao (Position) A opcao Posicao controla em qual local do médulo o menu aparece. Isto é configurado pelo designer do modelo que vocé esté usando. Observe a localizacao descritiva de um modulo, por exemplo: a esquerda nao tem, na verdade, que estar do lado esquerdo. Isso dependera de onde o design 0 coloca. Se estiver usando um modelo de terceiros, dirija-se 4 documentacio oferecida. Nivel de Acesso (Acess Level) Usar a funcao Nivel de Acesso faz com que 0 seu site seja muito mais interativo. Publico (Public) é, bem, publico. Qualquer um poderé vé-lo. Registrado (Registered) significa que apenas usuarios registrados irao vé-lo. Especial (Special) significa que sera visto somente por administradores. Este parametro pode ser usado de diversas formas. O uso mais Sbvio € ter um menu que da acesso para paginas que vocé tem que se registrar para usar. O mais sofisticado é ter links para submeter contetdo para usudrios registra- dos. Esta é uma 6tima maneira de construir um site rico com muitos contribuidores. Configurar um menu como especial (admin) somente é bom enquanto vocé estiver configurando o site ou para funcGes que quer que somente os administradores usem. Parametros de Médulo (Module Parameters) O Estilo de Menu (Menu Style) determina a saida para o seu menu. Existem duas maneiras principais de exibir o seu menu: Uma é usar uma tabela para o layout (seja vertical ou horizon- tal), ¢ a outra é usar uma lista no formato bulleted. No capitulo 9, abordarei detalhadamente design de modelo e como fazer sites W3C validos. Uma grande parte disto sao as sutis diferen- gas de design entre usar tabelas ou aplicar puramente o CSS para o layout. Isto estd ficando téc- nico; apenas saiba que vocé precisa selecionar qualquer coisa que a documentacaio do modelo requerer. Vocé também nao pode ter subniveis nas verses 1.0.X. com uma lista plana. No momento em que escreyo este livro, 0 Joomla! 1.5 possui um suporte legado para a forma anterior que uma lista bulleted foi renderizado (lista plana) ¢ uma nova forma que permite maior flexibilidade (list). Dessa forma, ha atualmente quatro op¢ées: * Lista (List). Novo método de exibir uma lista no formato bulleted. * Vertical. Usa uma tabela vertical. ¢ Horizontal. Usa uma tabela horizontal. * Lista Plana (Flat List). Método antigo de exibir uma lista no formato bulleted. O aperfeigoamento principal da nova lista é que vocé pode ter submenus que terao listas planas/bulleted dentro de cada uma delas. Isto cria truques de design com a possibili- dade de fantasticos menus drop-down sem o uso de extensdes de terceiros. 106 Capitulo 5 Criando Menus e Navegacio Sufixos de Menu e de Classe de Médulo (Parametros avancados) O sufixo de Menu e sufixo de Classe de Médulo controlam a aparéncia do menu. Todos os menus usaraéo CSS no modelo para indicar como eles aparecerao. Ao codificar cuidadosa- mente o CSS, a aparéncia do menu pode ser répida e facilmente modificada, baseada nos sufixos usados. Um exemplo de como isto funciona pode ser visto com as diferentes caixas ovais coloridas, exibidas na Figura 5.17, com nossos exemplos do Joomlashack. Cessdo de Menu ‘Talyez o parametro mais importante seja 0 Cessao de Menu (Menu Assignment), Ele con- trola em quais paginas o menu ira aparecer. Agora, lembre-se que uma “pagina” apenas exis- te se um link apontar para ela. Logo a lista aqui realmente sera de itens de menu (links) ao invés de paginas. Vocé pode selecionar Tudo (All), Nenhum (None) ou Selecionar (Select) ¢ também pode usar o CTRL +click para selecionar multiplas paginas... Quer dizer, links! Submenus O Joomla! 1,5 tem uma caracteristica coma qual vocé pode criar submenus ¢ eles podem ser exibidos de diversas maneiras. Na verso antiga do Joomla!, nao era possivel ter submenus se voce estivesse exibindo seu menu como uma lista horizontal. Isto era um problema porque uma lista horizontal é um método padrao mais compativel de exibicdo de links. Na versao 1.5, esta funcionalidade foi adicionada aos menus. Ela permite que vacé tenha submenus ¢ listas horizontais. Isto é muito importante, pois nas maos de um designer de templates habilidoso, ela permite que se faca coisas tais como menus drop-down e imagens para links, sem ter recorrer ao JavaScript ou mesmo tabelas, j4 que ambos sao ruins paraa acessibilidade, SEO e compatibilidade com o padrao W3C. Se a opgio “sempre mostrar itens de submenu” estiver selecionada para “sim”, vocé terd o seguinte resultado. Perceba que vocé deve ter o estilo de menu selecionado como Lista, e eu ge- ralmente tenho o nivel final configurado em 99 para ter certeza de estar sempre expandido.
  • HomeT
  • lst Link ist level
    • lst Link 2nd level Resuma 107 EEE eee ne
      • ist Link 3rd level
      • znd Link 2nd level
      • 2nd Link 1st level Observe este resultado. Hi classes multiplas nas tags <11> permitindo modelagem avancada. Resumo Neste capitulo, nés analisamos menus e navegacdo para um site Joomlal. E importante perceber que os links de menu, na verdade, controlam a aparéncia da pagina que é acessada através do parametro do link de menu no Gerenciador de Menu. Nos vimos que: * Os quatro menus iniciais— menu principal (main menu), outro menu (other menu), menu do topo (top menu) e menu do usudrio — sdo apenas sugest6es do Joomla! ou exemplos. Na maioria dos casos vocé precisard criar seus proprios ou revisd-los. * Obackend de um menu, aonde vai o link ¢ 0 que eles fazem, é controlado pelo Gerenciador de Menu. O frontend de um menu, onde ele est4 e como ele se parece, é controlado pelo médulo do menu. * Links de menu podem apontar para segdes de contetido, categorias ou artigos de contetdo individual. Eles também podem apontar para componentes. * Ha dois tipos principais de layouts de uma pdgina Joomla!: blog e padrao. O blog mostra um texto introdutério com um link “Leia Mais”, O layout padrao mostra uma tabela de titulos em forma de links. Qual layout sera usado é determinado pelos parametros de link de menu. * Um layout de blog apresenta itens de contetido em qualquer mimero de colunas, com a op¢ao de exibir texto introdutério junto com um link “Leia Mais”, * Um layout padrao exibe artigos como titulos de arquivos acessdveis em uma tabela. A apresentacao para uma secao é pouco diferente do que uma categoria. 108 Capitulo 5 Criando Menus e Navegagao * © médulo para um menu controla a sua colocacao na pagina e sua aparéncia. Ele também controla em quais paginas o menu aparecera e em qual nivel de acesso pode- se vé-los, isto é, usudrio convidado ou registrado. A aparéncia do menu é determinada pelo cédigo no modelo CSS. * V4rios submenus sao possiveis usando técnicas CSS avangadas. Estas poderiam ser menus expansiveis ou drop-downs. Site Demo do Capitulo 5 do Guia do Usuario Demos dos dois sites criados neste capitulo esto disponiveis em www.joomlashack.com. Eles sao uma cépia exata do que vocé deveria ter, caso tenha seguido todos os passos neste capitulo, Vocé pode logar no backend administrativo e, entao, ver framework do site e as secdes, Categorias e menus que foram configurados. Capitulo 6 Estendendo o Joomla! e vocé ainda lembra do capitulo 1, “Sistemas Gerenciadores de Contetido e uma Intro- duc4o ao Joomla!”, é dificil encontrar um site feito com o Joomla! em que nao tenha sido adicionado funcionalidade além da basica com algum tipo de extensdo. A palavra ex- tensao coletivamente descreve componentes, médulos, plugins e idiomas. Ha centenas de extensdes disponiveis tanto gratuitamente quanto comercialmente prove- nientes de terceiros. Vocé pode descobrir mais sobre elas em extensions.joomla.org ¢ www. extensionprofessionals.com. Atualmente, muitas extens6es funcionam com a versio 1.0.+ do Joomlal, Por ser isso muito novo, nao ha muitas extensdes de terceiros que rodem originalmente no 1.5. Conforme segue 0 ciclo de Beta ao Release Candidate para Estavel, nés, esperangosamente, veremos extens6es de terceiros atualizadas para funcionar na nova versao. Neste Capitulo Neste capitulo analisaremos alguns exemplos das extensdes Joomla! internas ¢ de terceiros. Nés também examinaremos como elas séo instaladas e gerenciadas no Joomlal. O que sdo extensGes? Como eu instalo extensGes do Joomla!? Onde eu consigo as extensdes de terceiros? O que sdo componentes? O que sao médulos? O que sao Extensées? Extensées sao pacotes instaléveis que estendem a funcionalidade interna do Joomla! de alguma forma. Ha cinco tipos de extensdes: * Componentes —Um componente ¢ 0 mais complexo tipo de extensio. E um tipo de mini-aplicagao que geralmente cria contetido no corpo principal (coluna grande do meio) da pagina. O componente de conteudo interno (com content), por exemplo, ¢ a mini-aplicac4o que permite exibe todos os seus artigos de alguma maneira. Outro exemplo poderia ser um componente de forum que exibe qua- dros, threads, ¢ assim por diante. Nem todos os componentes sio sobre contetido; alguns lidam com uma fungao complexa. Por exemplo, o componente de registro (com registration) trata do registro de usudrios. * Médulos — Os Médulos sio geralmente muito menores e menos complexos do que os componentes. Geralmente, eles também aparecem préximos aos cantos do corpo principal, no cabecalho, colunas laterais ou rodapé da pagina e sao as pe- quenas extens6es que executam pequenas tarefas. Por exemplo, o médulo Ultimas 109 Noticias mostra links para os artigos mais recentes que foram adicionados ao site. Freqiientemente, um médulo ira funcionar com um componente em particular, Por exemplo, o médulo formulario de login permite aos visitantes do site fazer login no site. ¢ Plugins — Um plugin (anteriormente chamado de mambot) ¢ uma parte especial do cédigo que pode ser usado pelo site e é executado quando uma pagina ¢ carregada. Um exemplo é 0 plugin de ocultagao de email, o qual esconde os enderecos de email com JavaScript para que os robés de spams nao possam vé-los. * Modelos (templates) - Os Modelos controlam o visual grafico do site. Eles geralmen- tc incluem cores, graficos ¢ tipografia. * Idiomas — Ao instalar 0 pacote de idiomas, ¢ posstvel internacionalizar o Joomla! para um idioma diferente. Todas as palavras que so partes do Joomla! (como onde diz “Leia Mais”) serao exibidas no idioma escolhido. Instalando Extensdes Todas as extensdes vitao em formato de arquivos zip e sao instaladas pelo mesmo processo. Para instalar, vocé simplesmente usa o Gerenciador de Extensao (Extension Manager). Va para Extensdes>Instalar/ Desinstalar (Extendions>Install/Uninstall). [sco mostra- rd o Gerenciador de Extensao, como exibido na Figura 6.1. Site Menus Content «Components = Exfensions = Tools ety Pi Prevew So mB Ol Loge Lal Extension Manager © = Hen fostall Componenrs, Mociusles Pugens Languages: Temputes Uptond Package File Package Fie: fe) hd aa install from Directory natal Drerory, instal Anatall Trem URL. estan st: v7 fae FIGURA 6.1 Gerenciador de Extensado Na primeira aba denominada Instalagao (Install), ha uma ferramenta para fazer um upload do pacote de instalacao (0 arquivo zip da extensio). Quando voce navega até o arquivo € faz 0 upload dele, o Joomla! automaticamente detecta que tipo de extensao ele € € o instala. Voce, entao, vera uma tela que diz que a instalacao foi realizada com sucesso. Freqiientemente, de- pendendo da extensao de terceiros que esta sendo instalada, vocé também vera mais detalhes sobre a extens4o tais como instrug6es de configuracéo e onde procurar por suporte. i ein Gerenciando Extensées 111 O Gerenciador de Extens4o ¢ também usado para desinstalar componentes. Na figura 6.1 vocé vé abas para Componentes (Components), Médulos (Modules), Plugins, Idiomas (Lan- guages) e Modelos (Templates). Ao clicar em Componentes (Figura 6.2), vocé verd uma lista de componentes que podem ser desinstalados. se Sane 1 BF Banners aa 1a Apr 206 Jooial Project 2 0 tewateeds sf 150 Apré 2008 Jom Pesject, | > Elbe wf iso duty 2004 soumia Promct 4 Dl Wetteis. wf #50 Apri 7008 Joomia Project 5 0] content Page ~ ise Apri 2008 sami Prajees | cache anager Z 160 2206 Jeomin! Project C1 consgarator wanager ~ 180 2006 joomia Project 8 Ty commcs tema of too Uminown Joma Project 8 1 contrat Panes “ 158 2en6 oomuat Project 10 ‘eatalsion Manin ger wv o 2000 sobre Project 11 0] Language Manager wa Lae 008 oom Beaject 2 L) mere wv 0 ‘Aprt 2008. dobinie Projet, 1) ase Med ww iso Apri 2008 Joonmdad Prgtt 14 Ci recta tianager v #50 Apes 2005 somia! Pragect Menus Manager ~ feo 2008 oom’ Prayect $6 ( tery Manager x Maessagng ¥ #56 2006 Jsormie Project ] oewie ttanager aa iso 2006 some Project 18 1) pugn wranager w 1Sf 2b Jeomiat Pret 2 ( j seeren wv 160 Linkrsoen seat! Propet Cony 20 (se) (tan td) Kiet) (ass) Poon 4 ot 2 FIGURA 6.2 Gerenciador da extensao de Componente Note na figura 6.2 que muitos dos componentes est4o acinzentados (nas caixas de sele- ¢40), Estes sio componentes internos do Joomla! que nao podem ser desinstalados. Gerenciando Extens6ées Cada tipo de extensio, exceto os componentes, tem o seu préprio gerenciador no menu Ex- tensées (Extensions). O menu drop-down Extensées é apresentado na figura 6.3. ore me elm CU CUCL ern) PiPreviey Bo m1 Di Logut ED) Tenpiate Uanager ie mesa erere ine «=< Compenents = Modules: Templates FIGURA 6.3 O submenu Extensao 112 Capitulo6 Estendendo Joomla Os Componentes tém o seu proprio menu por causa da complexidade de um compo- nente comparado, digamos, a um médulo. Os gerenciadores de Médulo e de Plugin seguem o mesmo formato (similar ao Geren- ciador de Artigo). O Gerenciador de Médulo (Module Manager) é exibido na Figura 6.4. PVs tuclitela) she Menus Content «= Compancotm «= Extensions | Tecla = Help. | PPrrevow D0 Ma OD Logout =) [&] Module Manager fd 827¢6o0 —. Ensblo Dinebie Copy Oeete Ex! Mew = Hal Ble | Administrator 6 Module tiamme- Enaisieg Omer. Ye Acces 1B Positions, «Pages Type 1 FE) Banners aa t. Pune » banner Al rod_baoners 2 CD Seweccucte “ 1 Pupac 2 readerunt a moo_biesaoumta 3 ©) Footer ~ 7 Fubc = 3 tater AL mod_tester : A no o A ai cae eee ele oes Ss wanttens ¥ ae ET Pratl: 1 eh Al mod_mainmenis © FY oer mens ¥ av [2 Public ct et Wares | mod_meinmenu 7 EE Ker concepte Od «- Ca Pubic a en Ad mod meiumenu & OP) User enw we a* 4 Regietered == 17 en Al mod_mainmena & ) cxacpie Pages “ a= Co Pic 8 en verse mod_manmery 10) statmtica oie. Pate 20 et Nene mod_statn Dep 10 (Osun) (Qupwe) oy 2 tet FIGURA 6.4 Gerenciador de Médulo Os Gerenciadores de Modelo e Idiomas séo um pouco diferentes principalmente porque vocé sé pode ter um ativo de cada vez. O Gerenciador de Modelo (Template Manager) é exibido na figura 6.5. Tools Help Pirreview Go M1 Dogo sa A, ate F=| Template Manager w FA a a en) ‘Sig | Administrator a Template Kame Defaut Assigned = Version = Ot Author t © veaz 10.0 ‘9 Februmry 2007 Angie RadtkeRabert Deutz 2 © tuk miypway x 102 WOO Andy ilfler Oispiny #10 (a) [Sp sers) (stone) ia} cesta Fed) Page tet FIGURA 6.5 Gerenciador de Modelo Componentes Um componente é uma mini-aplicac4o especializada que roda no Joomlal. Se vocé voltar para o capitulo 1, verd onde descrevemos que qualquer coisa que seja exibida no corpo principal de um site Joomla! (geralmente a coluna central principal) ser4 gerada por um componente. Pode ser um férum, diretério, galeria etc. Vocé pode argumentar que contetido ¢ o componente central do Joomla!, aquele que é capaz de apresentar artigos de conteido no formato de um blog ou uma tabela. Independentemente, ha varios componentes que so a parte interna do Joomlal, Componentes 113 Componentes Internos Os componentes internos do Joomla! sao: * Banner —uma ferramenta para girar os banners de propaganda no seu site. O compo- nente é composto de um Gerenciador de Banner e um Médulo de Banner. * Contatos (Contacts) — Ao usar este componente, vocé pode apresentar uma lista de contatos no site. Um gerenciador também tem a habilidade de confi- gurar categorias para os contatos. Ao acessar o componente, vocé pode acessar contatos individuais ou toda uma categoria. * News Feeds — O componente News Feeds é uma étima maneira construir, de forma facil, o contetido relevante para seu site. O mesmo faz uso da tecnologia RSS. Se outro site tiver um feed RSS, vocé podera apresentar esse feed em uma pagina do seu site. ¢ Pesquisas (Polls) — Se quiser aumentar a interatividade do visitante com o site, pes- quisas sao uma maneira facil de fazer. Pesquisas sao criadas usando o Gerenciador de Pesquisa (Poll Manager) e entéo apresentadas usando o mddulo Pesquisa (Poll). * Busca (Search) — O Joomla! possui uma poderosa funcdo de busca embutida. Junto com seu médulo correspondente, ela permite que os visitantes busquem todos os artigos do site com 0 uso de palavras-chave. * Web Links — Qualquer pdgina web pode ter links para outros sites. O compo- nente web link da um passo a mais ao armazenar os links e exibir uma conta- gem de quantas vezes eles foram clicados. Sua caracteristica mais util é que ele permite aos usudrios do site submeter links criando um item de menu corres- pondente. Este tipo de ferramenta ¢ comumente chamado de diretério. * Email em massa (Massmail) — Esta ferramenta permite que emails sejam enviados para todos os usuarios registrados. E uma ferramenta muito simples € nao se aproxi- ma da funcionalidade dos componentes de email de terceiros. E: dificil assegurar que emails enviados de acordo com o CAN-SPAM funcionem, mas € util para enviar um email rapido para um grupo de usuarios, tais como os administradores. Componentes de Terceiros Uma das coisas mais empolgantes no Joomla! é a grande variedade de extensdes disponiveis para ele. Joomla! é singular no mundo open source, onde defensores da GPL e vendedores comerciais trabalham juntos para desenvolver o projeto. Os dois repositérios principais para extens6es de terceiros s40 extensions.joomla.org. e www.extensionsprofessionals.com. Com mais de 2.000 extensées, é possivel fornecer generalidades em como elas funcio- nam. Cada uma tende a ter uma estrutura administrativo um pouco diferente no backend, baseada nas decisées do criador. 114 Capitulo6 Estendendo Joomla As segées seguintes compreendem uma pequena lista de extens6es 1.0.X que eu encon- trei e usei varias vezes para meus prdprios sites, e dos nossos clientes no Joomlashack. As descrigées so citadas diretamente do diretério de extens6es. No Joomlashack, usamos cada uma destas extensdes pelo menos 10 vezes (isso foi determinante para a inclus4o) para pro- jetos individuais. Nés testamos cada uma e as consideramos as “melhores” ¢ nos tornamos dependentes delas para nossos proprios projetos e também dos nossos clientes. Algumas delas sio comerciais, e algumas sao GPL. Se vocé se encontrar usando uma extensio GPL, visite o site do criador e veja se ha alguma forma de fazer uma doacao! Jom Comment (comentarios) — http://www.jom-comment.com Jom Comment é um sistema de comentarios escolhido pelos profissionais! Um poderoso sistema de comentarios baseado em Ajax para seu site Joomla!. O Jom Comment garante que comentarios aparegam lisos e macios com Ajax, enquanto salva a largura da banda para conex4o. Proteja seu site de spams indesejdveis com o poderoso Captcha. Modele todo o seu médulo de componente para parecer com o resto do seu site. O Jom Comment ¢ facil de usar e instalar e tem um incrfvel suporte do desenvolvedor. Caso tenha algum dado do tipo AkoComment ou Combo-Max, apenas os importe para o Jom Comment. Vocé estara pronto e executando em tempo. JoomlaXplorer (Gerenciador de Arquivo) - http://joomlacode.org/¢f/ project/joomlaxplorer JoomlaXplorer é um gerenciador de arquivo e FTP. Ele permite que vocé edite arquivos, delete, copie, renomeie, arquive e descompacte arquivos/diretérios diretamente no seu ser- vidor. Vocé pode navegar nos diretérios e arquivos; editat, copiar, mover e deletar arquivos; buscar, atualizar e baixar arquivos; criar novos arquivos e diretérios, mudar permissées de arquivo (chmod) e mais. Este script é baseado no QuiXplorer 2.3.1. Comunity Builder(Gerenciamento de usuario) - http://www.joomlapolis.com O Comunity Builder estende o sistema de gerenciamento de usuario Joomla!. As caracte- risticas-chave sio campos extras no perfil, registro avancado de workflows, listas de usuario, conex4o entre usuarios, tabs de administradores e perfis de usuario, atualizacdo de imagem, frontend workflow e integracao com outros componentes como PMS, Noticias, Férum e Galerias. O release estavel 1.0.2 é compativel com Joomla! 1.0 e 1.5 Beta 1 e mambo 4.5.0- 4.6.1. Veja os antincios na pagina inicial. SlideShowPro para Joomla! (Galeria) - http://www.joomlashack.com O SlideShowpro é uma popular galeria de imagens gerada em Flash, a qual pode ser carre- gada no Joomla! pelo uso deste médulo. O médulo permite que usuarios controlem todas as configuracécs dos componentes Flash normais, dentro da administracao do Joomla!. O médulo pode ser duplicado para rodar mais de uma instancia usando o mesmo SWE sob um conjunto de parametros completamente diferentes. Este médulo requer Flash Mx ou superior para sua geracao e requer o componente SlideShowPro Flash do www:slideshow- pro.net. O Arquivo de ajuda FLA ¢ o médulo estao embarcados no mddulo. Componemtes 115 VirtueMart (Carrinho de Compras) - http://virtuemart.net/ O VirtueMart é uma solugio completa de carrinho de compras (anteriormente conhecido como mambo-php-Shop) para Joomla!. E popular, amplamente usado e também pode ser usado como um cardlogo. Com sua eficiente ferramenta de administracao, vocé pode lidar com um ntimero ilimitado de categorias, produtos, ordens e clientes. Joomap (Mapa do Site) - http://joomlacode.org/gf/project/joomap O Joomap é um componente de mapa do site para Joomla! que mostra a Estrutura de Menu normal, Categorias de Contetido, Segdes e Categorias VirtueMart, em uma lista hierarqui- ca. Um sistema de plugin e um suporte de tradugao tornam mais facil expandir a gama de contetido e localizacao suportados! A nova versao também da suporte a criagao de um mapa do site Google em conformidade a uma lista XML. Mosets Tree (diretério) — http://www.mosets.com/tree O Mosets Tree é uma extensio de diretério para Joomla!. Esta é a extens4o que potencializa o Diretdério de Extensées Joomla! em hrtp:/extensions.joomla.org. Vocé pode usar o Mosets Tree para rodar um complexo diretério no estilo Yahoo! diretamente dentro do seu site Joomla!. O Mosets Tree é projetado para lidar com qualquer dado que exija uma estrutura de diretério tal como um Diretério de Negécios, Diretério de Links e Diretério de Scripts. perForms (Formuldrios) - http://joomlacode.org/gf/project/performs O perForms é o componente de formulérios para Joomla!. O perForms tem como objetivo ser simples e rapido: cria formularios em segundos, captura dados do seu banco de dados, envia dados para submeter, visualiza dados capturados no administrador, suporte total a CAPTCHA (com com_securityimages), seguranca na atualizagio de arquivos, os dados capturados podem ser baixados no formato de uma planilha eletrénica para andlise, utiliza ut£8 Native e 14 idiomas. O perForms inclui um plugin (mambot) para que vocé possa anexar seus formatos diretamente dentro do contetido Joomla!, e um Médulo mostrando dados de resposta em um resumo ou relatorio. Remository (Arquivo/Gerenciador de Documento) — http://www.remository.com/ Um bem organizado remository de arquivo com uma boa gama de fungées e uma interface atrativa. Préximo de liberar uma versio 3.40 com uma variedade de facilidades avancadas — o Remository 3.40 RC2 esta atualmente disponivel no site do Remasitory. JCal Pro (Calendario) - http://dev.anything-digital.com/ O JCal Pro é um componente de calendario de eventos validados via W3C com uma mara- vilhosa exibicao de frontend baseada em CSS. As caracteristicas destaques incluem Evento e Categoria importado de Ext-Calendar, Joomla! original permitindo a criacao/gerencia- mento de eventos, descrigdes de eventos WYSIWYG, gerenciamento e instalagio de teor administrativo, gerenciamento de eventos de backend, permissao do Joomla! original para visualizacao de evento (por exemplo, categorias privadas), mambot de busca integrado e mini-calendério rico em caracteristicas e os médulos de eventos mais recentes. 116 Capitulo6 Estendendo Joomla Médulos Os Médulos podem ser imaginados como um irmaozinho dos componentes. Eles sao mui- to menores, mas ainda adicionam algum tipo de funcionalidade ou interatividade 4 pagina. Como acabamos de discutir, um componente pode, na verdade, ter varios médulos inclui- dos. Por exemplo, JcalPro, um componente de calendario, tem um médulo que exibe uma pequena versao do calendario em uma sidebar. Exibic¢ao do Médulo Todos os médulos tém opgdes comuns disponiveis para como eles sio apresentados (veja Figura 6.6). Module Type: mod_mainmenu Title: Main Menus Show Tite: ©) io © Yes FIGURA 6.6 Detalhes do médulo e op¢ées de responsabilidade do menu No lado superior esquerdo estao os detalhes do médulo: * o titulo (tide) * se permitido/publicado * a posig&o (como determinada no modelo) * aordem entre os médulos naquela posicao * o nivel de acesso (acess level) Estes sao auto-explicativos. O que é de observacao em particular é o nivel de acesso. E possivel criar vers6es quase completamente diferentes do seu site para diferentes grupos de usuario, tais como convidados, usudrios registrados e administradores. O botio esquerdo mostra a designagao do menu e é potencialmente mais dificil de entender. O capitulo 5, “Criando Menus e Navegagio”, introduziu esta complexa idéia de designar médulos para itens de menu ao invés de paginas. Médulos 117 Isto controla em quais paginas o menu ird aparecer. Agora, lembre-se de que uma “pa- gina” apenas existe se um link estiver apontando para ela. Logo, a lista aqui é realmente uma lista de links de menu em vez de paginas. Vocé pode selecionar Todos (All), Nenhum (None) ou Selecionar (Select) na Lista (List). Vocé também pode dar um CTRL+um click para selecionar paginas multiplas (Quero dizer, irens de menu!) Na figura 6.6, o médulo Menu Principal é apresentado em todas as paginas do site. Obviamente, entender isto pode rapidamente se tornar confuso. Eu realmente reco- mendo recorrer ao papel e caneta e organizar como suas paginas iro parecer e que médulos serao colocados nestas paginas. Geralmente médulos sao colocados e controlados pelo administrador do site, conside- rando que eles abrangem todo 0 site. Modulos Internos Como componentes, um nimero de médulos existe na instalagao do padrao interno do Joomla!. Eles podem ser divididos em diversos tipos: médulos de contetido interno, médu- los internos de componente relacionado e médulos internos variados. Médulos de Contetido Interno O Joomla! possui um numero de médulos que sao parte da instalagao padrao. * Contetido arquivado (Archived Content) — Este médulo exibe uma lista de meses que direcionam para todo contetido arquivado no site. Como mencionado previa- mente, arquivar contetido no seu site tem vantagens e desvantagens. A principal desvantagem é que a URL é modificada. © Ultimas Noticias (Lastest News) — O médulo Ultimas Noticias é muito util. Ele exibe uma lista de links para os mais recentes itens de contetido criados no site. Embora chamado de Ultimas Noticias, que é uma das categorias em uma instalagao padrao, cle pode ser configurado para pegar contetido somente de seg6es ou categorias especificas. Esta é uma 6tima forma dindmica de mostrar conteuido recentemente adicionado no site. * Manchetes (NewsFlash) — A seguir, na série de médulos que exibem contetido dinamicamente (Ultimas Noticias e Leia Mais), o médulo Manchetes exibe itens de contetido aleatérios. Um pouco diferente dos outros dois, ele pode mostrar 0 texto introdutério do item de contetido, assim como apenas o titulo. Novamente, ele pode mostrar contetido de qualquer categoria ou se¢ao, nao apenas a categoria Manchetes, uma das categorias padrées de uma instalagéo Joomla!. * Imagem Aleatéria (Random Image) — Outro médulo de apresentagao de conteu- do, é 0 equivalente do médulo Manchetes, mas para imagens. * HTML personalizado (Custom HTML) - Este médulo aceita conteido XHTML através de um editor. Isto o torna um dos médulos mais flexiveis, Além de textos/gr4- ficos, vocé pode inserir um cédigo web, como JavaScript ou XHTML. 118 Capitulo 6 —Estendendo Joomla * Contetido Mais Lido (Most Read Content) — Este é outro médulo util para mos- trar contetido dindmico de forma facil; ele exibe uma lista de links dos atuais conteti- dos mais populares no seu site. Como no médulo Ultimas Noticias, ele pode mostrar o contetido de segées e/ou categorias especificas, * Itens relacionados (Related Itens) — Este médulo mostra uma lista de links de todos os itens relacionados aquele que esta atualmente sendo exibido. O Joomla! decide se um item de conteudo é relacionado, baseado no que foi inse- rido nas palavras-chave metatag para aquele item de contetido. Perceba que nao € possivel limitar o niimero de itens exibidos, pois ele esta em outros médulos. Falaremos mais sobre isso no capftulo 8, “Obtendo acessos para o seu site”. * Segées (Sections) — Mostra uma lista de links para todas as segdes do seu site. Infelizmente nao ha nada equivalente para exibir categorias. Médulos Internos de Componente Relacionado A instalacao Joomla! padrao também inclui um nimero de méddulos que trabalham com componentes internos. * Sindicato (Syndicate) — Médulo equivalente ao componente de sindicancia. E um feed RSS do componente Pagina Inicial. Isto significa que ndo importa onde esté o médulo sindicato; ele apenas ir4 oferecer um feed para 0 contetido publicado pelo componente Pagina Inicial. * Pesquisa (Poll) — Uma companhia do componente pesquisa, este médulo exibe as perguntas das pesquisas. Modulos Internos Variados E por iltimo, ha um ntiimero de médulos que oferece outra funcionalidade ao site. * Login —Um médulo crucial para a maioria dos sites Joomla! Ele exibe um simples formulario para usudrios fazerem login ou criar um nome de usuario/resgate (res- tauracao) de senha. Note que um formulério de login também pode ser acessado de um menu exibido no corpo principal. O médulo nao é usado neste caso. * Menu — Outro médulo vital. O médulo menu principal mostra os menus do site. * Quem esté online? (Who's Online) — Um médulo simples que mostra o nimero de usuarios registrados e visitantes atuais do site. * Estatisticas (Statistics) — Exibe uma simples estatistica dos visitantes com a opgao de mostrar estatisticas de servidor mais técnicas. * Exibicao de Feed (Feed Display) — A habilidade deste médulo de exibir um feed Plugins 119 RSS faz dele o médulo equivalente ao componente News feed, que pode mostrar um feed no corpo principal. * Wrapper — Este médulo ird carregar uma pagina externa dentro de um méddulo, as- sim como 0 componente wrapper faz pelo corpo principal. A sua utilidade é limitada, em um médulo, uma vez que sé pode carregar pequenas quantidades, so geralmente colocadas em colunas e em outros pequenos lugares da pagina. Modulos de Terceiros Como componentes, uma diversa colegio de médulos de terceiros foi criada para o Joomla. Como descrevi para os componentes, ainda estamos em um periodo de transigio, mas aqui destaquei alguns médulos da versdo 1.0.X que “experimentei ¢ testei”. JPG Flash Rotator 2 (Rotator de Imagens) - http://www.joomlashack.com © médulo JPG Flash Rotator 2 (X)HTML Flash permite a vocé selecionar a partir de uma série de imagens para usar em um banner/slideshow no seu site Joomla. Aqui estao as suas caracteristicas: ValidacGes (X) HTML, Suport WMODE = Transparent, Exibe mais de cin- co transigdes Flash diferentes (Circular, Fluido, background fade, cross fade, Flying squares, Linear blinds), Opgao de exibicéo aleatéria, Link de frame individual, administragao do backend totalmente integrada (conhecimento de Flash nao é necessdrio), Tamanho de filme personalizado, cor de fundo personalizada, e aba de navegacao ativada/desativada. Jumi — http://www.vedeme.cz O Jumi é um modulo internacional de varios usos ¢ também um plugin para Joomla ¢ Mambo. Com o Jumi, vocé pode incluir scripts php, html e JavaScript dentro da posicao dos médulos ¢ artigos de contetido, incluir milhares dos seus scripts nos médulos e artigos de contetido com apenas uma instalacdo de médulo e/ou plugin, pode até incluir paginas txt ou hemi estaticas nas suas pdginas sem usar o componente wrapper, e pode facilmente configurar, modificar e passar para o script php um numero ilimirado de dados importan- tes, € assim modificar 0 comportamento do contetido. Modulo AdSense - http://www.joomlaspan.com A melhor e mais simples solugao para implementar antincios Google AdSense em CARAC- TERISTICAS AVANCADAS do Joomla: opeao de bloquear certos niimeros de IP de ver os amtincios Google. Agora vocé pode bloquear estes cliques “nao seguros” que poderiam poten- cialmente desativé-lo do Google AdSense! Sugerimos que insira 0 seu proprio ntiimero de IP ali, para bloquear os seus prdprios cliques acidentais, exceto quando quiser testar a aparéncia dos anuincios na sua pagina. Quando um IP estiver bloqueado, vocé pode designar outro anuncio para ser exibido ali. também possui cédigos camaledes que podem fazer com que os cédigos fiquem coloridos automaticamente. Como pode ver, tenho a tendéncia de usar muito mais componentes do que médulos. Isto é atribuido parcialmente ao fato de que, freqiiente- mente, os componentes estao incluidos com varios médulos que funcionam com eles. Plugins Plugins oferecem algum tipo de funcionalidade ao site por completo. A maioria dos usud- rios Joomla descobrira que eles nado precisam gerenciar plugins tao freqiientemente quanto com componentes e médulos. 120 Capitulo 6 Estendendo Joomla Plugins Internos (Authentication) * Autenticacio — Joomla possui diversos plugins que podem ser usados para permitir integracao da autenticacao (login) com sistemas diferentes. Incluem-se Gmail, Ope- nid e LDAP. * Destacar codigo de contetido (Conten-Code Highlighter) — Este plugin ira destacar o codigo no contetido (quando vocé usa a tag Configuracao (site>configuration). Vocé verd uma caixa de menu para o seu editor padrao WYSIWYG (veja figura 7.3). Mises icici Ste Mena = Content «= Components Esfensions Tools Help Pitevew Bo M2 Diogo FS] otona Configuration ew O Q Seve Apply Close ‘Se System | Server | sne Semings 7 SEO Settings Se omne © Wo O vex Search Engine Friendiy URLS () yo © veg ‘Offline Messepe fhis site is down for maintenance. Please check back Uae mod_rewnte (@) yo OC) vee 4h leyain acon. Feed Settings Show the most recent [10 ili Foresch articie, show ©) rua tet @ were Text Global Site Meta Description Gogaiai - the dynamic portal engine and cmcent pesspenent oyecen Global Site Meta Keywords joomla, Jocala Show Tite Mets 189 ©) tug @ Ven Show Author Mets Teg €) no ©) vex FIGURA 7.3 Configura¢ao do editor padrao WYSIWYG Apés decidir qual sera 0 editor padrao do seu site, vocé também terd a opcao de confi- gurar um editor diferente (deixe outra ferramenta) para usuarios individuais. Isto é feito no Gerenciador de Usuario. Va para o Site>Gerenciador de Usuario (Site>User Manager). Clique no usuario para abrir o Gerenciador de Usuario — Tela de edicdo. Circulado na figura 7.4, vocé pode ver o am- biente para selecionar um editor diferente. Se a caixa de menu Editor de Usuario for simples- mente deixada como Selecionar Editor, o editor global sera designado para aquele usudrio. O tiltimo aspecto de gerenciar editores WYSIWYG esta dentro dos préprios editores. No Gerenciador de Plugin, alguns editores tem parametros especiais que vocé pode configurar 126 Capitulo 7 Expandindo seu Conretido: Artigas e Editores para alcancar funcionalidade variante. Na Figura 7.5, vocé pode ver parametros disponiveis para o editor TinyMCE. PCO Lescol | Sita) Mees Cantent | Components Extensions | Tools | Help i User Manager - Edit Receive System Emalia © io @ yes Fax Register Date 2007.07.06 11:S7-28 Last Vielt Date 2007-07-09 77:38.79 ‘Gomponene -> Gontect -> Manage Gormacts* FIGURA 7.4 Configuracao do editor WYSIWYG para usuario individual Site Mienun | Content Components | Extensions Tools Help Po Preview (Bo m1 Diogo | [Fp Priam: on ; @e@voea Save Apa Casa Help Mere: Tye Publishet: Oyo © ves Type: ecnors ain Fie: rym: z z np Access Leve: GSE | Regitered | et Pepin Order: [0 (itor -XSiandand ite 1.7) i Description: TwytCE & 2 plstiorm independent wed based Jeveecrist HTML YeYSIWYG editor contrat, > Advanced Parameters FIGURA 7.5 Parametros padrao do editor WYSIWYG A maioria destes parametros nao precisa ser ajustada. Dois parametros importantes que vocé deve ajustar, porém, s4o os cédigos de limpeza e as URLs: * Os Cédigos de limpeza fazem o TinyMCE limpar os cédigos/elementos HTML. Geralmente vocé vai querer este parametro desativado, mas ocasionalmente se estiver tentando colar 0 cédigo, pode precisar desativa-lo para fazer isto. Se nao, o editor remove os elementos que vocé quer que estivessem IA. Editores WYSIWYG 127 * Vocé pode selecionar URLs relativas ou absolutas. Quase sempre vocé ira querer que sejam relativas. Entao, ao criar um link para uma pagina, ele nao ira incluir a origem. Sera /apage.html ao invés de www.yoursite.com/apage.html. Isto significa que se alguma vez mudar o seu nome de dominio, seus links nao irao funcionar, pois eles irao direcionar para o dominio antigo. Outros Editores de Terceiros O TinyMCE e 0 XStandard sio os editores que atualmente vém com a instalacao interna do Joomla!, mas muitos outros esto disponiveis. Os sites de extensdes oferecem varios: * JCE * JoomlaFCK WYSIWYGPro * TMEdit O JCE parece ser o mais popular, principalmente por ser gratuito. O WYSIWYGPro tem seu foco em suas caracteristicas/estabilidade, mas é um editor comercial, atualmen- te custando $47 (www.wysiwyg-pro.com). Todos os editores funcionam mais ou menos do mesmo jeito. Existem varios peque- nos icones para varias fungdes no topo. Ao invés de entrar em muitos detalhes sobre isso, vamos examinar alguns pontos importantes e alguns problemas comuns: * Vocé deve clicar em Salvar, Aplicar ou Cancelar para sair do editor. Isto é espe- cialmente importante quando estiver editando do frontend. * Nao aplique estilo de fonte, como tornar a fonte menor, para grandes secoes no editor. Isto deveria ser feito no arquivo CSS do modelo. Esta foi toda a questao de separar contetido de apresentacao (veja Capitulo 1, “Sistemas Gerenciadores de Contetido e uma Introducao ao Joomla!”)! * Sempre tenha certeza de ter a seco ¢ categoria corretas. Eu perdi as contas de quantas vezes deixei isto como primeiro da lista e depois nao conseguia encontrar meu contetido. 128 Capitulo 7 —_Expandindo seu Contetido: Artigos ¢ Edirores * Se algo acontecer com sua conex4o enquanto estiver editando, vocé perderd tudo. Recomendo que vocé escreva muitas partes offline e copie/cole. * Seja cuidadoso ao copiar e colar do MS Word. Quando vocé cola do Word, ele usa muitos dafts CSS peculiares ao Microsoft. Infelizmente eles sao colados também. Uma forma facil de remover tudo, é colar dentro do Note- pad (ou outro editor de texto), copiar novamente e, entao, colar no Joomla!. Note, se vocé fizer isto, retornos de pardgrafo

        irao se transformar em quebras de linha . * Se vocé tiver muita coisa para escrever, uma maneira eficiente para fazé-lo é escrever em um editor HTML. Certamente, vocé geralmente o usa para criar paginas web, mas nesta situagdo eles fazem um étimo processo. Uma otima escolha open source esta disponivel em www.nvu.com. * Quando instalar no seu site pela primeira vez, tenha certeza de por “www” no comego. Este é 0 erro de editor mais comum — a URL do seu site nao foi definida corretamente. * Seo administrador do site instalar um novo editor, ele deveria configurd-lo como padrao na configuracao global. * Vocé tem que configurar as segdes e categorias antes de adicionar o contetdo. * O titulo Alias é um campo opcional. E usado pelos componentes SEF de terceiros para produzir URLs significativas, Se vocé tiver um fundo colorido que torna o editor ilegivel, é porque ele est4 usando o mesmo fundo que esta no site principal. Um simples conserto é adicionar isto ao CSS do modelo no arquivo CSS do template principal (template.cs): body.contentpane {background-color: #££f; background-image: none; } Veremos mais detalhes sobre o editor atual ¢ as varias op¢Ges que o Joomla! usa, mais tarde neste capitulo. Por enquanto vamos continuar vendo como adicionar artigos de contetido. Criando e Gerenciado Artigos Adicionar contetido a um site é relativamente facil, Nés jd vimos a maior parte do trabalho dificil: entender segdes e categorias, tabelas e blogs, e menus. Agora que a con- figurac4o esta finalizada, o Joomla! comeca a mostrar seu poder de CMS — adicionar contetido rapida e simplesmente. Este capitulo continua com o site de amostra que iniciamos no Capitulo 4, “Contetido é rei: Organizando seu contetido”. Aquele site era um exemplo de uma empresa ficticia chamada Widget, Inc. Se vocé seguiu o capitulo e construiu o site, sera capaz de continuar exatamente de onde paramos, pois aprendemos como criar e gerenciar artigos de contetido. Gerenciando Contetido Através do Backend 129 Se vocé nao criou o site, pode querer voltar e fazé-lo; sendo, vocé pode seguir adiante com uma instala¢ao Joomla! padrao: * Edicio pelo backend ¢ para gerenciadores, administradores e super administrado- res. Ela permite a estes usuarios gerenciar artigos através do Gerenciador de Artigo. Também permite 0 gerenciamento de imagens (ou outra midia) através do Gerencia- dor de Midia. Geralmente, o gerenciamento de um arquivo via backend é muito mais eficiente do que fazé-lo através do frontend. * Edic4o pelo frontend ¢ para autores, editores ¢ publicadores. Ela permite que estes usuarios gerenciem artigos de conteido na pagina atual onde o artigo de contetido existe. Ao fazer login, um icone especial ira aparecer permitindo a edigao deste arti- go, enquanto vocé olha para ele no frontend. Gerenciamento de midia é mais dificil através do frontend. Gerenciando Contetido Através do Backend Vamos ao backend do nosso site do Capitulo 5 Widget Inc. Nés fazemos login como um gerenciador (Nome de usudrio: SrGerenciador; Senha: Joomla- book), entao temos menos opcées de menu. O nivel de acesso de gerenciador é titil se vocé tiver muitas pessoas gerenciando seu conteudo no backend. Ele da acesso a tudo que elas precisam, mas nenhuma outra fungao administrativa que me permita causar algo drastico ao site. Vamos dar uma olha no Gerenciador de Artigo (veja Figura 7.6). VA para Contetido > Gerenciador de Artigo (Content > Article Manager). Satria eter erat Eame MASS ED ZOO aa eee =: Sa ET a Access WD Secfiona = Category, = Author «= Bate Hits 5 ‘ a a Pubic ot Administrator 06.07.07 Pubic = 2 Serves: Bue Widgets «= Admnistretor (06.07.07 Auic = «3 Services: Green Wkigets Administrator 06.07.07 Pubic 4 Wdget Bing = Barrins Biog Administrator 06.07.07 [i Pubtsnes, tut is Bending | at Published sade Cureet) §G Pubibed, but has Exored! ©) Met Published Click on ican bo toggle atte, FIGURA 7.6 OGeendailor de Artigo. Aqui, vemos os quatro artigos de contetido que criamos no Capitulo 4. Tudo esta pu- blicado, e um deles esta na Pagina Inicial. Novamente, alguns guias (para suporte ao 1.0. x) estao no site de ajuda do Joomla! (help Joomla. orp/content/view/68/ 153/ e help.Joomla. org/content/view/69/68/). 130 Capitulo 7 Expandindo seu Contetido: Artigos e Editores Vamos rapidamente analisar algumas caracteristicas importantes que o Gerenciador de Artigo oferece: Checkbox de selegao miuiltipla. A coluna 4 esquerda com todos os checkboxes per- mite selegées multiplas de itens de contetido. Vocé pode selecionar qualquer um que quiser € entao usar os icones na barra de ferramentas: publicar, copiar, deletar e assim por diante. Organizacao de Contetido. Vocé pode clicar em qualquer um dos cabecalhos das colunas e ordenar a tabela em ordem ascendente ou descendente. Icones ¢ links no Gerenciador. Os pequenos itens nas colunas Publicado, Pagina Inicial ¢ Acesso sao botées clicveis. Se vocé clicar, digo, em algo que nao esta publi- cado, isto ird publicd-lo. As colunas Titulo, Secao ¢ Categoria sao links. Clicar neles levara para paginas relevante onde vocé pode editar aquele item. Filtros. Em um site grande vocé pode facilmente ter milhares de artigos de contetido. Usar o Gerenciador de Menu comega a ficar dificil, a menos que use filtros. Vocé pode filtrar por sega, categoria, autor ou uma varidvel de sua escolha. Arquivando. Vocé pode arquivar qualquer item de contetido. Uma vez arquivado, ele nao pode ser modificado e ¢ movido para o Gerenciador de Arquivo ao invés do Gerenciador de Contetido. Isto pode potencializar um fluxo de trabalho gerenciado ao escrever 0 contetido: escrever > revisar > publicar > arquivar. Porém, um problema € que arquivar um item de contetido ir4 mudar a sua URL e causard 0 seu nao apa- recimento em uma pagina particular. Como tal, a fung4o arquivo é muito util como um simples repositorio para contetido que vocé precisa manter. Contudo, nao hd um motivo real de porque nao poderia continuar como um item de contetido regular. Ordenando. Caso se lembre dos parametros de menu para um blog, vocé pode ter um comando “Ordenar” quando apresenta os itens de conteudo. Se selecio- nar esta opcao, ali é onde o parametro de menu ira obter informagao. Se observar atentamente, voce vera que setas para reordenar, e a funcdo de salvar a ordem da coluna, apenas funcionam dentro de uma categoria. Neste momento na Figura 7.6 nao conseguimos ver nenhuma das setas porque temos somente um artigo em cada categoria. Conforme adicionarmos mais, veremos esta fungdo aparecer, Vamos adicionar um item de contetido e ver a interface de edicao de contetido. Isto é feito com um editor WYSIWYG. Adicionando Contetido pelo Backend Para adicionar contetido ao nosso site pelo backend, clique em Novo (New) no Gerenciador de Artigo, que nos levara para a tela Editar Artigo, como exibida na Figura 7.7. Gerenciando Contetido Arravés do Backend 131 ak Mein, nett Na Lp ee Se ay ieee ce Amticie: (een) ae2eveog t farsa | irawcgh the hac. 2s past of Chana Hoarnat Phe ers quite, ‘This a tha Score ara 28 Ms Ga eSG TY. Cay Mad MOVE BOY UAOEY we Wt Ba Ro (prt rape and irey rte corcers acai, ae FB) Poeseran mama: FIGURA 7.7 Tela de Edicao de Artigo Se clicarmos em Salvar, o artigo é salvo e a tela se fecha, nos levando de volta ao Ge- renciador de Artigo. Clicar em Aplicar salva o artigo, mas deixa o editor de artigo aberto. Vamos clicar em Salvar e ent4o ver o resultado no frontend. Clicar no link blog exibe todos os artigos que estao no blog. A Figura 7.8 mostra a pagina do blog. - y Chapter § Demo ) She } Thus site contains all the demo | content trom chapter. You can browse the acemin ) sack ena vain ) User: An J) asserort:joomisbook | | This ia the second bing entry and some . | example csntent used to: demansirate now co add an arecse mrough me backend. rs }} part of Chapter 8 of Joomla! The users: guide } This ts the second paragraph ofthe second biog entryas they had more blog ) enures we wit ses how ta insert images and nics into content aricies if H iast Upcaten ¢ 2007-07-09 202701 Pepe t ott Powered by Joomia!, VaRd RHTML and CSS. | 4 FIGURA 7.8 Controlando colunas em um layout de blog 132 Capitulo? Expandindo seu Contetido: Artigas © Editores Se observarmos atentamente, veremos que a segunda entrada do blog é espremida do lado esquerdo do site, e de repente ela ocupa a metade da pagina. Isto é devido ao fato de como os parametros de item de menu para o link blog esto organizados no menu principal. Nés discutimos isto no Capitulo 5, “Criando Menus e Navega¢ao”, quando estudamos os diferentes layouts e os parametros de layout de blog para o item de menu. Para tornar este visual um pouco mais limpo, vamos mudar 0 ntimero de colunas para ape- nas uma. Va para Menu > Gerenciador de Menu > menu principal > Blog (Menu > Menu Manager > mainmenu > Blog). Nos Parametros de Item de Menu, mude as Colunas para 1 ¢ salve o item de menu. Agora as postagens do nosso blog ocupam a largura total. Se tivermos um arquivo mais longo, precisaremos usar um link Leia Mais. Isto permite que apenas o texto introdutorio seja exibido no layout de blog, eo artigo completo é exibido apenas quando vocé clica no link Leia Mais. Artigos Maiores e 0 Botdo Leia Mais Vamos abrir a segunda entrada do blog no Gerenciador e adicionar outro pardgrafo. Apds adicionar um terceiro paragrafo, posicione o cursor no fim do segundo pardgrafo (ou no inicio do terceiro) e clique no botao Leia Mais na parte inferior do editor. Quando vocé fizer isto, vera aparecer uma linha entre os dois pardgrafos (veja Figura 7.9). Pipewe G0 T Wleget Aer ood fevee dave Amt Cosette Pinietes =O me © ven Frontage @ te Oven | BF 0 | ee | epi fem Poti BEL FQ et |-e LEF=§BOBRo Oe Sta: oS = “in=g@)e a) Vn@ [aa “fhe 6 the seemed op erry med woe example To demonaeret® Rew to add an article [Rtwaugh the backend. Ie's parr of Chapter 6 of Joceris! The users guide. (Thi b the second poragragh wf the second blog eniry. As we add more fig enties we well see how to freet mages and inks inem content ercles. ‘Thi & the thed patagraph of the stcond biog fry. deealy i's a good aes to show ondy 3 ama smoont i ne . ‘of test in the troduction, the tet that 5 the bing bynit pose mere ———— FIGURA 7.9 Criando um link Leia Mais Esta linha separa o texto introdutério do resto do artigo maior. O efeito de clicar no link Leia Mais nas duas versées diferentes do artigo de contetido pode ser visto na Figura 7.10. Gerenciando Contetido Através do Backend 133 $$ Second Blog Entry Whitten by Mrblanager 2007-87-00 23:04:01 This is the Second blog envy and some example content used to demonstrate how to add an article through the backend. Ifs part of Chapter 8 of Joomla! The users guide. This is the second paragraph of fhe second blog enty. As we add more biog entries we will see how to insert images and links into content articles. Last Updated ( 2007-07-09 234148 ) Read more >> Second Blog Entry Whitten by Mridanager Monday, 0 July 2007 This ts the second blog entry and some example content used to demonstrate how to add an article through the backend. It's part of Chapter @ of Joomial The users guide. This is the second paragraph of the second blog entry. As we add more blog entries we will See Now to inset images and links into content artides. This is the third paragraph of the second blog entry. Generally if's a good idea to show only a ‘small amount of text in the introduction, the text that is shown in the blog layout, Last Updated ( 2007-07-09 23.47:45 } FIGURA 7.10 Um artigo com texto introdutério do frontend Pardmetros Basicos Quando editamos um artigo, as abas Ajax do lado direito abrem os parametros basicos, como apresentado na Figura 7.11. FIGURA 7.11 Parametros bdsicos de artigo Ao criar um item, um usuario do backend pode publicar instantaneamente e/ou exibido na Pagina Inicial. Perceba que os usudrios do frontend devem ter seu contetido aprovado. Vocé pode usar 0 nivel de acesso para criar contetido visivel somente para usuarios registra- dos, Combinado com um componente que pode criar assinatura baseada em pagamento, esta é uma 6tima maneira de criar um site que tenha uma assinatura para premiar contetido. Vocé pode mudar o criador de um item de contetido, Isto da a outra pessoa permissdes de edita-lo, sendo que alguns niveis de usudrios sé podem editar seu proprio trabalho. 134 Capitulo 7 Expandindo seu Contetido: Artigas e Editores Vocé pode marcar uma data de inicio no futuro, para ter artigos aparecendo automati- camente. Um exemplo de onde isto pode ser util é escrever uma série de mensagens no seu blog adiantadamente antes de sair de férias! Vocé também pode usar a configuragao de publicacao Finalizar (Finish) para tirar de publicacdo artigos que sao sensfveis ao tempo, por exemplo, algum tipo especial de oferta disponivel apenas por uma semana. Parametros Avan¢ados Clicar na aba Parametros Avancados (Advanced Parameters) expande estas configura- ¢6es, como exibido na Fi ira 7.12. particle te 5 State Published Wits 2 faa] _ Revised Jtmes ‘Crested Monday, 09 July 2007 23:04 Modified Monday. 09 July 2007 23:41 |» Metadata Information FIGURA 7.12 Parametros Avancados de Artigo A configuracéo que eu uso mais freqiientemente aqui é o parametro Exibir/Ocultar Texto Introdutério (Show/Hilde Intro Text). Isto me permite ter um controle melhor da apresentacao quando ela aparece com outros em um layout de blog. Por exemplo, eu poderia usar uma minia- tura de uma imagem dentro do texto introdutério, mas depois ter uma imagem maior (a qual nao tem boa aparéncia em um layout de blog) quando o artigo completo for visualizado. Novamente, o resto dos parimetros é explicado em detalhes no site de ajuda do Joomlal. Gerenciando Conretido Através do Backend 135 Informag4o de Metadados (Metadata Information) Como exibido na Figura 7.13, aqui ¢ onde vocé insere os metadados de um artigo especifico (as abas de metadados aparecem no cédigo de busca HTML da pagina). |» Article Perameters_ |¥ Advanced Parameters |» Metadata Information FIGURA 7.13 Informacao Metadados Vou me arriscar aqui e fazer uma sugestéo radical: O melhor uso das palavras- chave do campo metadados pode, na verdade, nao ser para otimizacao para as ferra- mentas de busca (SEO). E bem reconhecido que (falarei mais no Capitulo 8, “Ob- tendo acessos para seu site”) metadados de palavras-chave s4o muito ignorados pelas ferramentas de busca modernas. Contudo, é possivel que o Joomla! use estas palavras-chave para executar funcées dife- rentes ao invés de apenas aparecer em cddigo de busca HTML. Por exemplo, o Joomla! tem um médulo chamado itens relacionados. Este modulo exibe outros itens de contetido que sao relacionados aos exibidos atualmente. Os mesmos sao ba- seados nos metadados de palavras-chave. Se tiver cuidado e prestar ateng4o ao escolher uma pequena quantidade de palavras-chave relevantes ao contetido, este médulo ird funcionar muito bem. Porém, se vooé decidir que vai haver uma palavra-chave para cada artigo, entao cada artigo vai ser relacionado neste médulo, e sera mais util para voce. Uma coisa para se ter consciéncia é que este dado esta anexado 4 configuragao de dados na configuracao global. Para paginas que tém varios itens de contetido, como uma apresentacao de blog, os dados de cada contetido sao adicionados. Novamente é até desnecessario dizer, menor é melhor — uma descri¢4o de frase e duas ou trés palavras-chave sao adequadas. Inserindo Imagens Dentro do Contetido Gerenciar suas imagens apresenta alguns dos maiores problemas que vocé pode encontrar ao criar um site. O problema mais comum € que a imagem tem uma resoluga’o que nao funciona bem para paginas web. Se vocé tirar uma foro com sua camera digital e depois descarrega-la na Web, verd que ela poderia facilmente ser do tamanho de um megabyte ¢ varias vezes o tamanho da sua tela de computador. Primeiro e mais importante, imagens 136 Capitulo? Expandindo seu Conteido: Artigos e Editores precisam ser melhoradas com algum tipo de programa grafico para apresentacao na Web — isto significa 72 ou 96 dpi. Trés excelentes ferramentas online para fazer isto s4o: 1. www.snipshor.com 2. www.webresizer.com 3. www.picresize.com O Joomla! pode ajudar a inserir imagens nos seus artigos de contetido rapida e facilmente. Vamos postar uma nova mensagem no blog e inserir uma imagem nele. V4 para o Gerenciador de Artigo e clique em Novo para criar um novo artigo. Na parte inferior da tela do editor existe um botao Imagem, circulado na Figura 7.14. Vocé pode no- tar que entre os botdes do editor (TinyMCE neste caso), ha um outro botao que voce pode clicar para inserir uma imagem (também circulado na figura). Porém, nao usamos este. Nos usamos aquele na parte inferior da caixa do editor geralmente nomeada como “Imagem”. (B21 (Eee BEF Rl ele — 2) a |= “ke td blog past conan sn image f tha arts, FIGURA 7.14 © botdo Imagem do Joomla! Se vocé posicionar o seu cursor onde, quer a sua imagem e entao clicar no botao Ima- gem, aparecera uma janela pop-up na qual vocé poderd selecionar a imagem que quiser inserir da pasta de imagens Joomla!. Esta pop-up é virtualmente idéntica ao Gerenciador de Midia disponivel no backend. A mesma é exibida na Figura 7.15. Gerenciando Contetido Arravés do Backend 137 (Cle! [aw Son » FIGURA 7.15 Caixa de dialogo de inserc4o de imagens Navegue até a pasta que possui a imagem e entao clique nela. A seguir, clique no botao de inserir na parte superior direita. A imagem entao aparece no artigo de contetido. Se sua imagem ainda nao esté carregada, vocé também pode usar esta caixa de inserir imagem para carregar esta imagem antes de usd-la. No entanto, tenha certeza de que apri- morou sua imagem para a Web para que a sua resolucao esteja apropriada. Editando as Propriedades da Imagem Se quiser editar as propriedades da imagem que acabou de inserir, por exemplo, alinhé-la A direita ou 4 esquerda, uma vez inserida, vocé pode ajustar suas propriedades apenas clicando nela ¢ a seguir clicar no botao inserir/editar imagem do editor TinyMCE. Isto exibe uma caixa de dialogo das propriedades como mostrado na Figura 7.16. FIGURA 7.16 Caixa de didlogo de Propriedades da Imagem 138 Capimlo? Expandindo seu Contetide: Artigos ¢ Editores O mais titil aqui é a habilidade de ajustar as margens das bordas de uma imagem. Infe- lizmente ele pode fazer isto usando vspace e hspace, que sao abas HTML depreciadas e nao se adéquam aos padrées web no uso de CSS. Alguns outros editores como o XStandard eo WYSIWYGPro usam corretamente margens que se adaptam aos padroes. ni Criando uma Tabela de Artigo de Contetidos Se vocé tiver um artigo muito grande, pode achar titil quebrd-lo em varias paginas. O Joomla! pode fazer isto automaticamente para vocé usando sua funcao de quebra de pdgina. Vamos abrir nosso terceiro artigo de postagem no blog, inserir um link. Leia Mais depois da imagem, e¢ entao, inserir mais algum texto. Para adicionar uma quebra de pagina depois do texto, clique no botao Quebra de Pagina na parte inferior do editor préximo ao botio Imagem do Joomla!. Uma mensagem aparece- ra onde vocé podera inserir 0 titulo da pagina, mostrado na Figura 7.17. FIGURA 7.17 Caixa de didlogo de Quebra de Pagina Quando vista do frontend (veja Figura 7.18), a tabela de contetidos é exibida em uma pe- quena caixa na parte direita superior do artigo, com links para as paginas diferentes. A aparén- cia visual da tabela de caixa de contetidos pode ser estilizada pelos arquivos CSS do template. » 7 | BX Joomla! | Third Blog Post 3 kan Sooper seein, team 19 von Ds mee ee ie ener ieee] | | ete = wna | aoe | “hun tain an et pga ane wate. ned te ety | | Pras the == | Pemered fe ieenew aS TER mmg OT J FIGURA 7.18 Tabela de artigo de contetidos Joomla! vista pelo frontend Gerenciando Contetido Através do Backend 139 Descrig6es de Categoria e Secao Até agora vimos os dois veiculos principais para vocé adicionar seu contetido no Joomla!: 0 corpo principal, conforme representado pelos artigos de contetido, e os médulos HTML personalizados. Ha um terceiro lugar onde pode adicionar contetido limitado: as descric6es de secdes e categorias, Para fazer isto vocé deve estar logado no backend do site. Cada secao e categoria podem ter algum contetido descritivo associado a ele. Baseado nas configuragdes de parametro para o item de menu ao qual foi feito o link, vocé pode ou nao ter esta descrigéo exibida. Se a descrigao for ativada para ser exibida, aparecer4 no topo da pagina para aquela secao/categoria, mas somente no topo daquela pdgina. Se os links estiverem conectados aos artigos individuais, as descricdes serao exibidas. Parece confuso, mas veja um exemplo. Primeiro, vamos adicionar uma descrigao A seco Blog Widget. V4 para Contetido > Gerenciador de Secao > Blog Widget (Content > Section Ma- nager > Blog Widget). Isto exibira o Editor de Seco (veja Figura 7.19). 3 Menus Content «Components. Exienviows Toute telp, Pirevew Go Ms (Oliogeu [W) Section: reae1 ew do me. Save Aap) «Cnet incest anti — pee Seope: canteet “ities Weld Blog Alias: Widget Bog Bf De | ee ee Steril Page } = ls) al 2c -bbFI— Bo OmBy ia Sua obs «|e Sl os/h7 tl Ths: our company blog aoout af Theos Widgel. Check beck here for company news and bing from sur tear. FIGURA 7.19 Editando a Descric&o de Segao No editor WYSIWYG na denominacao Detalhes (Details), vocé pode adicionar conte- tido, imagens, e/ou texto que ird aparecer como a descricao para aquela secdo. Salve esta tela. Agora precisamos ir ao item de menu e configurar 0 parametro para exi- bir a descricao. V4 para Menus>Gerenciador de Menu>menu principal>Blog (Menus > Menu Manager > mainmenu > Blog). Nesta tela Editar Item de Menu (Edit Menu Item, na Figura 7.20). do lado direito em 140 Capitulo 7 Expandindo seu Contetido: Artigos ¢ Editores Parametros de Irem de Menu (Menu Item Parameters), vocé vé as configuracoes para Exi- bir/Oculear a descrigao (circulado). Configure para Exibir. Aciministratio ae Meres | Come Conwonene |= Emme Tocin etn Fire Fe Mt Ft Ell Eoctanton evee bene: Ree | row Section Blog Layout Gece 9 tat of arines bn necinn nw tg berm [era Ren Fats me Tue Bog i a _ = a ‘Lie: jacked pe ai tie i Pres Bd Diapsioy tae [Hain Mery eorect ter: oe Best Us —— ‘Cornet tie Poa Chan fetta ’ | hte mace inal ae = Ahk Prato © oe © ignare Con pummenet 0) ue ven ©) tran, cinoma | oon —— a << TS : Mew Window Without Erewner | j FIGURA 7.20 Parametro Exibir Descrig¢ao em Editar Item de Menu Eu raramente uso a descrigao de imagem. Esta é uma configuracao especifica do Joomla! que mostra uma imagem que é designada na tela Editar Secao/Categoria (remeta-se a Figura 7.19). Quando quero posicionar uma figura aqui, eu faco no editor HTML e logo vejo que uso raramente a fungao de descricéo de imagem. Visto do frontend, nosso blog agora parece com a tela da Figura 7.21. | Pains Aeneas or me ti mac k FIGURA 7.21 Vista do frontend de uma descricgao de secao Gerenciando Contetide Amavés do Backend 141 Um ultimo aspecto importante de trabalhar no backend sio os parametros de artigo global. Estes estavam contidos na configurac4o global, mas agora sao acessados (no Joomla! 1.5) no Gerenciador de Artigo. Preferéncias de Contetido de Artigo Quando se faz login como super administrador, o Gerenciador de Artigo apresenta um ico- ne adicional na barra de ferramentas para preferéncias, como circulado na Figura 7.22. Ao clicar no icone Preferéncias, vocé verd uma pop-up com as varias configuracées dis- poniveis para artigos, como mostrado na Figura 7.23. a ‘casa ¢ ‘Be 2 ~ Pee ’ a “leap T 76 ® eo Alte OF Anna ese ‘ DEL comm wingeee = o hake ava ren Meigen aaemanee ONRET ET 9 + EL tyrem mop reat = e : a ee % ) demon tey tay 2 oO «+ GER ke of wept peo tue =| MTT 2 Sf) Wetter toe = o .. Sa. Fae kta fing ee kieitamager het i (Sere emit) on a9) eet) G Protec, cow Fang! iy Mommas anes Gummer MG Puntaned, txt has Lames) Ret oated CA St Cont BE hogy ate FIGURA 7.22 Preferéncias no Gerenciador de Artigo | & antcies (Seve) (ree) ‘Shaw UnAwthorzed Links @n Ove Show Article The © pide © snow ‘Unked Ties © to O vee ‘Show intro Text © te © snow | Section Name Linkabie © wo © ves | Category Name © tie O show | Cetagory Name Linkabie ® wo O ves Author Names © ite © snow : Crested Date and Time © nite © show Modified Date and Time © vite © crow | Show Havigation @ tiie © snow Read More Link © itite © show | anaapvaten © time © snow | eon © tite © show | POF leon © tite © show | Print oon © roe © snow Ema icon, © rite © snow tts © tie © show | FIGURA 7.23 Configuracdo Global de Artigo 142 Capitulo7 Expandindo seu Contetido: Artigas ¢ Editores Como falamos inicialmente, é mais eficiente para uma unica pessoa gerenciar o contetido pelo backend. Se vocé tem muitas contribuindo com contetido, no entanto, nao vai querer dar a elas todo o acesso ao backend. A resposta nesta situacao é deixa-los gerenciar o contetido pelo frontend. Gerenciando Contetido Através do Frontend Como ja vimos, o backend de um site Joomla! sé é disponibilizado para gerenciadores, administradores e super administradores. O Joomla! tem um sistema para adicionar con- tetido pelo frontend, com os grupos de usuarios de frontend: autor, editor e publicador. Em geral, o gerenciamento de contetido normalmente inclui as trés seguintes operagoes: 1. Submissao de contetido novo ao sistema 2. Edicdo deste contetido, se necessario 3. Publicacio do contetido Antes de podermos entender corretamente as fungdes ¢ as permissGes dos trés geren- ciadores de conteudo do frontend, precisamos criar um menu para acessar as paginas que iremos precisar. Criando um Menu de Usuario no Frontend Para criar um menu de usuario no frontend, devemos primeiro criar um novo menu (0 que fizemos no Capitulo 5, “Criando Menus e Navegacdo”). Va para Menus>Gerenciador de Menu>Novo (Menus > Menu Manager > New). Isto traz.a tela Detalhes de Novo Menu (New Menu Debils) como apresentado na Figura 7.24. Perceba que no primeiro campo, o Nome de Médulo nao deve conter espacos. Toots Hele. iorvew Go 1 Diogo eo0 Sere Cancel How FIGURA 7.24 Criando um menu de novo usuario Gerenciando Conteuido Através do Fronted 143 Ao clicar em Salvar (Save), nés voltamos ao Gerenciador de Menu. Abra o Menu de Usuario no Frontend que acabamos de criar, clicando no icone Itens de Menu para aquele menu. Nés deveriamos obter um menu sem itens. Agora precisamos adicionar os itens de menu como fizemos antes, mas desta vez nao estamos criando links para artigos, sec6es, categorias ou Componentes, mas para o tipo de item de menu Usudrio. Clicar nesta opao expande a estrutura de drvore como mostrado na Figura 7.25. JoomlatSNightlyd: Ste | Menus Content Componesta Extensions Toola | - Help Alpmew Do my BF Loco FAM Menu item: pnews oo — Cancel Help % Deataul ner Lmyout | User Form Layeut 1B Web Links 8 Virapper eG External Link o- Gd Senerater ao Aw FIGURA 7.25 A arvore de item de menu do usuario Agora devemos criar links para os seguintes: * Usudrio>Login> Layout Padrio de Login (chame este de Login) * Ubsudrio>Registro>Layout Padrio de Registro (chame este de Registro) * Usudrio>Lembrar>Layout Padrao de Lembrar Senha (chame este de Lembrar Senha) * Usudrio>Recuperar>Layout Completo de Recuperar Senha (chames este de Recupe- rar Senha) © Usudrio>Reset>Layout para Confirmar Reset (chame este de Confirmar Reser) * Usudrio>Reset>Layout Padrao de Reset (chame este de Reset Padrao) * Usudrio>Usudrio> Layout Padrao de Usuario (chame este de Usuario Padrao) ¢ Ususrio>Usudrio>Layout de Formulario de Usuario (chame este de Formulario de Usudrio) * Artigos>Layout de Envio/Submissio de Artigo (chame este de Submeter Contetido) Apés adicionar estes nove itens de menu, o menu no backend deverd se parecer com o da Figura 7.26. 144 Capitulo 7 Expandinds seu Contetido: Artigos e Edirores Fite 8S 1 Det a27e°9 ican eS oe ‘Mina Levee 10 A-list Sai ein Pemehes Accaas Lert id ‘meena )) am nk hee I aati jee la Ey ame ~ Peale nee ‘ 2 ED Panera Remon “ Roc Uae ’ 4 DD Masewers eset ~ ed User ® ® El connn tener 7 a* Le peer " 9 Cowman ~ ay [# Ps veer @ + Fl] Setter # avr (ft Pubic User ©) Bl tron ~ tte) pea i ie * © pect conten ~ . cf Pte: ances % omcmny 8H Gwe) (eevee) (in) sn) lame) Peer or FIGURA 7.26 O novo menu Usuario Frontend Pelo frontend, o médulo do menu sera apresentado como na Figura 7.27. Chapter 4 Demo . ‘site he ‘The site contains all ne derma esotent from chapter 4 ‘You can ineowse the Our company is catled Widgellnc We make the best widgets around. in grsen and adminéstrator backend with the but Fahawtng: ur omcss are in Wisgentita, LSA. Usemame. admin Password: joomiabonk Frontend User Menu Rea | © Login _——— Weanesday, 77 si soe | a Password Raminoar are ia er = . piormcdinkivngd ‘We Ofovide lots of senices. «Conlin Reset =D Renet ALOU Serices in invahe WICDEtS, * Detaut User mui Updated | Wednesday, 72 August 2007 = Uses Form zm) = Submit Contant Powered by Joomial, Vatid (HTML and O35, FIGURA 7.27 Vista do frontend do menu de usuario completo Lembre-se de que a apresentacao de um menu € controlada pelo seu médulo correspon- dente. A sua funcionalidade € para onde os itens de menu direcionam, sao controlados pelo seu menu no Gerenciador de Menu. Para dar ao menu o mesmo estilo do menu principal, e para mové-lo, nds precisamos en- contrar o seu médulo, Va para Extensées>Gerenciador de Médulo > Menu de Usuario Frontend (Exten- sions > Module Manager > Frontend User Menu). Nos parimetros avancados vocé pre- cisa inserir o Sufixo de Médulo de Classe como _menu. Isto permite ao Joomla! aplicar os estilos CSS pré-determinados como definidos pelo modelo. Vocé também pode configurar a Ordem do Médulo para ser 2::Main Menu, entao ele ird aparecer depois do Menu Principal na coluna esquerda. Gerenciando Contetido Através do Fronted 145 Agora, o menu do usuario que configuramos mostra todos os links possiveis que se pode ter. Nao usariamos todos para um site real. Vocé ira perceber que ha links para registrar e recuperar a senha no formulério de login. Quais os itens de menu que escolher, depende da funcionalidade que se quer oferecer aos usuarios. O ultimo passo para configurar este menu é usar as caracteristicas de controle de acesso do Joomlal, para que alguns itens de menu sejam visualizados somente por usuarios logados. Limitando Acesso aos Menus pelo Nivel de Usuario Se um visitante entrar no seu site, vocé provavelmente nao vai querer que ele veja os itens de menu de Seus Detalhes (Your Details) e Submeter Contetido (Submit Content); isto iria apenas confundi-los. Até porque, o link Submeter Contetido somente ira funcionar se um visitante estiver logado. Felizmente, o Joomla! permite um facil controle do que € visivel e o que nao é. Para qual- quer item Joomlal, seja um artigo, médulo ou item de menu, vocé pode configurar 0 acesso (se vocé pode vé-lo) para ser um destes trés: * Publico (Public). Qualquer um pode vé-lo. * Registrado (Registered). Usuarios Registrados e acima podem vé-lo. * Especial (Special). Qualquer administrador (autor e acima) pode vé-lo. Isto é feito ao alternar a coluna Acesso (Access) em qualquer um dos gerenciadores: de artigo, médulo ou menu; ou pode ser feito ao modificar o parametro quando estiver editando aquele item especifico. Com isto em mente, queremos que os itens de menu Registrar (Register) e Login sejam publicos e que o resto dos links sejam registrados. Nos também mudaremos o item de menu Submeter Contetido para Especial. VA para Menus>Gerenciador de Menu>Menu do Usudrio Frontend (Menus > Menu Manager > Frontend User Menu). Clique nas palavras da coluna Acesso (onde diz Publico, para iniciar), ¢ vocé vera que ela se alterna através de trés opgées. Clique nos itens de menu Submeter Contetido e Seus Detalhes até que estejam configurados para acesso Especial. O menu deveria se parecer com a Figura 7.28. ie Meme = Content Components Eetenpigne = Teste Met Bees Se Bt Pee a 87900 Cay Trae Fa Hip td cH ea Monu Item Managor: [FrontendUserMenu} & r oY Detect Puen i © Dl Geta amet ¥ * epee = z 2 BD owes eae ~ degen eer * © CD tee ree wa ait Ue 4 © Ef won come ~ * wee ances , cher #26 (Sts Lh Pe, (A) te) deg) Pew tt FIGURA 7.28 Modificando permissées de menu 146 Capitulo7 Expandindo seu Contetido: Artigos ¢ Editores Agora, se alguém visitar seu site, vera somente o link de Login. Se ele fizer o login e for um administrador de frontend ou backend, dois outros links irao aparecer magicamente! ora temos meios de adicionar artigos através do frontend. Quando um administrador de frontend faz login, pode ir até 4 pagina Submeter Contetido e ver um formuldrio. Para entender melhor como isto funciona, precisamos analisar cada um deles — autor, editor e publicador — um por vez. Vamos criar trés usudrios para fazer isto. V4 para Site>Gerenciador de Usudrio (Site>User Manager) c crie trés usuarios para trés niveis de acesso. Eu nomeei os meus de SrAuthor, SrE- ditor e SrPublisher. Seu Gerenciador de Usuario deve ser como o da Figura 7.29 quando pronto. BiPevew Go M1 O Logon Site Menus Content = Components | Extensions = Tosts | Help ry User Manager 9870 © — Loget Gekte Edt ew = Help Faer, Coe) Cie] Select Group i) Ealect Log Stans s oO Nomen, Username Loggedin Enabled ‘Group E-taa Last Vist iD 1 EE] Administrator wh adein —_ ~ é i Super Administrator i ‘miphdedecgesteiakite 7 (Zora? @ 2) MeAdeninistretar MrAgminiatratar | Administrator rAgminsratorgeMrAGminstrator.com (G07 OF ot +E] WeAuthor MrAuthor ~ Autor MrAuthon@MrAwtnor.com 207,07 es 4 2) weatar Mreatur wf Etter MtrEdiborggidrEditor. coe aa1ts9 cs SF] wilenager MrManege: Manager Uransger@MrMenager.com 09.07.07 a Dl mrebeter MMrPubiener a Pubbsner UrPubbaher@MrPuntsher com 3011.98 a7 (i> sacs) (sie) GA) (iret fen) nave Vor FIGURA 7.29 Criando usuarios no Gerenciador de Usuario Observe que ha uma confusao aqui, pois eu tenho um Administrator ¢ um SrAdmi- nistrator. Isto € porque o nome administrador é 0 nome padrao criado pelo Joomla! na instalacao. SrAdministrator é aquele que adicionei em um nivel de acesso administrador. Se isto fizer confusao, abra o usuario Administrator (o original) e mude seu nome para SrSu- perAdministrator para se adequar ao seu esquema. Agora vamos dar uma olhada em como um autor pode gerenciar contetido. Autores Os autores sao 0 nivel mais baixo dos administradores de contetido frontend em Joomla!. O conceito de autor é que eles podem submeter contetido, mas nao podem editd-lo ou publicé- lo. Vamos ao frontend do site e fazer login como um SrAuthor. Ao fazer isto, fazemos a pagina inicial como a da Figura 7.30. Gerenciando Contetdo Acravés do Fronted 147 ‘Welcome to the Frontpage ore | About Us 592} pawameaner | ‘mre cane 8 | 0 ons can rear te ath | dab ene am | Sue Geena Caume Yengat fi mana tee best waciget arcunic reer a3 mca aoe (Oy ate ew ns Mage LR | = Poem ry ss Vali ATE ed 8, \. FIGURA 7.30 Logado no Frontend Perceba que podemos ver os itens de menu de Your Detals e Submit Content ¢ que nao ha funcionalidade para editar contetido (mais sobre isso daqui a pouco). Ao clicar no link Submit Content, recebemos o formulario de submissao de artigo como exibido na Figura 7.31. Precisamos preencher com algumas informagées, e ter certeza de pormos o artigo na se¢ao Blog Widget. Se vocé estiver contando, esta foi a quarta postagem no blog! Salve o artigo. Ao salvar o item, recebemos esta mensagem: “Obrigada pela sua submissao. Sua submis- sao agora sera revisada antes de ser postada no site”. Depois de salvar, rapidamente percebemos que ndo conseguimos encontrar o artigo em lugar algum do frontend. Isto ocorre porque os autores nao podem publicar artigos. Quan- do um autor cria um artigo, ele é automaticamente classificado como nao-publicado, Agora vamos fazer login no backend como um super administrador ¢ ver o que esta acontecendo. Entre como Admin (ou SrSuperAdministrator se vocé mudou o nome). Va para Contetido>Gerenciador de Artigo (Content>Article Manager). Vemos a quarta postagem do blog como nao-publicado. Este status estd circulado na Figura 7.32. Gees) i ee as ee ro oe oe FIGURA 7.31 A tela de Editor do Frontend 148 Capitulo 7 Expandindo seu Conretido: Artigas ¢ Editores Administration _ Ste Memis Content Components | Extensions Tools Hel ee Article i 2 Jacucoooas i io Ge) " eae7 oF ‘sos? oT ‘Rar ar ll Dein eae) (H) eet) (se) ove vor GG Pabtshes, bot i Penna! i Pubbshed and in Gurent} § Puomned, putnes Eapied| ) Hot Pubkshed ‘Click on icge to ippole sake FIGURA 7.32 Aprovando artigos de contetido Nés também notamos que temos uma mensagem em espera, representada pelo nu- mero “1” préximo ao icone Mensagem Privada (Private Message) na parte direita supe- rior da tela (circulada). Se clicarmos no “1” ou irmos para Ferramentas>Ler Mensagens (Tools > Read Mes- sages), veremos a Caixa de entrada como exibido na Figura 7.33. Pion 1 M2 Ligon 8° © Dewte New Setimgs help | en Subject Read From 3 bate 1 © rewnem @ wrAutior POUT-aT-2 1ses2 HertG) (Ene) page tort FIGURA 7.33 Recebendo email/mensagens do admin O Joomla! esta nos dizendo que nds temos mensagem! Ao clicar na mensagem, lemos que Um novo artigo foi submetido por [SrAutor] intitulado [Quarta Postagem do Blog] da se¢éio [Blog Widget] e categoria [Blog do Barrie]. Se também quisermos receber estas notificacdes por email, podemos ir em C onfigu- ragdes (o icone na drea superior direita da Figura 7.33) e ativar Enviar Email ou Nova Mensagem. Publique 0 novo artigo no Gerenciar de Artigo alternando o icone Publicado no Gerenciador de Artigo. Se formos ao Rteerated do site ¢ dento do Blog Widget, podemos ver nosso novo artigo, Ee na Figura 7.34. Gerenciando Contetido Através do Fronted 149 “et a ence me eo et see mee aa aaa oar or Sr iten toa etme Paved ema Freee "he ov me ‘oe pra pt yu a yn See epeeatiebecetaame FIGURA 7.34 Blog Widget com novos artigos. Editores Um editor pode submeter contetido exatamente como um autor. Eles podem submeter, mas nao podem publicar. Eles também podem editar qualquer contetido no site. Vamos fazer login no frontend do site como SrEditor. Assim que fizermos isto, veremos que a pagina inicial tem uma pequena, mas importante diferenga, mostrada na Figura 7.35. Se estiver observando atentamente, vera um minusculo icone préximo ao titulo do arti- go. Este é um borao que agora estard em todo o site para cada artigo. Clicando nele, teremos uma tela Editar Artigo quase idéntica a do formulario de submissao. Welcome to the Frontpage eee 8 Demo B About Us nea ‘This site contains all he dema Wettiess try Aeperme ier ater content fem chapter & Friary. 06 1448 You can browse ihe admin back end wir Our company is calted Widget Inc. We make the best widgets afound, in green and User ary aoe Passwort: joomiahook ‘Our offices are in Widgetwille, UBA. Let Udeies | Manany, 09 uy 2007 28.24 Powered by Jools), Vase KHTML sag CSS ese = FIGURA 7.35 Fazendo login para editar artigos 150 Capitulo? Expandindo seu Contetido: Artigos ¢ Editores Entao, editores podem editar artigos, mas nao podem public4-los. Como isto poderia ser implementado em um site real? Na minha experiéncia de ajudar muitos clientes em construir sites utilizando Joomlal, somente os sites muito grandes tém autores, A maioria dos sites terd uma duzia de produtores de contetido que sao clevados ao nivel de editor. Clientes acham isto mais util para estes pro- dutores de contetido que eles sejam capazes de criar editar seus artigos. Entao eles passam por uma revisao final, e por um publicador ou superior, para publicacao. Para o ultimo passo na construgao de artigos do contetido pelo frontend, precisamos analisar os publicadores. Publicadores Publicadores tém as mesmas habilidades dos editores ¢ mais a habilidade de realmente pu- blicar os artigos no site. Todos os controles que acabamos de ver para submeter ¢ editar um conteudo tambem sao disponiveis para publicadores. Publicadores podem ser autores do seu préprio contetido, editar o conteido de outros autores ¢ editores, e permitir que os artigos sejam publicados no site. Vamos fazer login como Sr° Publicador e ver a diferenca. Além do login, quase tudo é idéntico. O mesmo botao Editar préximo aos titulos e 0 mesmo formulério é exibido para criar ou editar um artigo. A diferenga menor sao dois parimetros extras no formulario criar/ editar, aqui circulados na Figura 7.36. ‘Start Publishing: | Finish Publishing: Access Level: Ordering: FIGURA 7.36 Funcées do publicador no frontend Publicadores efetivamente tém os mesmos direitos em relacio ao contetido, enquanto administradores de backend. Eles nao podem, contudo, logar-se no backend. Resumo 151 Checkin de Artigo Ao trabalhar em uma das janelas de edi¢do, tal como um autor esta criando contetido novo, vocé sempre deve clicar nos icones Cancelar (Cancel) ou Salvar (Save) para sair da pagina, A razao para isto é que o Joomla! bloqueia o contetido enquanto voce estiver editando-o, a fim de evitar que outros usuarios, tais com editores ou publicadores, acessem-no ao mesmo tempo. Esta fungao é referenciada como um Checkin Global, que é gerenciado com a ferra- menta checkin global no backend. Ha vezes em que ao sair de forma incorreta destas janelas de edigdo, pode causar 0 bloqueio de contetido para outros usuarios, Os seguintes sao apenas alguns casos em que isto poderia ocorrer: * O usuario acidentalmente fecha a sua jancla de navegacao antes de cancelar ou salvar a transacao. * O usuario usa as fungées de navegacao do navegador para sair do site antes de cancelar ou salvar a transacao. * Uma queda de energia desliga seu PC na hora errada. Qualquer que seja a raz4o, nao salvar ou cancelar a transag4o corretamente pode impedir os usuarios de acessarem o artigo mais tarde. A fungao checkin esta disponivel no backend, em Em verses anteriores 4 1.5, esta funcionalidade também era oferecida aos administrado- res de contetido do frontend através do link Meus Itens de Check-In. Atualmente, na versio Release Candidate, isto nao existe. Pode ser ou nao adicionada novamente enquanto a 1.5 busca ser estavel. Site Demo do Guia do Usuario do Capitulo 7 Um demo deste site esta disponivel em www.joomlabook.com. E uma cépia exata do que vacé deve ter se seguir todos os passos neste capitulo. Vocé pode fazer login no backend administrativo €, entao, ver o framework do site e as secdes, categorias e menus que foram configurados. Resumo Neste capitulo, vimos como podemos gerenciar nossos artigos de contetido pelo backend e frontend. Definir algum planejamento ou plano na sua organizacao, é crucial para alavan- car o poder de Joomla! como um Sistema Gerenciador de Contetido. Deixar a criacao do contetido nas maos de uma sé pessoa significara um site que nao é freqiientemente atuali- zado e sem * WYSIWYG significa What You See Is What You Get. Ele permite edicdo de contet- do sem conhecimento de (X)HTML. Diversos editores esto dispontveis para Joomla! e podem ser instalados como plugins. 152 Capitulo 7 Expandindo seu Contetido: Artigas ¢ Edirores A edicao pelo backend € mais eficiente, mas geralmente nao ha muitos usuarios que acessam o backend. A edicdo pelo frontend permite que mais usuarios este- jam envolvidos no gerenciamento do contetido. Também permite a edicao rapida e facil dos artigos. O Gerenciador de Artigo lista todos os artigos em um site Joomla!. Ao criar/adicionar artigos, deve-se tomar cuidado em relagao ao contetido, em qual segio/categoria ele vai, se vai ser publicado ¢, a relagdo aos varios parametros de artigo (como um metadado). As imagens sao inseridas em artigos de contetido através da funcao de inserir imagem do préprio Joomla!, ¢ nao aqueles oferecidos pelo editor WYSIWYG. Descticdes de secdo e categoria s4o uma maneira util de adicionar um recorte de con- tetido/texto ao topo de uma pagina de sec4o/categoria sem ter que usar um artigo. A Configuracao Global de Artigo deveria ser configurada para o que vocé acha que vai querer mais freqiientemente. E possivel desativa-los em um item de menu ou nivel de artigo. Autores geralmente sio responsdaveis por submeter contetido; editores sao responsaveis por editar contetido; ¢ publicadores sao responsdveis por publicar o contetido. Porém, as permissOes s4o aditivas, entao, por exemplo, um editor pode editar 0 contetido submetido por um autor assim como o seu prdprio. Autores podem criar, mas nao publicar ou editar artigos. Eles sao titeis quando vocé tem muitos usudrios adicionando contetido para um site, de forma controlada as contribuic6es devem ser revistas por outro administrador. Editores podem criar ¢ editar artigos. Eles no podem publicar seu proprio contetido, mas podem editar qualquer artigo, seja publicado ou no. Publicadores podem criar, editar e publicar qualquer artigo. Joomla! tem um sistema que permite somente a um usuario por vez editar artigos. E gerenciado através da ferramenta de checkin global no backend. Capitulo 8 Obtendo Acessos Para o Seu Site jo para Ferramentas de Busca (SEO) pode ser um dos assuntos mais polémi- cos da Web. Se vocé conversar com um black hat SEO (pessoas que usam métodos nao-éticos para ganhar status nas ferramentas de busca), e em contrapartida com white hat SEO (0s bonzinhos), sobre como obter melhores acessos ao seu site, serd uma conversa carregada de opinides e mitos. ‘Tentar aprender sobre SEO é, no minimo, dificil, porque ha alguns problemas: * Ninguém sabe com certeza o que funciona; as ferramentas de busca nao revelarao seus algoritmos. * Algumas pessoas que promovem informac4o SEO estao no ramo somente para conse- guir dinheiro ficil através de servigos de ma qualidade. * Accoisa toda ¢ muito complexa (veja o primeiro ponto). Neste Capitulo Neste capitulo, enfatizo algo um pouco diferente de SEO, conhecido como marketing de ferramentas de busca (SEM — Search Engine Marketing). Eu aponto algumas dicas ébvias so- bre SEO e como elas se aplicam ao Joomla!, mas também discuto um plano mais holistico incluindo estratégias como Pay-Per-Click ¢ blogs. Por que eu quero acessos ao meu site? Como eu consigo acessos ao meu site? Como eu consigo acesso natural com SEO? Como eu consigo acesso orientado? Como eu consigo acesso Pay-Per-Click? Como eu uso propaganda por email para conseguir acessos? O que é SEF? Comegar pelo Comeco: Objetivos do Site Por que vocé quer acessos? Antes de continuar, vocé precisa responder esta pergunta podendo dividi-la em: * Sobre o que é 0 seu site? * Quem ira visita-lo? * O que eles vao ganhar? * O que vocé vai ganhar? Escreva as respostas em um pedago de papel...nao, nao precisa! A menos que tenha uma idéia esclarecida do porqué voce esta construindo um site e se vocé se esforcard para, mais tarde, tomar decisdes no processo de construcao e publicagao do mesmo. F especialmente importante pensar 0 que os visitantes irao ganhar ao visitar o seu site. A resposta para esta pergunta vai formar a base dos esforgos do seu SEM. Agora que ja pensou um pouco sobre quem vai visitar seu site, podemos falar sobre “como”, Publicar seu site é apenas um pequeno passo no caminho de obter acessos. A menos que faca outra coisa, seu site vai parar por aqui e ninguém saberd que ele existe. Infelizmente, diferente do filme de Kevin Costner, Campo dos Sonhos, “se vocé construir, ele vird’, na Web isto nao é verdade. ‘Ao considerar 0 maior conceito de SEM, podemos dividir as diferentes formas de obter acessos em varias categorias principais: * Natural. O que tradicionalmente era conhecido por SEO, marketing natural é a idéia de ter seu site visivel em varias ferramentas de busca quando as pessoas buscam pelas palavras-chave. * Orientado, Muito simples, a idéia de ter links de outros sites para o seu. Um plano robusto em SEM tera uma estratégia de construgao compreensiva. Isto pode ser natu- ral através da atracio de links para seu contetido de alta qualidade, ou podem ser links pagos ou outras técnicas. * Pay-Per-Click (PPC). Esta estratégia envolve dar uma pontuagao para posiciona- mento nos resultados de busca. Submeter um antincio em uma ferramenta de busca como Google também significa que ele aparece na sua rede de antincio distribuida, por exemplo, no caso do Google ¢ do AdSense. Logo seus antincios irao aparecer tanto nos resultados de busca quanto nos contetidos dos sites. © Email, Construir uma lista de assinarura de email é uma parte central de um plano SEM moderno. E importante saber quem sao os visitantes do seu site ¢ se € apropria- do adquirir seus emails para que ent4o vocé possa apresentar a eles informagdes que possam chamar atengdo para 0 seu site. Caso queira que seu site seja bem-sucedido, ¢ absolutamente importante que vocé tenha um plano equilibrado que trate desses quatro componentes. Focar em apenas um vai colocd-lo em desvantagem aos competidores que tenham uma abordagem mais equilibra- da. E exatamente o mesmo principio que o seu consultor financeiro sempre diz a vocé: Tenha um portfolio diversificado. Acesso Natural (SEO) Vamos procurar no Google pela palavra “Joomla!”. A Figura 8.1 mostra os resultados desta pesquisa em Setembro de 2007 (Eu me pergunto se 58 milhées de sites estéo realmente usando Joomla!). Esta pesquisa ilustra grandemente a diferenga entre marketing PPC e natural. Os resulta- dos que aparecem a esquerda sao aqueles produzidos pelo algoritmo Google (mais sobre isso Acessa Narural (SEQ) 155 sera falado mais adiante na nossa secao sobre como o Google calcula o Ranking da Pagina). Estes séo classificados por uma férmula insanamente complicada usada pela ferramenta de busca. A ferramenta de busca esté tentando encontrar os sites mais Uteis conectados a palavra-chave que vocé usou na sua busca. Aqui podemos ver que www.joomla.org é 0 nu- mero um, (Meu modelo de site comercial, joomlashack.com vem na 74 posic4o e meu blog compassdesigns.net é o nimero 10. Pensei em ressaltar esta observacdo apenas parcialmente para mostrar que tenho idéia do que estou falando sobre SEM neste capitulo — e parcial- mente fazer uma propaganda descarada!) Web oeere: Vite Mees Mee Som! pee + Sen! Soseaiat Joomla! Contunt Minagemect Systerm and Web Agpicatnn Framawork, t eee joorata ony! Tele Sebel ter sase: jpomia Websne Desay | edermuzen | oe Afarcama gretvnicnal Jeomla erun jogenia ory eegn ord Joomla Sorecen | = erase jonni eryicimbant Fee 132 — ede netjueria coon | ote pews tom re JO Se | hep by Step Ebest ta Creetng, sosenial a doomta Weabene 26ts pages | ioeesel ens lt rest pares pr Sours DetelMpnngioned Bytom oer seem Kempascecge amt Harel. sa uaa a8 eam foe weeld be mentors fora seals weirs ow joomla erg corerurtieetos cee Martinrea He Cece » flee popes Joomla). Wihiperks, the bee encrconeshs Facyoiapeda ariria abaut (aa Jewerda! CAS vipstees exckateg tertary and features: soma learnjoombafast cos fn eked Oogoniel domamaes =A » Cacho = eve dgomia Templaies Cua... Professiona). Hoan quai koomia tempagia Pralesacial Web 2 0 Temelaten WC fe fang pr boric ane anargereelpecoapan oa a Tattoless CSS, Iwew Mone Syratems free and profeasionat Mambo mame, mnduses, oe peariiane catr atte Jostalnt coma A Th + “tata ot oma ieomia! Eeraons Dimctery deems the dyraeec por eng OM Loman! managerest ty-tem ‘scans. jeamein ory! SOK CARA - Sonne pages, Se apical oedinonchar kin j Te | forum foamia exp: THe. Cactwer - Sanne sacny foams Tecra. Componarts sre Fine Dowripaim tex doomie CME Home bane grahharge seam pron a aa Tevmplates | conteat sogee es bomeata! wrt ooslashech som! 208 sched Seni pasa qT “ eee ow [0 cvetull Joowria tutenate tor extonsars wach ue Virtuemart | ‘OpenSEF, DoclAN Leaev how to vw Joomla ‘ith Flach ax eal at weve — orm jrommlatawnala com! - 28. Cain - Sypris JoomiCane - Joorpla! Prowet Site | Tee Joqmnie! Peqects eficral demelopmaent vepouiterytorge Cue Joomdm retced ope | toe pom tn eee min howted | jovenleccés org: Wh Cachad » Seulet paaes Joomla [uiccals and Eee Joomla Template Downloads for rout | Moctatie Jaumia Med Gets, Jotenly Templates, sen TORSO a Blea Hom te awh arene aptomere your Jemma where m YB eaey elapse seven coetpeeactenaeen fat!» Bk - acted » Derr pateen Govovovoooogtic & VI24E5709 Nee FIGURA 8.1 Resultados do Google para Joomla! Os resultados 4 esquerda so 0 que chamariamos de resultados naturais e as resultados A direita (e as vezes no topa) sao os resultados PPC. Estas pessoas pagam para aparecer nesta lista. Interessantemente, podemos ver que o Adobe agora esta pagando para ser anunciado nas pesquisas Joomla!. Como veremos mais adiante, h4 grandes implicagées em onde o seu site aparece nesta pagina. Ent4o vamos comecar a aprender como aumentar a posi¢ao no ranking da sua ferramen- ta de busca natural (SERP — Search Engine Ranking Position). Ha uma grande quantidade de informagao sobre SEO, SEM e SERP. Contudo, vocé deve ser cuidadoso sobre a quali- dade da informacSo que adquire. Existem muitas pessoas que ficariam felizes em pegar seu dinheiro por um e-book (livro comprado pela internet) e fugir. Aqui esté um exemplo. 156 Capitulo 8 Olbtenda Acessos Para o Seu Sire Como ganhar $1.000s por dia com uma Otimizacao para Ferramentas de Busca e Joomlal. “Como vocé pode se beneficiar das MESMAS estratégias de otimizacao para ferramen- tas de busca que eu usei para cobrar dos clientes $3.590 por dia para implementar!” | Neste guia web, sem interesse de propaganda, revelarei a estratégia de otimizagao para ferramentas de busca passo a passo que tenho usado ha dois anos com mais de 350 | clientes e que qualquer um pode usar para ter uma pagina no topo do Google. Entende o que eu digo? Este € um exemplo atual de um milhao de pessoas vendendo estes servicos pela Web. A verdade sobre otimizacao para ferramentas de busca é que nao existe mais uma “solucao genial”. Era verdade que vocé podia encher algumas metatags de palavras-chave e conseguir muito acesso. Agora ferramentas de busca estéo muito mais espertas. O Google liberou recentemente sua patente #20050071741 em “Recuperacao de Informagao Baseada em Dados Histéricos” (isto é aquela pequena pagina de busca). No documento estavam mais de 118 fatores' que afetaram a posi¢ao do site nos rankings de ferramenta de busca! Esta ¢ a verdade sobre SEO: Nao existe mais otimizagéo para ferramentas de busca, A unica realidade agora ¢ ter uma estratégia de propaganda na web em longo prazo ¢ um compromisso de construir um site cheio de informagao de qualidade. ‘Tendo dito isto, supondo que seu site é um com contetido de qualidade, o SEO ainda tem seu lugar. Olhe as estatisticas apresentadas na Tabela 8.1. TABELA 8.1 Uso da Internet entre adultos ‘% Adultos online nos Estados Unidos Total de adultos 73% 18-49 anos 86% % Usando geralmente Email 1% Busca 91% Fonte: Pew Internet 04/06 ‘Tentar conseguir o melhor posicionamento natural através de SEO é importante como podemos ver nas estatisticas da Pew Internet. A ferramenta de busca é 0 primeiro passo para a grande maioria das pessoas que tentam encontrar informacao na Web. O SEO tentava driblar 0 sistema. Isto funcionava ha trés anos, mas hoje ferramentas de busca séo muito mais sofisticadas. Tentativas de encher metatags ou por muitos textos escondidos na pagina sao passiveis de penaliza-lo. Este proximo ponto é muito importante para entender SEO: Usa ferramenta de busca tenta encontrar conteudo de alta qualidade baseado na busca da palavra-chave. Acesso Narural (SEQ) 157 Para ser mais bem-sucedido no SEO natural, vocé precisa se adequar a essa necessidade. Crie um site com muitos contetidos de alta qualidade e o torne facil para spiders (programas de busca na Internet que atualizam a sua base de dados através da navegacao na rede e na procura de paginas novas) e visitantes encontrarem e lerem. Vamos dar uma olhada nos préximos passos em uma ordem aproximadamente cronolé- gica que vocé pode empregar enquanto langa 0 site. Agora algumas palavras sobre um software chamado “Recuperagao de Informagao Base- ada em Dados Histéricos” (Google). Introdu¢gdo ao Google Google é a ferramenta de buscas da Internet. Mais de 150 milhées de buscas sao feitas diariamente. Entre Google, Yahoo! e MSN, estas trés representam mais de 90% das buscas feitas na Web. Com estas milhées de buscas Google feitas diariamente, mesmo que seu negécio ou pro- duto esteja atualmente listado no Google, vocé acha que um impulso para o primeiro ou segundo lugar no ranking da pagina iria aumentar o nimero de clientes em potencial visi- tando seu site? Como o Google Calcula a Relevancia da Pagina Embora eu nao saiba exatamente como o algoritmo do Google funciona (ninguém sabe) — é um segredo bem guardado — sei que o Google conta com mais de 118 calculos para calcular a relevancia de qualquer pagina em particular para uma busca. O maior ¢ a popularidade do link. Popularidade do Link Caso tenha baixado a barra de ferramentas do Google (toolbar.google.com), vocé viu a barra verde que o Google usa para posicionar todo site que visita. Este ranking é 0 Ranking de Pagina do Google e é indicado em uma escala de | a 10. Geralmente, sites com um Ranking de Pagina de 7 a 10 sao considerados excelentes em termos de qualidade e popularidade. O principal critério Google para calcular a relevancia para uma pagina é¢ baseado na quantidade de sites que tém link para aquele site em particular. Cada site que possui links para vocé deve ter contetido de qualidade e ter um alto Ranking de Pagina para causar um impacto positivo no Ranking de Pagina do seu site. 158 Capitulo 8 Obtendo Acessos Para o Seu Site Se a tecnologia Ranking de Pagina do Google parecer confusa, apenas tente e lem- bre-se que o Ranking de Pagina Google é 0 critério ntimero um para calcular a relevan- cia de qualquer pagina em relacdo ao termo de busca especificado. Nés voltaremos a popularidade do link mais tarde. Ha, supostamente, mais de 118 fatores envolvidos em como exatamente o Google cal- cula a Posic¢io no Ranking da Ferramenta da Busca (SERP). Como mencionado antes, o Google da mais énfase ao Ranking de Pagina do que as outras ferramentas. Criando Palavras-chave E muito importante saber exatamente o porqué de construir seu site e quem é 0 publico dele. Lembra desta pergunta? Vamos falar do primeiro passo em usar esta informagao: pala- vras-chave. Palavras-chave conduzem as ferramentas de busca. A idéia é que uma ferramenta de busca quer retornar uma pagina em uma busca sobre algo que o visitante esteja procu- rando, Ela faz isto ao observar o que foi inserido na caixa de busca (as palavras-chave) e depois tentar relacionar estas palavras-chave com paginas no seu banco de dados. Frases-chave sao algumas palavras-chave postas juntas. Pesquisadores nos dizem que pou- quissimas pessoas ainda usam uma palavra para fazer busca e esto ficando mais sofisticadas, usando trés ou mais palavras-chave na busca. Imagine que vocé é um visitante em potencial do seu site. Quais palavras ou frases-chave vocé vai digitar para encontra-lo? Pegue um pedaco de papel em branco e escreva quantas palavras ou frases que, como um visitante, iria buscar para encontrar um site como o seu na ferramenta de busca. Aqui estd um exemplo. Para um site sobre nomes de bebés, vocé deve ter: * Nomes de bebé * Nomes populares de bebé * Nomes de bebé mais populares Perceba como nao usei a palavra tinica “Bebé”. Pessoas que estejam buscando por este termo podem estar procurando por muitas coisas. Neste ponto, nao queremos ser gerais. ‘Tente escrever de 20 a 30 palavras ou frases-chave em um pedago de papel. Se tiver pro- blemas em pensar nas palavras, pergunte aos parceiros, amigos ou membros da familia quais palavras-chave eles usariam para encontrar 0 scu site. Neste ponto, vocé deveria ter uma lista de no minimo 20 palavras ou frases-chave a sua disposicao. Neste momento, uma pesquisa é requerida. Vocé precisa descobrir quantas pessoas estao buscando pelas suas palavras ou frases-chave, ¢ vocé precisa de uma ferramenta que te dé esta informagao. O grande artificio aqui é algo chamado de Wordtracker (www.wordtra- ckerkeywords.com). Custa menos de $10 por uma assinatura de um dia, mas a informagao que ele da vale a pena. Se seu site depende de acessos, recomendo esta ferramenta. ‘Acesso Natural (SEO) 159 noon: ——_ Ao usar qualquer uma destas ferramentas, inicie no topo da lista de palavras-chave e insira cada uma dentro da caixa de texto. Como vocé pode ver, a ferramenta de sugestao de termo devolve uma lista de palavras-chave e quantas vezes clas foram pesquisadas no dia anterior. Enquanto vocé digita cada uma das palavras-chave dentro da sua caixa de texto e vé o niimero de buscas, escreva este niimero proximo a ela na pagina. Ao fazer isto, vocé também vai se deparar com frases-chave que as pessoas estao pesqui- sando, as quais ainda nao tinha pensado. Inclua estas também. Vocé deveria agora ter uma lista de palavras-chave com o ntimero de buscas por aquela palavra desde o més passado na sua pagina. Para conseguir as cinco palavras-chave mais po- pulares, simplesmente pegue as cinco com o maior numero de buscas. Escreva-as na ordem da mais popular para a menos popular. Vocé devera entdo ter uma lista das cinco palavras- chave mais populares, talvez algo assim: 778231 nome de bebé 68325 nome feminino de bebé 63222 nome masculino de bebé 38285 nomes diferentes de bebé 33583 os cem principais nomes de bebé E possivel otimizar suas paginas tanto unicamente quanto pluralmente. Algumas fer- ramentas se diferenciam entre os dois. Se vocé depende de acesso para o seu site, otimize para ambos. A seguir, vocé precisa ter uma id¢ia de competi¢ao, Va para o Google ¢ insira sua primei- ra palavra-chave entre aspas, desta forma: “nome de bebé” Olhando para o lado direito da busca do Google, vocé verd 0 que é competicao (veja Figura 8.2), FIGURA 8.2 Numero de paginas Google retornadas da pesquisa Nada mal, apenas 177 milhdes de sites para superar! Bem, vocé nao achou que seria facil né? 160 Capitulo 8 Obrendo Acessos Para o Seu Site Pegue os itens que digitou para encontrar sua competigdo e os adicione como uma ter- ceira coluna. Certifique-se de fazer a busca com aspas, pois a busca procura por estas pala- vras como uma frase ao invés de apenas os termos individuais em qualquer lugar. Estas palavras-chave vao formar a base para todas as estratégias de otimizacao do seu site. Mantenha sua lista de palavras-chave consigo enquanto lé o resto destes artigos. Isto é, de alguma forma, um processo intensivo de trabalho. Ferramentas como Word Tra- cker automatiza muito do trabalho pra vocé. Se achar que realmente precisa ter uma sdlida estratégia SEO, vocé provavelmente deveria investir em um substituto por um dia ou dois. Palavras-chave e Nome de Dominio Ferramentas usam seu nome de dominio como um fator nas Paginas de Resultado das Ferramentas de Busca (SERP). Agora, ha um debate aqui: alguns acham que a marca para os usuarios € mais importante do que ter uma palavra-chave em URL — é google.com, nao searchengine.com! Mas se puder combinar os dois, étimo! (Observe que meu dominio é www.compassdesigns.net. Isto me dard uma pequena vantagem se alguém buscar por “web design”, mas que ainda retenha alguma marca.) Vocé nao pode modificar facilmente seu dominio depois de ter criado seu site, por isso é melhor pensar sobre SEO antes de cormecar o design do site. Se puder usar uma palavra- chave no dominio, va em frente, divulgue sua marca e faca isso também. Novamente, esta € uma drea onde ha significante discérdia; a sabedoria atual parece ser a de que o nome do dominio nao é tao importante. Projetando seu Site para Acesso Natural Pronto para o negécio técnico? Ok, pegue seu café / cerveja / cha de ervas. Como mencionei antes, projetar seu site para acesso, tanto para spiders (ferramentas de busca) quanto para usuarios, é muito diferente do que era ha alguns anos. Agora é sobre o que esta na pagina que as pessoas podem ver. Nao existe mais uma lista de 200 palavras- chave que é configurada da mesma cor do que o fundo na parte inferior da pagina. Padrées Web e Acessibilidade Agora pode parecer que estou fugindo do tépico neste capitulo sobre acesso web, mas vou falar sobre duas coisas aparentemente nao-relacionadas ao SEO: projetando em padrées web e acessibilidade. Projetando um site em padrées significa ter um site que ira beneficiar o maior niimero de usudrios enquanto assegura a viabilidade em longo prazo do proprio site. Isto significa que um site pode ser visualizado em uma lista de navegadores ou outros dispositivos web tais como PDAs. A World Wide Web Consortium (W3C) é a organizacSo internacional que desenvolve padrées web, dirigido por Tim Berners-Lee, 0 inventor de World Wide Web. Acesso Natural (SEO) 161 Especificamente, se adequar aos padroes web para design, significa essencialmente separar o contetido da apresentacao utilizando as Folhas em Estilo em Cascata (CSS). Uma vantagem do layout baseado em CSS é a sua flexibilidade — 0 contetido pode ser acessado independente do tipo de navegador que esta sendo usado. Ele permite aos sites funcionarem em muitos tipos de aparelhos ao invés de somente o computador pessoal. Outras vantagens incluem: * arquivos menores e carregamento mais rapido das paginas * menor uso da banda de conexao * desenvolvimento e manutengées mais rdpidos facilidade de replanejar Vale a pena notar que os principios de design contidos dentro dos padrées web também conduzem aos sites que sao mais utilizdveis (junto com credibilidade, utilidade é um fator principal para que os visitantes voltem ao site). Felizmente, esta dificuldade tem sido tratada de forma significativa no Joomla! 1.5 com a habilidade adicionada para desenvolvedores de modelo ativarem completamente o resultado do CMS. A Acessibilidade, 4s vezes erroneamente chamada de usabilidade, é uma tentativa para a pagina ser acessivel a todos os visitantes possiveis. Geralmente, isto é escolhido para significar tais exemplos: alguém que é cego (usa um leitor de tela) ou velho (tem dificuldades com fontes pequenas e navegacdo dificil com o mouse). Eu uso estes dois exemplos por eles serem os citados mais freqiientemente (nao atire no messenger!). Ok, entao por que eu os mencionei? Muitos dos fatores estao envolvidos em SEO, padrées e sobreposicao de acessibilida- de, Por exemplo, planejar um site com CSS contribui para paginas mais secas e rdpidas que serao indexadas pelas ferramentas de busca mais efetivamente. Outro exemplo seria planejar um site com a acessibilidade em mente para que ele funcione bem, tanto para alguém usando um leitor de tela, quanto para um spider. Como uma parte de um software itinerante, o spider do Google é efetivamente cego e letra seu site exatamente como alguém leria com um leitor de tela. A implicagao aqui é que vocé pode obter os resultados mais efetivos projetando um site que se adapte aos padrées web e que seja acessivel primeiramente. A sua otimi- za¢éo para ferramentas de busca vird como uma conseqiiéncia natural. Um site bem projetado tera uma grande sobreposicao no meio destas trés areas; um site fracamente projetado pode nao ter nenhuma sobreposi¢ao. A relagao entre SEO, designs padrées e acessibilidade é muito importante. Um tu- torial sobre este t6pico esta disponivel em compassdesigns.net. Coisas Basicas que Influenciam a SERP Primeiro ¢ mais importante: vocé precisa de muito contetido — muito. Antes mesmo de consi- derar o design do site e outras coisas, vocé deve ter 100 paginas de conteddo. Sim, é para ter dois zeros no fim: 100. Eu falo sério. Uma pagina de contetido significa entre 200 e 500 palavras. 162 Capitulo 8 Obrendo Acessos Para o Seu Site E claro, ninguém faz isto — nem eu! Mas se voce estiver focado em receber muito acesso e tiver muito contetido rico para publicar, apenas pense como estar na frente de tolos como eu! De acordo com os “caras do SEO”’, os seguintes fatores sao os mais importantes na decisio da SERP, junto com um numero para exibir um valor relativo. A pesquisa con- duzida tentar designar um peso para uma influéncia de factor em particular na SERP, exibido como uma porcentagem. Isto mostra a vocé o atual valor relativo entre ter bons links de texto ancora comparados a palavras-chave na tag H1. Estes dez fatores adicionam mais de 21% de SERP baseado nestas estimativas. (Entrada) Texto Ancora de Links - 2.3% e superior As frases, termos, ordem e comprimento de um texto Ancora de link de entrada sao um dos fatores mais importantes levados em conta pelas principais ferramentas de busca para o ranking. Links de texto ancora especificos ajudam um site a ter uma melhor po- sigao no ranking para aquela frase/termo em particular nas ferramentas de busca. Em outras palavras, é 0 texto atual que representa o link na pagina. O processo de encontrar links para seu site é, As vezes, chamado de “otimizacao off-site”. E possivelmente o fator mais importante para atingir uma alta SERP. Se quiser uma prova disto, procure por “miserable failure” no Google ¢ observe aten- tamente o resultado numero um. Reflita um pouco nas implicagées disto (é chamado de Explosao Google). Aba Titulo - 2,3% Isto é 0 que aparece na barra azul no topo do seu navegador. Ele ver de uma tag chamada . Além de ser usado como um fator puro na SERP, ele também aumenta o ranking de outras formas. Algumas ferramentas de busca usam medidas “click-through” como um fator. Sites onde o titulo pouco se relaciona com o contetido tendem a conseguir melhores “click- throughs” (usuarios véem que nao é um site de spam). Quando os titulos também sao usados com um texto Ancora em um link para a pagina, vocé tem mais beneficio. O Joomla! permite facilmente que vocé manipule o titulo de uma pagina. Com a SEF embutida habilitada, seu titulo ira refletir 0 contetido da pagina. Se instalar uma SEF de terceiros, entao vocé pode configurar o titulo da pagina para ser o titulo alias da pagina. Uso da Palavra-chave no Texto de Documento - 2,2% Suas palavras devem aparecer na cépia atual da pagina. Supostamente, ferramentas de busca prestam mais atencao ao primeiro e ultimo pardgrafo. A idéia aqui é que a sua pagina seja compativel com as palavras-chave! Acesso Natural (SEO) 163 Geralmente, a forma de fazer isto é ter suas palavras-chave e té-las firmemente na me- mria enquanto escreve sua copia. Eu nao sei vocé, mas acho isto muito dificil. Prefiro uma abordagem diferente. Ha um simples truque: Escreva seu contetido de qualidade e entéo use uma ferramenta de densidade de palavra-chave. Entéo, pegue as palavras principais (do topo) e¢ as use como aquelas que vocé pode usar em um link ou uma metatag. Pode parecer desvantagem, mas surpreendentemente efetivo em criar paginas que irao aparecer nas ferramentas de busca. Ha um ntimero de ferramentas gratuitas para verificar a densidade de palavras-chave. A que eu uso com mais freqiiéncia esta em www.ranks.nl. Uma desvantagem aqui estd ligada ao fato de que o Joomla! é dinamico. O cédigo nio é muito sucinto, isto é, ha muito HTML comparado ao atual texto da cépia. Isto reduz a densidade da sua palavra-chave (indiretamente). Usar CSS ao invés de tabelas significa um cédigo mais sucinto. Também ¢ possivel com o CSS ter sua pagina “orde- nada por cédigo”. Isto significa que 0 contetido real (a coluna do meio) vem antes das colunas laterais e/ou navegacdo. Isto também remete a discussdo anterior sobre o link entre padrées SEO e Web. Tr sa Algumas extens6es ajudam a gerar palavras-chave, observe estas extensdes do Joomla! 1.0: * jJoomla Metatag Generator * metaFly * Meta Tags NX (revisio dos de cima) * OpenSEF (na verdade um componente SEF completo) Eu nao tenho certeza que gastar tanto tempo em extensdes metatag seja eficiente. Como acabei de mencionar, elas realmente nao s4o muito usadas por ferramentas de busca, entao sua contribuicdo ¢ insignificante. Acessibilidade do Documento — 2,2% Aqui esta minha definigao de acessibilidade para SEO: Acessibilidade ¢ qualquer coisa na pagina que dificulte a habilidade da ferramenta de busca spider, indexar elementos na pdgi- na. Pode haver um ntimero de culpados: 164 Capitulo 8 Obtendo Acessos Para o Seu Sire * Evite paginas splash. Introducées em Flash e graficos pesados protbem as ferramen- tas de indexarem seu site. * Evite frames. Nunca use paginas com frames. Frames sio muito complexos para os indexadores e muito custoso para indexar. Joomla! usa algo chamado de wrapper que possui os mesmos problemas. Evite-o quando puder. * Evite JavaScript quando possivel. Embora os menus JavaScript sejam muito popu- lares, eles desabilitam os indexadores de acessar aqueles links. A maioria dos sites bem indexados incorpora links com base no texto primariamente porque eles sao ferramen- tas de busca amigaveis. Se necessdrio, o JavaScript deve ser referenciado externamente. Menus JavaScript sao muito populares porque eles tém uma étima aparéncia. No entanto quanto melhor eles se apresentam as pessoas, se apresentam igualmente ruins para os spiders. ‘Tente usar CSS para estilizar seus menus; vocé ficard surpreso com a qualidade que eles terao. Vocé ainda pode ter submenus suspensos. H4 um tutorial sobre isso em www.compassdesigns.net. * Utilize suas Paginas de Erro, Muito freqiientemente Webmasters se esquecem das paginas de erro (tais como 404), Paginas de erro sempre deveriam redirecionar usud- tios “perdidos” para paginas validas baseada em texto. Inserir links de texto em paginas principais é uma excelente pratica. Visite www.cnet.com/error para um exemplo de uma pagina de erro bem utilizada. * Evite tabelas para layout. Esta é uma parte da inter-relacao entre acessibilidade c SEO. Uma excelente descricao esté em www.hotdesign.com/seybold/everything.huml. Links para Documentos das Paginas Internas do Site - 2,1% Quase tao titil quanto o santo cdlice de links externos sao os links internos — e certamente muito mais facil de implementar. Quem sabia?! Este é facilmente o critério mais desprezado, mas ¢ importante ter certeza de estar fazendo um bom uso do texto ancora. Um bom link para documento é considerado mais importante do que uma pagina obscura, mesmo se os links estiverem vindo do préprio site. A maneira mais facil de garantir o link interno apro- priado ¢ com barras de navegacdo e mapas do site. Assunto Primarito do Site — 2,1% Sobre o que é 0 seu site, é determinado através da andlise do contetido. E crucial que ele se relacione com as palavras-chave, texto ancora, e assim por diante. Um estranho desdobramento disto é que talvez nao valha a pena gastar muito tempo tentando construir 0 ranking de pagina da pagina principal. Este estranho conceito é expli- cado na idéia de Piramide? de Assuntos da Ferramenta de Busca. Um fator relacionado é ter um bom mapa do site. Nao é somente um bom alimento para o spider, vocé também pode carregd-lo com muitos textos ancora de qualidade para estes links internos, assim como textos relevantes (aquele que aparece proximo ao link). Também € importante o mapa de sites invisivel do Google, o qual é um arquivo XML somente para o spider Google. Ha também algumas extens6es para um mapa de site Google, embora eu ache que é melhor fazer upload do mapa do site Google independentemente. Vocé pode configurar os sites para que os visitantes adicionem seu préprio contetido, Acesso Natural (SEO) 165 entao adicionar toneladas de contetido de forma rapida e ficil nao requer esforgo. Lembre- se, € um Sistema Gerenciador de Contetido acima de tudo. Links Externos para Paginas com Links — 2,0% Estes sao links de outros sites para vocé. Note que é muito melhor ter paginas com links especificos do que a sua propria pagina inicial por causa da idéia de Piramides de Assunto da Ferramenta de Busca. Nao se importe com portais ou qualquer coisa que vocé veja anuncia- da por um link. E muito melhor encontrar links de sites que topicos similares aos seus. Quer um truque para encontrar outros sites para apontar para o seu? Use o PR Prowler, é claro. Tire vantagens dos outros sites Joomla! que compartilham o seu tépico. A maioria dos sites Joomla! usam a mesma pagina “Entre em Contato” no CMS. Esta pagina possui isto na URL: “option=com_contact” Entio vd para o Google e faca uma pesquisa para 0 seu topico junto com este texto. Por exemplo: “option=com_contact nomes de bebé” Use suas palavras-chave porque vocé quer links da sua comunidade local. Popularidade do Link do Site na Comunidade Local - 2,0% A ferramenta de busca esta tentando entender sobre o que é a sua pagina para que possa en- tao decidir se é relevante para uma busca de usuario. Links de paginas com tépicos similares adicionam credibilidade 4 sua pagina. Uso o “related: tag no Google — por exemplo, digite “related:www.cnn.com’, e o Google ir procurar por sites relacionados ao topico www.cnn. com. Depois gaste algum tempo entrando em contato com os Webmasters e pedindo links. Ha um software que ira fazer isso automaticamente por vocé; porém eu nao aconselharia nin- guém a usd-los. Eles sao muitos faceis de serem reconhecidos e geralmente vao direto para a lixeira. O PR Prowler foi criado para ser capaz de criar emails pessoais de forma rapida e facil. Popularidade do Link Global do Site - 1,9% Isto significa que links de site que sao “importantes” (isto é, tem um alto SERP) sao mais valorizados do que aqueles com baixo SERP. Um fator que vale a pena considerar ao buscar por links — obtenha aqueles com um alto Ranking de Pagina (Page Rank) e no apenas alto ranking de pagina, mas alto “Ranking de Confianca’ (“Trust Rank”). O Google na verdade registrou este termo, entio a maioria das pessoas acredita estar usando-o na sua otimizagao. O Ranking de Confianga ¢ um valor do site em termos de quao confidvel ele é em um assunto/palavra-chave. Spamming de Palavra-Chave - 1.9% Cuidado, spamming é um fator negativo! Isto significa ter uma densidade de palavras-chave em textos ou tags tao alta que a ferramenta decide que vocé esta entupido. Seu ranking ira de 1 a 10000 em um piscar de olhos. Quer saber a melhor parte? Ninguém sabe na verdade quanto é este percentual de densidade. Provavelmente varia para ferramentas diferentes! Ca entre nds, nao vou além de 5-10% nas minhas péginas. Ha muitos fatores que determinam o ranking de pagina de uma ferrarnenta de busca. Ao invés de ajustar tags menores, é melhor alavancar o verdadeiro poder do Joomla! de ser um 166 Capinulo 8 Obrendo Acessos Para o Seu Sire CMS totalmente maduro para ganhar ranking adicionando eficientemente muito conteti- do de qualidade. Ah, ¢ nao use flash. (Ok, admito que sou preconceituoso). Técnicas SEO Avancadas Uma das minhas expressdes favoritas é “maxima eficiéncia, minimo esforco”. E, 4s vezes, conhecida como uma regra 80/20. Faca 20% do que precisa para obter 80% dos resultados. O que discutimos na segdo “Coisa Basicas que Influenciam SERP” €é 0 esforgo de 20%. Se realmente quisermos tentar ¢ absorver tudo o que pudermos do SEO, entaio hd técnicas mais avancadas que podemos experimentar. Lembre-se, nao estamos sendo muito eficientes aqui. Para ser honesto, seu tempo seria mais bem gasto adicionando contetido, mas vamos supor que vocé contratou alguém para fazer isso, ou est4 muito entediado! Aumentando a Densidade da Palavra-Chave do Seu Site A densidade da palavra-chave do seu site é 0 critério que as ferramentas de busca irao julgar no seu site ao decidir onde indexd-lo em uma base de termos de busca. A den- sidade da palavra-chave se refere ao niimero de vezes que uma palavra-chave aparece através de uma pagina particular no seu site. Usando as cinco principais palavras-chave da ferramenta de sugestio de termo Overture, vocé pode aumentar a densidade da palavra-chave do seu site de quatro maneiras: * Posicionamento da palavra-chave na tag <title> e Usar tags <n1> € <h2s para enfatizar palavras-chave * Nomear seu site e paginas com palavras-chave * Incorporar palavras-chave dentro do texto do corpo Vamos agora dar uma olhada em cada um destes métodos com mais detalhes. Colocagao da Palavra-chave na Tag <titie> De uma maneira geral, vocé almeja uma densidade de palavra-chave de 10% por pagina no seu site, Isto significa que para toda pagina do seu site, vocé precisa incorporar suas cinco principais palavras/frases-chave para atingir esta densidade de 10%. Quando uma pagina é escolhida pelo Google como compativel ao termo buscado, o titulo e as primeiras poucas linhas do texto “legivel” daquele site sao exibidas nos resultados do Google. O Google também pesa de forma expressiva estes dois pedacos de texto quando calcula a relevancia de um site. Vocé pode usar suas cinco principais palavras/frases-chave para construir seus titulos. Cada pdgina/artigo no seu site precisa ter um titulo um pouco diferente (reformulado) que use algumas das suas cinco principais palavras/frases-chave em cada um deles. Como vera Acesso Natural (SEO) 167 em breve, cada titulo precisa se relacionar 4quele nome de pagina em tags de cabecalho para criar a densidade de palavra-chave ideal. Vamos supor que execute um site sobre aqueles nomes de bebés novamente. Aqui estao minhas cinco principais palavras/frases-chave: * nome de bebé * nome feminino de bebé * nome masculino de bebé * nome diferente de bebé * 100 principais nomes de bebé Digamos que meu site tenha quatro paginas: * Uma pagina inicial ¢ Uma pagina sobre nomes de bebés * Uma pdgina de servicos * Uma pagina de “fatos rdpidos” Eu preciso de quatro titulos de paginas diferentes. Usando nas minhas palavras-chave, a regra “nao mais de 40 caracteres em um titulo”, isto é 0 que terei: ‘Titulo #1: Nomes de bebé Titulo #2: Nomes femininos e masculinas de bebés Titulo #3: Servicgos de Nomes de bebés Titulo #4: Quais os 100 principais nomes de bebés? Em cada um dos titulos, eu sublinhei as minhas cinco principais palavras/frases-chave. Ob- serve como cada titulo é diferente, mas ainda entre eles contém uma mistura e uma relacdo de cada um dos outros? Aqui estao duas dicas que eu enfatizo ao criar 0 conteido das tag titulo: * Use cada uma das suas cinco principais palavras/frases-chave em combinagoes através de cada uma das tags de titulo das suas paginas web. * Mantenha o comprimento de cada texto do titulo menor do que 40 caracteres. Tags <i> ¢ <hz> para Enfatizar Palavras-chave Tags cabegalho h4 anos séo usadas no HTML para melhorar a formatagio de uma pa- lavra ou frase em particular em uma pdgina web. Tags de cabecalho variam de <n1> (texto maior, significando mais importancia) 4 <h2-, <ha>, <h4>, <h5> € <h6> (texto menor, signifi- cando menos importancia). ‘Tags de cabecalho sao geralmente usadas para enfatizar o cabecalho de uma pagina OU pardgrafo para as ferramentas de busca em ordem de importincia. Voce deve se focar so- 168 Capirulo8 Obtendo Acessos Para o Seu Site mente nas tags <hi> € <h2>. Caso tivesse um pedago normal de cédigo HTML que se pare- cesse com isto: <p> <strong> Joomla Rocks! </strong> </p> ...entao o resultado seria o texto em negrito: Joomla! Rocks! No entanto, se vocé usar uma tag <h1>, assim: <hl>Joomla Rocks!</h1> ... entio o resultado seria assim: Joomla! Rocks! Nao somente o texto entre as tags de cabecalho esta visivelmente mais atraente, mas se digi- tado corretamente, ird aumentar seu ranking no Google significativamente, pois 0 Google pega as palavras-chave entre as tags de cabecalho, pois possuem uma relevancia maior do que qualquer outro texto. Aqui é onde as coisas se tornam complicadas, Infelizmente, algumas das palavras-chave mais importantes s4o reproduzidas pelo Joomla! em algum lugar aleatério dos estilos CSS. Por exemplo, um titulo de artigo quando exibido na pagina é exibido no cédigo assim <td class= “contentheading” width= “100%”">Welcome to Joomla</td> Isto nao somente nao ¢ importante para o Google, mas também se for posto em tabela dilui a densidade do texto. Felizmente, existe uma solucio. No Joomla! 1.5, houve uma signifi- cante melhora em como o modelo (template) é criado. Isto torna possivel ativar a maneira que o Joomla! reproduz 0 cddigo. Entao seria possivel para um designer de template criar um modelo que gera o titulo como <hl>Welcome to Joomla</hl> Agora que vocé definiu claramente as tags de cabecalho do paragrafo e da pagina, vocé pre- cisa otimizar o texto atual entre as tags de cabecalho porque este é 0 texto que o Google ira pegar e usar como parte da densidade de palavras-chave do seu site. O truque aqui est4 na densidade da palavra-chave. Ao usar suas cinco principais pala- vras/frases-chave, vocé deveria criar tags de cabecalho para cada pagina que se relacione ao titulo daquele artigo. Por exemplo, se um titulo de artigo fosse Nomes de Bebés, ¢ o Joomla! gerasse a pagina, a tag titulo seria assim: <titlesNomes de Bebés Acesso Narural (SEO) 169 Entao vocé vai querer se concentrar em incluir estes palavras por toda a pagina todas as vezes necessdrias para produzir uma densidade de 10% (isto é, para cada 10 palavras na pagina, uma seria uma palavra na tag de titulo de pagina). Levando isto em consideracao, vocé pode criar um cabecalho de pagina que se pareca com isto: Nomes de Bebés e mais, descubra quais so os principais nomes para © seu beb& Viu como vocé pode usar as mesmas palavras-chave, mas em uma frase diferente que faca sentido (isto ¢, conforme os padrées da gramatica apropriada)? vocé pode continuar isto configurando varios cabegalhos para seu pardgrafo com tags

        :

        Nomes Femininos de Beb&é

        Nomes Masculinos de Bebé

        Usando Palavras-Chave nos Seus Titulos de Artigo A proxima coisa que vocé pode fazer para aumentar a densidade da sua palavra-chave é no- mear efetivamente seus artigos. Como fazer isto? Bem, vocé adivinhou — usando suas cinco principais palavras/frases-chave no seu nome de dominio atual e nomes de arquivo das suas paginas web. Mantendo 0 exemplo anterior, se uma das suas frases fosse “nomes de bebés” e vocé tivesse uma pdgina com esta configuracao de tags de cabegalho: Nomes de Bebés e mais, descubra quais s&o os principais nomes para o seu bebé

        Nomes Femininos de Beb&

        Nomes Masculinos de Bebé ..cnt4o vocé salvaria este artigo como “Possiveis Nomes de Bebés.” Incorporando Palavras-Chave no Texto do Corpo do Documento Nos ja vimos como usar suas cinco principais palavras/frases-chave tanto no titulo quanto nos cabegalhos das suas paginas, A ultima coisa que podemos fazer para aumentar a densida- de da palavra-chave ¢ incluir palavras-chave através do contetido atual da sua pagina, Como jd foi mencionado, vocé deve almejar por uma densidade de palavra-chave de 10% - mas onde pér as suas palavras-chave? Bem, na verdade, é simples. Minha regra geral ¢ colocar as palavras-chave em uma pro- porgao usando esta regra: numero de palavras-chave por pardgrafo = numero de pardgrafos / ntimero de pala- vras-chave Por exemplo, caso tenha duas palavras-chave ou quatro pardgrafos em uma das suas pagi- nas web, entéo vocé deve incluir duas palayras-chave por pardgrafo. Sim, este é o total de palavras-chave (2 palavras-chave X 4 pardgrafos), mas vocé também pode reorganizar as palavras-chave. 170 Capitulo 8 Obtendo Acessos Para o Seu Site Se vocé as usar corretamente, seu contetido deverd ter uma densidade média de palavra- chave de 10%. Tudo bem em ter um pardgrafo com uma densidade de palavra-chave de 13% e¢ outro com 7%, desde que alcancem a média. Quando usado em combinac¢ao com palavras-chave na tag titulo e cabegalhos no seu site, vocé tem uma densidade perfeita de pa- lavra-chave configurada para o Google, o que ira produzir excelentes resultados de ranking para suas paginas. Encaminhamento de Trafego O Encaminhamento de Trdéfego é uma otimizagao off-site e 0 principal do SEO €, talvez, um dos mais importantes componentes do SEM. Ter uma campanha de construgao de link que se refira a muitos sites ird gerar acesso puramente através do acesso das pessoas pelos links. Mas talvez seja ainda mais critico o ntimero e a qualidade de links para o seu site um dos fatores principais, tais como ferramentas usam para calcular sua SERP. Entao voce tem dois beneficios: acesso puro e ranking nas ferramentas de busca. Page Rank do Google O Google particularmente enfatiza quantos site fazem links para o seu, o critério mais im- portante para posicionar um site é a sua popularidade do link. Mas o que é exatamente popularidade do link ¢ como obté-la? De forma simples, a popularidade do link representa o ntimero de sites que fazem links para o seu site. Mas como este ranking é calculado? Muito simples, na verdade. O critério principal do Google para calcular a relevancia para uma pagina é baseado em um ntimero de sites que fazem link para aquele site em particular. Quantos sites atualmente esto apontando para o seu? Se vocé nao sabe, é facil descobrir. Apenas va para google.com e digite o link: www.yoursite.com dentro da caixa de bus- ca (substituindo www.yoursite.com com o nome de dominio do seu site). Observe que o Google somente exibe uma pequena porcentagem do verdadeiro backlink configurado para qualquer URL dada. Vocé pode obter mais estimativas fazendo a mesma coisa no Yahoo! e no MSN. Quando as buscas retornarem, olhe para o texto do lado direito da barra azul no topo da pagina. Deve ser algo parecido com a Figura 8.3 Google ===: gaa se Bem TTR ai toi El FIGURA 8.3 Numero de paginas que retornaram de uma busca no Google Acesso Orientado 171 A figura 8.3 mostra que h4 411.000 sites que apontam para este site. Se houver apenas um link apontando para o seu site, ndo se preocupe — no fim desta sec4o vocé vai aumentar para 5, 10, 20 ou até 100 vezes mais! “Quantos sites deveriam estar apontando para o meu site?” imagino vocé perguntando. Como uma regra geral, vocé quer 0 mesmo numero de sites fazendo links para o seu quanto aqueles que fazem links para o que esta na primeira posigao através de uma das suas cinco palavras-chave. Tenha em mente que 0 indice de crescimento do link é muito importante, Backlinks (paginas com os maiores niimeros de paginas que fagam link para elas) devem ser adquiridos lentamente e nao de uma vez s6 dentro de pouco tempo. Isto faz funcionar os filtros do Google. Pegue uma das suas cinco principais palavras/frases-chave que trabalhamos antes e pro- cure por clas no Google. Pegue a parte www da URL para 0 primeiro resultado da busca desta palavra-chave e descubra o ntimero de sites que fazem link para o seu — este deveria ser o seu objetivo para o niimero de sites que apontam para oO seu. Por exemplo, se uma das suas palavras-chave fosse “nomes de bebés” e o primeiro site que aparecesse quando fez uma busca por esta palavra-chave fosse www.nomesdebebés.com, entao realize uma checagem de popularidade do link neste site buscando pelo link: www. nomesdebebés.com no Google. Quando a pagina de resultados da busca for exibida, olhe para o ntimero depois de “so- bre” no texto a direita na Figura 8.3. Este é o ntimero de sites que fazem link para o scu, ¢ é também o ntimero que vocé deveria estar esperando. Entao como fazer para encontrar sites que fazem link para o seu site? Espie os seus con- correntes usando PR Prowler (www.pr-prowler.com). Isto lhe dird exatamente quem esta apontando para seus concorrentes ¢ como. Como vimos antes neste capitulo, os links mais valiosos para seu site sao de outros sites relacionados ao seu pelo tépico. Entao se vocé tiver um site sobre nomes de bebés, um link de um site sobre satide de bebés seria mais valioso do que um site sobre computadores. Logo 0 desafio nao é uma necessidade em encontrar links, mas encontrar links de sites que tém um tema ou tépico telacionado ao seu. Para encontrd-los, como vimos no exemplo, vocé pode usar um link de comando: na caixa de busca para encontrar sites apontando para uma URL em particular. Vocé também pode usar ferramentas de busca para encontrar sites que estejam relacionados a uma URL em particular. O comando para fazer isto é “telated:”. Enrao vocé pode ir para 0 Google e digite relatedwww.nomesdebebes.com, ¢ isto ird encontrar muitos sites que sao relacionados pelo tépico www.nomesdebebés.com. Vocé também pode usar o comando related: para encontrar sites que s4o atualmente relacionados aos seus concorrentes. Entao vamos resumir onde estamos agora: * ‘Vocé encontra palavras-chave ao descobrir quantas pessoas estio buscando por ela € quanta competicao elas rém ao usar uma ferramenta como yourseobook.com ou wordtrackerkeywords.com. * Ter sucesso em SEO significa que vocé tem que superar apenas a sua competicao. Descubra quem sao seus competidores buscando por suas palavras-chave no Google. 172 Capitulo 8 Obtende Acessos Para o Seu Site * Descubra quantas pessoas esto fazendo link aos resultados principais usando o comando de link. Este é 0 niimero de links que vocé precisa superar. * Use o comando “related” para encontrar sites atualmente relacionados ao seu. Enquanto estes quatro passos sao muito trabalhosos, eles sio importantes para atingir um alto ranking nas ferramentas de busca. Ha muitas ferramentas de software que podem ajudar a automatizar este processo. Se este fosse um documento web, poderia ser o lugar onde eu teria alguns links afiliados! Ao invés disso, ao manter a idéia de construir um site com baixo orcamento, ha uma ttil ferramenta gratuita disponivel chamada Webferret. Usando o Webferret para Encontrar Sites Uma ferramenta que muitos Webmasters (incluindo eu mesmo) usam € a Webferret, que é uma ferramenta gratuita da Cnet. O Webferret é uma excelente ferramenta que vocé pode usar para encontrar sites que tenha interesses similares aos seus — estes também sao os sites perfeitos para pedir link ao seu site, para construir sua popularidade de link! Vocé pode baixar o Webferret em www.ferretsoft.com/download.htm. Uma vez baixa- do, clique em Iniciar>Programas> Webferret> Webferret para inicid-lo. Deve se parecer com algo como da Figura 8.4. FIGURA 8.4 Usando Webferret para encontrar parceiros de links Agora, faa uma busca no Google e escreva as URLs dos 10 ou 20 sites principais retor- nados. Eu fiz uma busca por nomes de bebés e estes foram os principais: 1. www.babynames.com 2. www.babynamesworld.com 3. www.ssa.gov/OACT/babynames 4, babynamewizard.com 5. www.babycenter.com Agora vocé pode usar o Webferret para encontrar sites que estejam fazendo link para estes. Vocé usa a mesma sintaxe do Google: o Wy. Link:www.whateverthesiteis.com Avesso Orientado 173 Entre no primeiro site, www.babynames.com, dentro do Webferret (nao esqueca 0 coman- do link:) e pressione enter ou clique no borao Buscar. O Webferret ird buscar e encontrar todos os sites que apontam para 0 site que vocé entrou. Ao usar www.babynames.com, deve se parecer com a Figura 8.5. .. http://www babynames.com/ + http://www. forbabyandbe yond com » http: Jamande.dd.com,.aujinteract... http: /jfanew. charm.net/~shack/na... http://www. ToseekAcom http: /eww. justnommies.com/pre... FIGURA 8.5 Resultados do Webferret para sites relacionados Os sites exibidos na lista para o Webferret sao os sites que vocé quer que facam o link para o seu. Aqui é onde comega o trabalho pesado, ¢ se vocé estiver realmente pensando em obter um ranking entre os 20 primeiros no Google, entao realmente precisa gastar quatro ou cinco s6lidas horas neste préximo exercicio. Para cada site na lista do Webferret, abra-o em uma nova janela de navegacao. Se o seu Ranking de Pagina for sete ou superior, anote seu “endereco” em um pedaco de papel ou em um novo documento. Repita isto para todo site da lista Webferret. Poderia ser qualquer um destes 50 a 50.000 sites da lista, mas é pegando estes que fa- zem 0 link para o seu site que irao aumentar o seu link de popularidade e impulsionar seu Ranking de Pagina para o topo! Depois de anotar todos os enderegos, comece do inicio da lista e visite cada site. Pro- cure no site um nome e email de contato. Anote na sua lista de enderecos de email. Se nao encontrar um email de contato de algum destes sites, simplesmente coloque o email como webmaster@sitename.com (substituindo sitename.com pelo nome de do- minio do site, sem 0 www). Se vocé nao encontrar um nome de contato, entao apenas escreva “Webmaster”. Vocé tera agora uma lista de sites, enderegos de email para contato, ¢ primeiros nomes que parecerao assim: www.sitel.com john@sitel.com John www.sited.com info@site4.com Mary www.site6.com fsmith@site6.com Fred ... assim por diante Agora vocé precisa entrar em contato com todos de sua lista e gentilmente perguntar se eles gostariam de ter um link para o seu site. Aque¢a seu programa de email favorito e comece no topo da sua lista mande para todos os contatos. Vocé deve ser criativo nos seus pedidos de links reciprocos ¢ definitivamente nao colocar escrito “troca de link” em lugar algum do email. A melhor forma é se puder dar algo em troca por um link.

You might also like