Suporte » Ajustando o WordPress » Imagem responsiva no cabeçalho do post.

  • Bom dia a todos.

    Primeiro precisa dizer que sou usuário e não programador. Peço paciência comigo. Além disso sou novo na utilização do WordPress.

    Meu blog está no ar, com muito custo e várias dificuldades, ainda consegui deixar bem interessante.

    Nas páginas dos Post eu tenho um Cabeçalho para imagens. É sobre isso que tenho dúvidas:

    1. Existe uma forma automática (adaptativa) para que a imagem se adapte ao formato do cabeçalho? Sempre tenho que carregar imagem com pelo menos 1900 px (desktop).
    2. É possível fazer esse cabeçalho ser responsivo? Hoje o meu não está e no smartphone a imagem aparece bem cortada.

    Meu blog: http://www.meupetquer.com.br/wp

    Obrigado por toda e qualquer ajuda.

    André Ramos

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Moderador Rafael Funchal

    (@rafaelfunchal)

    Olá, André!

    Isso pode ser corrigido com CSS. Adicione background-size ao CSS do seu tema assim:

    #Header_wrapper {
        position: relative;
        background-size: cover;
    }
    Thread Starter andrepramos

    (@andrepramos)

    Rafael Funchal, obrigado pela resposta.

    Preciso de mais um pouco de orientação. Onde fica o CSS do meu tema? Não sou programador, longe disso, então sei muito pouco sobre isso. Mas estou empenhado em aprender.

    Obrigado.

    Moderador Rafael Funchal

    (@rafaelfunchal)

    Oi André,

    O CSS do seu tema fica no arquivo style.css:

    /wp/wp-content/themes/betheme/style.css

    Porém, há esse aviso nele :

    All css files are placed in /css/ folder.
    If you want to add your own css code, please do it in /css/custom.css

    Isso significa que, segundo o seu tema, o melhor lugar para adicionar CSS personalizado é no arquivo /wp/wp-content/themes/betheme/css/custom.css.

    Thread Starter andrepramos

    (@andrepramos)

    Rafael,

    essa linha de código pode ser inserida no final ou tem algum lugar específico?

    Thread Starter andrepramos

    (@andrepramos)

    Rafael,

    deixa aproveitar sua atenção, com mais um assunto?

    Eu posso mudar o nome da pasta WP?

    Thread Starter andrepramos

    (@andrepramos)

    Rafael,

    inseri este código no custom.css porém o problema continua. No celular a imagem do cabeçalho aparece bem cortada. Como se não estivesse responsivo. Pode ser um problema de resolução da imagem?

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Imagem responsiva no cabeçalho do post.’ está fechado para novas respostas.