Como usar css para adicionar o recurso de fundo personalizada para um tema wordpress

O tema Vinte Treze WordPress não é empacotado com um recurso disponível no WordPress que permite que você mude o fundo a uma cor diferente ou usar uma imagem para o seu fundo. Há, no entanto, um recurso bacana que você pode adicionar ao seu WordPress functions.php

arquivo para permitir o seu tema para suportar o recurso de fundo personalizada, permitindo que você altere a imagem de fundo e / ou cor para o seu site.

Video: TUTORIAL: Como Trocar a Logo e a Imagem de Fundo no Wordpress

Você pode adicionar o recurso de fundo personalizada para qualquer tema com apenas uma linha de código. Siga esses passos:

  1. A partir do painel de controle, escolher Aparência → Editor.

    A página Editar Temas aparece.

  2. Clique nas funções temáticas (functions.php) Modelo no lado direito da página.

    O modelo Funções Tema abre no editor de texto no meio da página.

  3. Adicione a seguinte linha de código para o modelo Funções Tema antes do fechamento ?gt; tag:

    add_custom_background () -

    Esta linha de código diz WordPress que seu tema acrescentou o recurso de fundo personalizado.

  4. Clique no botão Salvar arquivo.

    O modelo Funções tema é salvo, juntamente com as alterações. O link fundo agora aparece abaixo do menu Aparência no seu Dashboard.

Video: Como Adicionar Páginas Dentro De Um Menu No Wordpress - Tema Hiero - 1.1

Qualquer tema que tem a característica de fundo personalizada permite que você mude o fundo a uma cor diferente ou usar uma imagem para ele. Para alterar o plano de fundo para o seu site, siga estes passos:

Escolha Aparência → Background.

A página é carregada fundo personalizado no painel. Por padrão, a cor de fundo é definido como branco.



  • Para alterar a cor de fundo, clique no botão Select Cor e, em seguida, digite o código de cor hexadecimal na caixa de texto a cores e, em seguida, vá para a Etapa 4.

    Se você não&rsquo-t sabe o código hexadecimal que você deseja usar, clique em um botão Cor do Select e, em seguida, no seletor de cor que aparece, clique em uma cor. (Note-se que quando você clica no Selecione a cores botão, o texto muda para Cor atual.)

    Um hexadecimal (ou feitiço) Código representa uma determinada cor. códigos hexadecimais sempre começam com um símbolo cardinal (#) e tem seis letras e / ou números para representar uma determinada cor, como # d5d6d7 (cinza claro).

  • Para usar um arquivo de imagem para o fundo, fazer upload de uma imagem do seu computador:

  • Clique no botão Procurar na seção Selecionar imagem e, em seguida, selecionar um arquivo do seu computador.

  • Clique no botão Upload.

    A página de fundo personalizada refresca e dá-lhe várias opções de exibição.

  • Alterar as opções de exibição para a sua nova imagem de fundo:

  • Posição: Escolha Esquerda, Centro ou Direita para definir a posição do ecrã da imagem de fundo do seu site.

  • Repetir: Escolha No Repeat, Tile, Tile horizontalmente ou Lado a lado verticalmente na lista drop-down para definir a imagem em seu site.

  • Anexo: Selecione para definir a imagem de fundo para rolar a página, ou selecione Fixo para definir a imagem de fundo em uma posição estática para que ele doesn&rsquo-t rolar a página.

  • Clique no botão Salvar alterações.

    Não esqueça de clicar no botão Salvar alterações antes de sair do fundo personalizado page- de outra forma, as novas configurações aren&rsquo-t salvos.

  • Porque todos os temas não são criados iguais, temas que don&rsquo-t têm o cabeçalho personalizado e características de fundo permitiu torná-lo um pouco mais difícil de alterar estes elementos. Sem esses recursos, você tem que fazer ajustes através do CSS tema (style.css).


    Publicações relacionadas