Você está na página 1de 10

Instalando e Usando Joomla Template Criado com Artisteer

Instalando Joomla modelo


Posies Joomla
adio de mdulos para Cabealho
Manchete e texto slogan
Utilizando Menus
Aplicando Artisteer stilo para o menu
Criando menu multin!"el
Criando Menu "ertical
criar menu "ertical com separadores
Criando la#out do blog
Personalizando o rodap$
stilo Mdulo Joomla
Instalando Template Joomla
Para instalar um template exportado e compactado atra"$s do painel de administrao do Joomla em Joomla %&' por (a"or
(aa o seguinte)
Ir para Joomla Administrator (www.your-site.com/administrator) *+ xtenses *+ ,erenciador de extenso
-o "Gerenciador de Extenso" escolher a primeira opo "Upload Package ile"
Cli.ue no "Escol!er ..." boto para selecionar o ar.ui"o zip do seu computador
Cli.ue no "Upload " #nstall" boto
Ir para xtenses *+ ,erenciador de modelo
ncontrar o modelo na lista e colocar uma estrela ao lado
Cli.ue no "$ornar Padro" boto/
-01A) 2e o nome do modelo .ue "oc3 gostaria de instalar 45 existe& "oc3 de"e renomear ou excluir o modelo existente
antes de instalar um no"o modelo com o nome id3ntico/ 1al procedimento $ t!pica para o Joomla/ Um modelo antigo no
pode ser substitu!do automaticamente com o no"o modelo com o mesmo nome/ -a "erdade& muitos ser"idores usar o limite
padro de % M6 no tamanho m5ximo de ar.ui"o/ 2e este $ o caso com o seu ser"idor& alguns ar.ui"os de modelo so
considerados muito grande e no pode ser carregado usando o "Upload " #nstall"boto/ nto para instalar o modelo siga os
passos abaixo)
Carregue o seu . %ip ar.ui"o para uma pasta tempor5ria em seu ser"idor 7por exemplo& "ia 81P9/
:escompactar o pacote modelo/
8aa login na sua Administrao Joomla e selecione Extens&es -' Gerenciador de Extenso -' #nstalar.
2ob o ;Instalar de diretrio; opo digite o caminho completo para a pasta no ser"idor onde o ar.ui"o
descompactado est5 localizado/
Cli.ue no boto ;Instalar;/
Alternati"amente& "oc3 pode usar o "(isco)er" guia para instalar modelos .ue no passaram pelo processo de instalao
normal)
:escompacte o pacote de modelo para uma pasta em seu computador/
Abra o seu diretrio de instalao do Joomla 7por exemplo& usando o gerenciador de ar.ui"os 81P9/
<5 para / templates do diretrio/
Carregar a pasta de modelo 7com os ar.ui"os extra!dos9 para os modelos / diretrio em seu ser"idor/
ntrar para Joomla Administrao e na"egar Extens&es -' Gerenciador de extenso -' (isco)er /
Cli.ue no "(isco)er" boto para deixar Joomla encontrar a pasta de modelo manualmente carregado/
Mar.ue a caixa ao lado da modelo& .ue 45 apareceu na lista/
Cli.ue no "#nstalar" boto/
Aps a instalao& por .ual.uer das (ormas mostradas "oc3 pode ati"ar o modelo como este)
8aa login na sua Administrao Joomla e selecione Extens&es -' Gerenciador de modelo/
2elecione seu modelo rec$m*carregado a partir da lista de modelos dispon!"eis para o seu site e colocar uma estrela
ao lado dele/
Cli.ue no "$ornar Padro" boto para ati"ar o seu modelo/
2e "oc3 dese4a importar conte=do& no se es.uea de ati"ar "#ncluir *onte+do" antes de exportar o modelo a partir do
Artisteer/ Para instalar conte=do importado de Artisteer por (a"or& (aa o seguinte)
Ir para xtenses *+ ,erenciador de modelos& e abrir seu modelo
Cli.ue "#mportar conte+do de modelo" sob as opes b5sicas
Cli.ue no "#mportar" boto/
Para mais in(ormaes& "isite http)>>docs/4oomla/org>?o@AtoAinstallAtemplates
Posies Joomla
Posies de mdulos Joomla so espaos reser"ados em um modelo/ les identi(icam posies dentro do molde no .ual o
produto a partir de mdulos atribu!dos a uma determinada posio ser5 exibida/
m Artisteer B para Joomla C&D*%&' modelos .ue "oc3 pode optar por usar um da posio seguinte nomenclatura opes)
"Posio-1, posio-2 ..." para o no"o Joomla C&D*%&' posio de nomes como o modelo padro 6eez%
"Esquerda, direita, cima, baio" para Joomla nomeao posio C&'*liEe 7para (ins de compatibilidade9
2e "oc3 gostaria de atualizar o site existente de Joomla C/' para Joomla C/D& C/F& %/'& "oc3 pode selecionar o ;direita&
es.uerda& cima& baixo; tipo de nomeao& .ue ser5 compat!"el com a =ltima "erso do Joomla li"rando*o assim se repitam
a4ustes de bloco/
!dicionando m"dulos para #abeal$o
m Artisteer B/G "oc3 pode adicionar mdulos ao cabealho e estilo > posio deles com cdigo C22/ Por (a"or& siga os
passos abaixo)
Adicione um mdulo para o cabealho atribuindo*o a posio*HG 7ou cabealho9 no ,erenciador de Mdulo/
<5 para 0pes A"anadas e de(inir o su(ixo de classe do mdulo para ;minha*mdulo*C; 7espao antes meu-
m,dulo-- $ necess5rio9/
Adicionar um cdigo C22 similar ao ar.ui"o template/css 71emplate Manager *+ Modelos *+ Imodelo de suaJ *+
ditar C22 > template C229)
. Arte header->. Meu-mdulo-1 {
top: 20px;
left: 50%;
}
T%tulo e teto do slo&an
Comeando com Artisteer H/C& o t!tulo eo texto do slogan em Artisteer *+ Cabealho * 1!tulo+ torna*se o texto (ict!cio& .ue
no ser5 exibido nos modelos Joomla instalados/ 0 t!tulo eo texto do slogan em Artisteer ser"em apenas para (ins de
pro4eto/ <oc3 pode preencher os campos de texto e "isualizar o resultado antes de exportar o modelo/ Para adicionar
Manchete e conte=do slogan para o seu site no log para Joomla Administrao& selecione o 1emplate Manager+ -ome do
modelo+ 0pes+ 65sicas campos Manchete e slogan e preencha o conte=do/
'enus utili(ando
!plicando estilo !rtisteer para o menu
Por (a"or& use os seguintes passos para utilizar o estilo de menu concebido com Artisteer)
Ir para Joomla Administrator (www.your-site.com/administrator) *+ xtenses *+ ,erenciador de Mdulo
Abra um menu existente ou criar um no"o e coloc5*lo no ;userH; 7;posio C;9 posio
-01A)/ Posio ;userH; pode conter apenas um menu =nico& ou nenhum Para mais in(ormaes&
"isite http)>>docs/4oomla/org>2creen/modules/C'
#riao de 'enu 'ultin%)el
A.ui esto os passos .ue "oc3 de"e seguir para criar um menu de "5rios n!"eis em seu site Joomla)
Permitir n!"eis de menu m=ltiplas no Menu Artisteer*+ * 2ubmenu+ *+ -!"eis *+ multin!"el/
Ir para Joomla Administrao (www.your-site.com/administrator) e permitem "5rios n!"eis no seu mdulo de menu
7xtentions *+ ,erenciador de Mdulo < cli.ue para editar menu 7menu superior& por exemplo9 *+ 0pes b5sicas *+ ;2ho@
do sub*menu Itens ;9/
Certi(i.ue*se .ue "oc3 tem itens de menu em n!"eis mais baixos de(inidos no Joomla/
#riando 'enu )ertical
/ Comeando com Artisteer %/B "oc3 pode usar uma arte <Menu*2u(ixo de Classe do Mdulo de aplicar Artisteer estilo de
menu "ertical para seu mdulo de menu
Para (azer isso& siga estes passos)
ntrar para Joomla Administrao e "5 para xtenses */+ ,erenciador de Mdulo
2elecione o mdulo .ue dese4a editar/
<5 para 0pes A"anadas e especi(icar o su(ixo arte <Menu/
1enha em mente .ue "oc3 de"e desabilitar o cache se "oc3 criar um menu do boto aberto "erticais
-ota) 2e "oc3 ti"er substitu!do o padro ;arte; pre(ixo Artisteer 70pes de xportao9 com um pre(ixo personalizado por
exemplo& ;Andre@;& "oc3 tamb$m precisa adicionar o pre(ixo personalizado no Joomla 7Mdulo campo 2u(ixo de Classe9
para aplicar o menu "ertical estilo/
Para criar um menu "ertical com sub*itens)
Permitir n!"eis de menu m=ltiplos em Artisteer guia Menu+ <ertical * submenu+ *+ -!"eis/Certi(i.ue*se de .ue o
inciso amostra <ertical trabalha para "oc3 dentro do inspecionado modelo no Artisteer/
Criar um menu com sub*menu itens em Joomla/
2ub*menu itens de"em ter itens pai especi(icados por eles/
Ati"ar "5rios n!"eis no seu mdulo de menu 7;Mostrar Menu sub*itens;9/
Usar a arte <Menu*2u(ixo mdulo de classe para aplicar o estilo menu concebido "ertical para os mdulos dese4ados
do menu
-ote*se .ue subitens no aparecer5 no rato pairar mas s .uando "oc3 clicar no item pai 7exceto para os menus com n!"eis
abertos& onde todos os sub*itens so "is!"eis9/
#riando menu )ertical com separadores
2eparador $ um dos .uatro grupos de item de menu& 4untamente com ligao interna& KinE xterno& e Alias/ Ao contr5rio de
itens de menu regulares separadores no "incular a uma p5gina @eb em particularL/ les so usados para classi(icar os itens
de menu A partir da "erso H/G& Artisteer modelos para Joomla Menus de apoio "erticais com separadores/ Para permitir .ue
os separadores de menu& por (a"or atualize Artisteer& abra seu pro4eto AM1N& re*exportar o modelo e aplic5*lo para
Joomla// Al$m disso& certi(i.ue*se de .ue seus n!"eis de menu "ertical so ati"ados em Artisteer antes o modelo $ exportado
7 .ertical /enu -' 0u1item -' 23)eis -' Expandir no *lick / $udo 41erto 9 para criar um menu personalizado "ertical com
separadores)
ntrar para Joomla Administrao e abra o menu personalizado 7 /enus-' 5nome do menu personali%ado6 9
Pressione o boto ;-o"o; para adicionar um item de menu e seleccione um separador tipo de item de menu& ou
cli.ue no item de menu existente& tipo de item Menu *+ 2elecionar e sal"5*lo como um separador de texto/