Alterando a logomarca do Joomla
Veja como mudar a logomarca do seu site em Joomla de maneira simples, usando recursos do próprio tema:
Versão em texto, deste vídeo:
Desde que começamos a criar nossos tutoriais no Joomla, uma das dúvidas mais recorrentes é: como coloco minha logomarca no canto superior esquerdo do site a resposta é: depende do tema que utiliza, pois cada um trata o cabeçalho de uma maneira.
Em nosso caso, vamos exemplificar, no painel de controle vamos ver qual tema estamos administrando no momento, clicando em “Extensões” >> “Administrar Tema”. Um dos temas instalados automaticamente quando utilizamos o Joomla “JA_Purity”. Clicando sobre o item, temos a opção de tipo de logo, se é texto ou imagem, no momento, estamos utilizando uma logomarca em texto.
Vamos alterar isso para imagem, clicando no item “Imagem” e logo em seguida, em “Salvar”. Perceba se nessa tela, o “JA_Purity”, é o seu tema padrão, se a estrela não tiver aparecendo, marque o item antes de “JA_Purity” e clique sobre o botão “Padrão”.
Vamos atualizar nosso site e ver qual é o resultado. A logomarca padrão que existe é a logomarca do Joomla!
Utilizando um editor de desenho, fizemos uma logomarca simples, como imagem e um texto “Notícias de Hospedagem”. Essa imagem foi criada em camadas, e podemos desligar, por exemplo, a camada de fundo, para que você possa visualizar. Vamos deixar sem essa camada e vamos salvar esse arquivo em formato “.png”. Selecionando o item “.png 24″, vamos salvar com um nome “logo.png”.
O formato “.png” é muito útil, pois ele consegue manter a transparência. Os comandos utilizados para gerar um “.png” dependem do programa de edição de imagem que você esteja utilizando.
Agora que temos o arquivo “logo.png” salvo no computador, vamos transferi-lo para o servidor, utilizando o FileZilla, que é um programa de FTP que nós utilizamos até agora. No endereço do host, coloque o endereço de seu site, em nosso caso: comocriarmeusite.com.br, nome do usuário (comocriarmeusite) e a senha, em seguida, vamos clicar em “Conexão Rápida”. Dentro da pasta “WWW”, no caso, nosso site em Joomla, está dentro do diretório “portal” e nós vamos procurar dentro do diretório do Joomla, a pasta “templates” e dentro dela a “ja_purity”, que é a pasta do nosso tema atual. Dentro da pasta, teremos a pasta “images” e nela teremos o arquivo “logo.png”. Se você quiser manter o arquivo original, pode renomeá-la, clicando com o botão direito >> “Mudar o Nome”. Vamos modificar o nome desse arquivo para “logo-velho.png” e agora vamos pegar o arquivo “logo.png”, que salvamos em nosso computador, no lado esquerdo da tela, e arrastá-lo para o lado direito até o servidor.
Agora, basta que volte para seu site e o atualize. Pronto! A logomarca já está no lugar e como ele foi feita transparente, o fundo azul será mantido.
Se você tem um site em Joomla e tem alguma dúvida, entre em contato conosco acessando www.comocriarmeusite.com.br e deixando seu comentário.
Envie um e-mail para drhost@hostnet.com.br ou clique aqui para utilizar nosso formulário de contato. Colabore você também.
Compartilhe
este tutorial
Qual é o seu
comentário ?
Minha logo ficou grande. E qando eu insiro a mesma no topo, corta a metade dela. Como alterar o tamanho do topo, pra minha logo ficar grande?
Comentário: Dr host, gostaria de saber se há a possibilidade de personalizar (simplesmente trocar a logo) da página de login do Joomla?
Muito Obrigado
drhost Respondeu:
agosto 25th, 2011 em 16:23
Thiago,
Sobre qual imagem se refere? Se refere à imagem exibida na página de login do painel administrativo da ferramenta ou do login de usuários?
Caso seja do painel administrativo, a imagem localizada no lado superior esquerdo, basta você verificar o endereço da imagem e substituir a imagem atual pela nova.
Em caso de dúvidas, estou à disposição.
Atenciosamente,
Dr. Host
Comentário:Bom dia
Gostaria de saber como faço para trocar a logo e imagens do templante joomla – agriculture_15, vocês podem me orientar.
Agradeço desde já.
Mauricio dos Santos
drhost Respondeu:
agosto 11th, 2011 em 16:17
Mauricio,
Você já tentou realizar este tipo de procedimento? Encontra alguma dúvida ao tentar realizá-lo?
Se desejar, envie um e-mail para drhost@hostnet.com.br para que eu possa lhe auxiliar melhor.
Mas recomendo que entre em contato com o Suporte Técnico de onde está hospedado para que possam lhe auxiliar melhor.
Em caso de dúvidas, estou à disposição.
Atenciosamente,
Dr. Host
Comentário:Bom dia Dr.Host, estou utilizando o joomla e instalei o template 123wd-j15-2 e estava querendo mudar a logo, teria como me orientar nessa questão?
Gostaria tambem de inseri no site uma area restrita tem como?
Agradeço mais uma vez pelas dicas
Abraço
Mauricio dos Santos
drhost Respondeu:
fevereiro 2nd, 2011 em 14:36
Mauricio,
O caminho onde a logomarca deste template pode ser encontrada é em: www/templates/123wd-j15-2/images/header_img_bg.jpg.
Para alterar esta logomarca, envie uma nova imagem com o mesmo nome para o mesmo local, desta forma a logomarca anterior será sobrescrita pela nova que você enviar.
Com relação à criar uma área restrita dentro do seu Joomla, você pode utilizar um recurso da sua própria conta de hospedagem na Hostnet, que possibilita que determinado diretório seja protegido por senha, saiba mais em:
http://www.hostnet.com.br/tutorial/pastas-protegidas-por-senha/
E, dentro do Joomla, você é capaz de definir um determinado nível de acesso para o artigo que você criou.
Precisando de ajuda, estou à disposição.
Atenciosamente,
Dr. Host
Comentário: boa tarde, gostaria de saber se tem como colocar no meu site em joomla os icones de compartilhamento do fecebook, orkut e twitter.
Aguardo respostas.
Mauricio dos Santos
drhost Respondeu:
fevereiro 1st, 2011 em 18:06
Mauricio,
Você pode utilize os seguintes módulos em seu site em Joomla:
http://extensions.joomla.org/extensions/social-web/republish/11283
http://extensions.joomla.org/extensions/social-web/republish/14049
Mas, acesse o seguinte endereço e encontre mais módulos e plugins que você pode utilizar.
Em caso de novas dúvidas, estou à disposição.
Atenciosamente,
Dr. Host
Comentário:Boa tarde, vocês podem ensinar como mudar o logo tipo do template rhuk_milkyway, pois gostaria de tirar o do joomla e colocar um que crei em png., vocês poderiam ajudar nisso?
Obrigado e aguardo respostas.
Mauricio dos Santos
drhost Respondeu:
janeiro 26th, 2011 em 14:21
Mauricio,
A logomarca do template “rhuk_milkyway” é localizada no seguinte endereço:
“www/templates/rhuk_milkyway/images/mw_joomla_logo.png”
Basta você criar a nova logomarca com o mesmo nome, no caso “mw_joomla_logo.png”, e a enviar para dentro do seu FTP no seguinte caminho:
“www/templates/rhuk_milkyway/images/”.
Assim a logomarca antiga seria sobrescrita pela nova.
Em caso de dúvidas, estou à disposição.
Atenciosamente,
Dr. Host
Achei muito vago o video. Porque? Simplismente tenho que respeitar o tamanho do logo anterior? Deverias ensinar a modificar as divs e aumentar o tamanho deste topo.
drhost Respondeu:
setembro 16th, 2010 em 14:27
Vinicius,
Tratamos em nossas vídeo-aulas os procedimentos mais simples para alcançar um objetivo, que seria a alteração da logomarca do Joomla.
Devido ao fato de nosso público também ser de leigos, estas alterações em “div’s e aumentar o tamanho do topo” poderiam ficar um pouco complicadas para elas.
Pensamos sim em aprofundar alguns tutoriais disponibilizados, mas apenas futuramente e também se for aprovado pela equipe de criação.
Em caso de dúvidas, estou à disposição.
Atenciosamente,
Dr. Host
Gostaria de saber pode instalar temas adicionais no joomla dentro do servidor da Hostnet?
Se a R= sim, como faz isso em qual pasta faz-se upload dos arquivos?
desde já abraço pelo resposta!!!
drhost Respondeu:
junho 4th, 2010 em 18:28
Maykon,
Para instalar novos temas no Joomla criamos este tutorial abaixo:
http://www.hostnet.com.br/tutorial/instalando-novos-temas-no-joomla/
O endereço acima possui um tutorial em texto e em vídeo sobre estes procedimentos.
Atenciosamente,
Dr. Host
HOSTNET - Hospedagem de Sites e Registro de Domínios.
Todos os direitos reservados desde 2000.
Contrato: Hospedagem de Sites - Registro de Domínios - Franquia
Política de privacidade | Avisos legais | Política Anti-Spam
Dr. Host Respondeu:
janeiro 12th, 2012 em 11:24
Tedim
Esta alteração deve ser feita no arquivo “.css” do template que está utilizando. Verifique corretamente os parâmetros a serem alterados, ou redimensione a imagem.
Em caso de dúvidas, estou à disposição!
Atenciosamente,
Dr. Host
Responder