Como usar sua própria imagem de cabeçalho no wordpress vinte quinze

Video: Imagem do cabeçalho, no Wordpress

A maioria dos temas têm uma imagem de cabeçalho que aparece na parte superior da página. Em WordPress, esta imagem é gerada por um gráfico definido quer no valor CSS para a propriedade que representa a área do cabeçalho, ou através da utilização de um recurso no WordPress chamado um cabeçalho personalizado.

Video: Wordpress: Como Inserir Imagem De Cabeçalho No Tema Hiero

No WordPress padrão Vinte Quinze tema, todo o trabalho duro foi feito para você. Incluindo uma imagem de cabeçalho personalizado em um blog que usa o tema Vinte Quinze é muito danado fácil.

Para fazer upload de uma imagem de cabeçalho novo, clique no link Cabeçalho no menu Aparições em seu painel, e siga estes passos:

  1. Clique no botão New Image Adicionar sob o título cabeçalho da imagem.

    Selecione a imagem da Media Library WordPress, ou fazer upload de uma imagem do seu computador e clique em Abrir.

  2. Clique em Selecionar and Crop.

    Video: Como personalizar o cabeçalho do tema ColorMag Wordpress - Aula 38

    A página Cortar Imagem aparece, onde você pode cortar a imagem e ajustar o qual parte da imagem de cabeçalho que você gostaria de exibir.

  3. Clique no botão Cortar Imagem.



    A página de cabeçalho da imagem aparece, e sua imagem de cabeçalho novo é agora apresentado.

  4. Ver o seu site.

    A sua imagem de cabeçalho novo aparece na parte superior do seu site.

    Ajuste as linhas pontilhadas para escolher a área da imagem a ser exibida.

    Video: Crie um Cabeçalho Sofisticado para seu Wordpress

    Ajuste as linhas pontilhadas para escolher a área da imagem a ser exibida.

Em temas que não têm o recurso de imagem de cabeçalho personalizado, você pode facilmente definir uma imagem de fundo para a imagem de cabeçalho usando CSS.

Para os fins deste exemplo, a marcação HTML para o cabeçalho no modelo é a seguinte:

No arquivo CSS (style.css), você pode usar uma imagem de fundo, definindo-o nas propriedades CSS # Local-header. Utilize este código:

# Local-header {background: url (/images/header-image.jpg) no-repeat-max-width: 100% -Altura, auto}

O valor de fundo indica uma imagem chamada header-image.jpg. Para exibi-la em seu site, você precisa para criar a imagem e enviá-lo para o seu servidor web sob / Wp-content / tema-name / images /.


Publicações relacionadas