Como inserir um logotipo no cabeçalho?


9

Eu sou muito novo no mundo WordPress (eu vim do Joomla)

Estou com algumas dificuldades para inserir um logotipo neste site de teste do WordPress: http://onofri.org/example/

Quero colocar meu logotipo no cabeçalho do site, em vez do texto "EXEMPLO".

Olhando para o painel de configuração do WordPress, não estou descobrindo onde posso fazer o upload do logotipo e automaticamente colocá-lo no texto "EXEMPLO" no cabeçalho (não sei se essa é uma função padrão do WordPress como no Joomla ou se é uma recurso que pode ser disponibilizado por alguns temas específicos ou se for necessário inseri-lo diretamente no código)

No entanto, não o encontro nem nas minhas configurações de tema.

O que devo fazer para colocar meu logotipo? Tenho que inseri-lo diretamente no meu código HTML?

Respostas:


14

Tente modificar um pouco a seção do cabeçalho para obedecer aos padrões. Aqui está o seu código agora:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

Aqui está como você pode modificar as coisas:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

Existem apenas três etapas agora:

  • Em vez de usar as configurações de imagem de cabeçalho padrão do tema, você pode editar os temas header.phpcom o código fornecido acima.
  • Em vez de inserir uma imagem do Add New Media, você pode fazer upload da imagem via cPanel (Painel de Controle do seu host) na subpasta da pasta de temas chamada 'images' .
  • E, em vez de criar uma imagem enorme com fundo para o seu logotipo, tente criar um logotipo simples e sem fundo no Photoshop (ou qualquer outro software gráfico) - no caso do Photoshop, faça-o: depois de colocar a imagem do logotipo em uma camada, exclua a camada de fundo e salve a imagem para a web (Arquivo> Salvar para a web ... [ Ctrl+ Alt+ Shift+ S]) e escolha o formato PNG-24 para obter um bom resultado. Em seguida, salve-o como logo.pnge coloque-o na pasta '/ wp-content / themes / simplemarket / images /'.

Espero que você tenha o resto. Se houver alguma dúvida, não hesite em comentar aqui em.


2

Se houver uma funcionalidade de "logotipo", ela fará parte do tema. Talvez uma opção de tema ou parte do sistema de personalização de temas .

Normalmente, uso um cabeçalho personalizado para fazer isso em sites comerciais, embora um cabeçalho personalizado não seja especificamente para um logotipo. É uma função genérica de "imagem de cabeçalho".

Em suma, isso depende do tema. Se for um tema que você está criando, você pode editar o tema para adicioná-lo. Veja os artigos do Codex já mencionados.


2

Para alterar a imagem do cabeçalho, vá ao painel de administração do seu wordpress. No menu de aparência, clique no cabeçalho e lá você encontrará a opção de fazer upload da imagem do cabeçalho e do Texto para aparecer no cabeçalho.

Se não estiver sendo exibido, é necessário editar o arquivo de cabeçalho e inserir o seguinte código no cabeçalho, se ele ainda não existir.

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.