Imagem responsiva no cabeçalho do post.

andrepramos
(@andrepramos)

8 anos atrás

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)

8 anos atrás
Olá, André!

Isso pode ser corrigido com CSS. Adicione background-size ao CSS do seu tema assim:
```
#Header_wrapper {
    position: relative;
    background-size: cover;
}
```
Criador do tópico andrepramos
(@andrepramos)

8 anos atrás

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)

8 anos atrás

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.

Criador do tópico andrepramos
(@andrepramos)

8 anos atrás

Rafael,

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

Criador do tópico andrepramos
(@andrepramos)

8 anos atrás

Rafael,

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

Eu posso mudar o nome da pasta WP?

Criador do tópico andrepramos
(@andrepramos)

8 anos atrás

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.

Imagem responsiva no cabeçalho do post.

Tags de tópico

Visualizações