Como inserir um logotipo no cabeçalho?

Question

Como inserir um logotipo no cabeçalho?

- 10
- 104280 2013-06-26
Eu soumuitonovono WordPress World (vim de Joomla)

Euestouencontrando algumas dificuldadesparainserir um logotiponeste site deteste do WordPress: http://onofri.org/example/
.
Eu quero colocarmeu logotipono cabeçalho do site,em vez disso otexto "Exemplo".

Olhandopara opainel de configuração do WordPress Eunãoestou descobrindo ondeeupossa carregar o logotipoe colocá-lo automaticamentenotexto "Exemplo"no cabeçalho (não sei seesta é umafunçãopadrão do WordPress comoem Joomla ou seÉ um recurso quepode ser disponibilizadopor algunstemasespecíficos ou seeutiver que colocá-lo diretamenteno código)

Noentanto,nãoestouencontrandoissomesmonas configurações domeutema.

O quetenhoparafazerpara colocarmeu logotipo?Tenho queinseri-lo diretamentenomeu código HTML?

I am pretty new in WordPress world (I came from Joomla)

I am finding some difficulties to insert a logo into this WordPress test site: http://onofri.org/example/

I want put my logo in the header of the website, instead the "EXAMPLE" text.

Looking into the WordPress configuration panel I am not finding where I can upload the logo and automatically put it instead the "EXAMPLE" text in the header (I don't know if this is a standard WordPress function as in Joomla or if it is a feature that can be made available by some specific themes or if I have to put it directly into the code)

However I am not finding it even in my theme settings.

What have I to do to put my logo? Have I to insert it directly into my HTML code?

theme-development themes templates logo

3 respostas

votos

2

2013-06-26

Se houver umafuncionalidade "logotipo",faráparte dotema.Talvez um opçãotema ouparte do Sistema depersonalização dotema .

Eunormalmente use um cabeçalhopersonalizado Parafazerissopara sites comerciais,embora um cabeçalhopersonalizadonão sejaespecificamentepara um logotipo.É umafunçãogenérica de "cabeçalho".

Em suma,isso depende dotema.Sefor umtema que vocêestá criando,vocêpodeeditar otemapara adicioná-lo.Veja os artigos do Codexjá referenciados.

If there is a "logo" functionality, it will be part of the theme. Perhaps a theme option or part of the theme customization system.

I typically use a Custom Header to do this for commercial sites, though a custom header is not specifically for a logo. It is a generic "header image" function.

In short, this depends on the theme. If it is a theme you are creating, you can edit the theme to add it. See the Codex articles already referenced.

fonte

s_ha_dum

2

2013-06-27

Para alterar aimagem do cabeçalho,vápara opainel de administração do seu WordPress. Nomenu Aparência,cliqueno cabeçalhoe lá vocêencontrará a opção de carregar suaimagem de cabeçalhoe textopara aparecerno cabeçalho.

Senãoestivermostrando,então vocêtem queeditar seu arquivo de cabeçalhoe inserir o seguinte códigono seu cabeçalho seelejánãoexistir.

<?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>

To change the header image go to the admin panel of your wordpress. In the appearance menu click on header and there you will find the option to upload your header image and Text to appear in your header.

If it's not showing then you have to edit your header file and insert the following code in your header if it does not exist already.

<?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>

fonte

Yamu

Mayeenul Islam · Accepted Answer · 2013-06-27

15

2013-06-27

Tentemodificar a seção de cabeçalho umpoucopara cumprir ospadrões. Aquiestá o seu código agora:

  & lt; divid="header-image" >
   & lt;img largura="1102" altura="350" alt="" classe="cabeçalho-imagem" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg ">
& lt;/div >

Aquiestá como vocêpodemodificar as coisas:

  & lt; divid="header-image" >
    & lt; a href="& lt;?phpechoesc_url (home_url ('/'));? >"title="& lt;?phpechoesc_attr (get_bloginfo ('nome','display'));? >" rel="home" >
       & lt;img src="& lt;?phpechoget_template_directory_uri ();? >/images/logo.png" Alt="Logo" Largura="Aqui" Altura="Aqui"/>
    & lt;/a >
& lt;/div >

Existem apenas 3passos agora:

Em vez de usar as configurações deimagem de cabeçalhopadrão dotema,vocêpodeeditar o cabeçalho com o códigofornecido acima.
em vez deinserir aimagem danovamídia,vocêpodefazer o upload daimagem via cpanel (painel de controle do seu host)na subpasta dapasta dotema denominada 'images'em>.

e em vez defazer umaimagemenorme com antecedentespara o seu logotipo,tente fazer um logotipo simplesmente semexperiênciano Photoshop (ou qualquer softwaregráfico) -em caso de Photoshop,bastafazerisso: depois de colocar aimagem do logotipoem uma camada,bastaexcluir a camada defundoe salve aimagempara web (arquivo> salvarpara web ... [ ctrl + alt + shift + s ])e escolha oformato png-24 para umbom resultado. Em seguida,salve-o como logotipo.png e coloque-opara apasta '/wp-content/themes/simplemarket/imagens/'.

Espero que vocêtenha o resto. Se algumapergunta,sinta-se à vontadepara comentar aqui.

Try modifying the header section a bit to comply with the standards. Here is what your code right now:

<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>

Here is how you can modify the things:

<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>

There are only 3 steps now:

Instead of using the theme's default header image settings, you can edit your theme's header.php with the code given above.

Instead of inserting image from the Add New Media, you can upload image via cPanel (Control Panel of your web host) into the theme folder's sub-folder named 'images'.

And instead of making a huge image with background for your logo, try making a simple background-less logo in Photoshop (or any graphics software) - in case of Photoshop, just do it: after placing the logo image in a layer, just delete the background layer and then save the image for web (File > Save for web... [Ctrl + Alt + Shift + S]) and choose the format PNG-24 for a good result. Then save it as logo.png and place it to the '/wp-content/themes/simplemarket/images/' folder.

Hope you get the rest. If any question, please feel free to comment here under.

fonte

Mayeenul Islam