Um usuário perguntou ?
Eu postei isso em outro lugar no suporte, o moderador Andrew Nevins sugeriu que eu repostasse aqui.
O tema Twenty Seventeen propõe uma imagem de cabeçalho de 2000 × 1200 px. Quero usar uma imagem de 2000×271. Fiz o upload e funciona em outras páginas além da página inicial.
Na página inicial, a imagem do cabeçalho é enorme e pendurada e não sei por quê. Em outras páginas, o cabeçalho está bem no meu laptop em uma janela otimizada, mas não muda quando a janela é alterada. A imagem real do cabeçalho muda bem.
Além disso, a imagem tem apenas um tom de amarelo, mas no cabeçalho há uma faixa cinza de gradiente escuro (já tentei corrigir esses problemas passando o mouse sobre o menu e clicando nesses links).
Eu tentei muitas correções da SEC sem grande sucesso. Mas por enquanto só tenho esse CSS personalizado (que é bastante útil):
branding .site, .wp-custom-header {altura: 165px; }
O moderador Andrew Nevins (@anevins) sugeriu:
Acho que uma das razões pelas quais você está usando uma imagem com diferentes proporções é o que é recomendado. Tente atualizar sua imagem usando espaços em branco para que ela tenha a mesma proporção.
(@dagnew)
faz 3 anos
Obrigado André. Minha imagem de cabeçalho é 2000 x 271px. Você acha que devo adicionar cerca de 415px de espaço em branco na parte superior e inferior da imagem? Ou talvez preto já que a imagem está de cabeça para baixo?
(@anevins)
Apoio voluntário do doador WCLDN 2018
faz 3 anos
Isso mesmo, mas exclua que você não está abordando um problema de diferença de razão.
(@dagnew)
faz 3 anos
Substituí a imagem por uma de 2000 x 1200px (há 415px de branco acima e abaixo da imagem em preto e amarelo que quero exibir). Desativei todo o meu CSS personalizado e limpei o cache do Chrome e do Firefox onde vejo o site.
Agora, na página inicial, há um espaço em branco acima da imagem do cabeçalho e um espaço cinza abaixo dela. Suspeito que o WordPress esteja usando uma imagem diferente para a página inicial, mas não consigo encontrar uma solução para isso.
Nas outras páginas, a imagem do cabeçalho fica na parte superior e inferior. Além disso, há apenas um tom de amarelo na imagem, mas no cabeçalho há uma faixa cinza degradê escura (mais escura na parte inferior) que quero ocultar. Não estou familiarizado com esse gradiente cinza porque fui acima do menu anterior e cliquei nesses links. Mas não sei qual é o nome do objeto.
Obrigado pela ajuda!
(@dagnew)
faz 3 anos
Opa, acabei de perceber que minha nova imagem NÃO é 2000×1200, por algum motivo é 417×2502. Vou trabalhar nisso…
(@dagnew)
faz 3 anos
4170
(@dagnew)
faz 3 anos
Há um Imagem 2000x1200px (incluindo espaços em branco superiores e inferiores) para trabalhar.
Pela primeira vez, consegui cortá-lo na vigésima primeira interface: sem copiar, MELHOR, no site, sem copiar (muito espaço em branco acima e abaixo). Plantaçõesno site, parece muito curto (faltam palavras).
(@anevins)
Apoio voluntário do doador WCLDN 2018
faz 3 anos
não copiado, MELHOR, no site, não copiado (muito espaço em branco acima e abaixo). Cortar, no site, parece muito cortado (faltam palavras).
Me desculpe, eu li isso várias vezes e não consigo entender o que você quer dizer. Você pode esclarecer a questão que ainda está por vir?
(@dagnew)
faz 3 anos
Desculpe o texto confuso. O problema (provavelmente ignorando minha falta de experiência) tem a ver com o “desejo” de TwentySeventeen por uma imagem de cabeçalho de 2000 × 1200 px. Eu quero usar uma imagem com uma altura muito menor. Como você sugeriu, carreguei uma imagem de cabeçalho (2000 × 1200px a 150dpi) que continha aproximadamente 450px de branco acima E abaixo da imagem visível que eu quero. Quando o fiz, o WordPress/TwentySeventeen me deu a oportunidade de cortar a imagem. Se o fiz, a imagem do cabeçalho ficou visível (durante a visita) pilgrimwatch.org/wp/) onde falta parte da área preta da imagem. Quando eu carreguei a mesma imagem de origem e selecionei “pular corte”, ela mostrou um espaço em branco acima e abaixo da parte (fundo preto) da imagem carregada que eu preciso para o cabeçalho.
Posso fornecer imagens para explicar melhor o que eu estava falando sobre ‘corte’, se isso for útil.
Pode haver outros problemas de renderização (especialmente minha confusão com uma incompatibilidade de resolução de imagem entre o arquivo do Illustrator e o que meu sistema operacional diz sobre a resolução do arquivo png exportado), então carreguei uma nova imagem. Selecioná-lo como a imagem do cabeçalho me deu a oportunidade de cortá-lo e eu fiz. O resultado é praticamente o mesmo de antes.
Outra coisa complicada é que TwentySeventeen APPEARS acha que eu quero tratar a imagem do cabeçalho de forma diferente na página inicial, mas não. Você pode me dizer onde encontra esse site?
Esta resposta foi modificada há 3 anos por.
(@stilman-davis)
faz 3 anos
Se sua imagem estiver visível na área desejada, que tal deixar o fundo (o branco que você criou) transparente? Talvez isso funcione, não sei, apenas uma ideia.
As dimensões fornecidas pelas ilustrações devem ser precisas. Tente visualizar a imagem png com um editor de imagens (por exemplo, Photoshop) e veja quais são suas dimensões e resolução. Eles devem ser os mesmos que as informações nas ilustrações.
Andrew neste tópico (discute a decisão de design que fez com que muitos lutassem com esse problema.
Eu espero que isso ajude. Stilman-Davis
(@dagnew)
faz 3 anos
Obrigado pelo feedback, Stilman. A imagem não aparece como eu gostaria: apenas o terceiro centro (medido verticalmente), em vez da página inicial, mostra onde o terceiro centro (horizontal) é exibido. Em uma das muitas iterações, parecia bem (‘embora não na página inicial’), exceto por um monte de espaço em branco acima e ‘espaço cinza’ abaixo (o que impedia clicar lá).
Agradeço suas informações sobre as dimensões. FWIW, estou em um Mac e, embora tenha o Illustrator, não tenho o Photoshop. Salvei uma versão do arquivo no Illustrator, que me disse (em ‘Info’) que a imagem era 2000 × 1200 @ 150 dpi. Mas meu sistema operacional me disse que era 4170 × 2502 (@ 150 dpi). No ‘Preview’ da Apple mudei o tamanho para 2000×1200, mas nenhuma das imagens funciona corretamente no TwentySeventeen.
Estou ansioso para ler sobre “a decisão de design que criou muitos problemas com esse tema”. Não sou casada com TwentySeventeen, não preciso de nada extravagante, mas quero um site responsivo/responsivo. Passei algum tempo com o tema Vantage e tive problemas semelhantes, mas com a imagem do cabeçalho. Não consegui encontrar o cabeçalho corretamente no Mantra, um tema que funcionou bem para mim em alguns outros sites.
Tentar ter uma imagem de cabeçalho de cerca de 2000×1200 não parece ser um grande problema. Acho que todos os problemas têm a ver com design adaptativo, que eu não entendo completamente, mas que não é opcional no mundo de hoje, eu acho.
Obrigado novamente!
Esta resposta foi modificada há 3 anos por.
(@anevins)
Apoio voluntário do doador WCLDN 2018
faz 3 anos
Para esclarecer, os problemas de imagem a serem superados não estão aqui porque o tema não é responsivo. É devido a uma decisão de design feita pelo tema. A decisão foi usar a imagem do cabeçalho de forma decorativa e não focar em um ponto específico da imagem. Se você usar uma imagem decorativa, o tema funcionará bem, mas se você tiver uma imagem com um ponto focal, o tema ficará sem graça.
(@dagnew)
faz 3 anos
Andrew, escolhi o Twenty Seven porque queria um tema responsivo bem projetado e confio no WordPress. Mas obter o que eu acho (ter uma imagem de cabeçalho estática em todo o site que não ocupa muito espaço) seria um resultado simples: havia tantos problemas no Seventeen quanto havia no Vantage, Mantra (temas que usei para outros locais). Então, quando li seu comentário sobre a decisão de design que fez com que muitos lutassem com esse tema, decidi experimentar o Twenty Sixteen.
Que alívio que “2016” faz (mais ou menos) exatamente o que eu quero. Definitivamente vou ter que mudar algumas coisas, mas ainda bem que minha cabeça está doendo!
Obrigado por seus esforços.
(@stilman-davis)
faz 3 anos
André,
Talvez o aviso sobre a imagem do cabeçalho ser um recurso de “layout de fundo” deva ficar claro na escuridão do tema.
As pessoas parecem estar usando a imagem no cabeçalho como um elemento de marketing (imagem de exibição ou algo assim). Claramente, este não é o objetivo pretendido.
Os designers de temas devem explicar o tema removendo as diferenças entre a “imagem visível” e a seleção de imagem/vídeo do cabeçalho.
Atenciosamente, Stilman Davis
(@stilman-davis)
faz 3 anos
Seu filho deve ter um editor de imagens embutido, eu acho. Eu estou no Windows. O GIMP é outro, mas é o Linux. Lamento não poder ajudá-lo com as coisas do filho.
Atenciosamente, Stilman
(@anevins)
Apoio voluntário do doador WCLDN 2018
faz 3 anos
Não tenho certeza se este documento no quadro evitaria o problema. Isso ajudaria a gerenciar as expectativas e concordo com você, mas ainda posso criar tópicos de suporte para alterar esse aspecto do design.
Também não há nada de errado com os materiais de apoio, mas o tema projetou esse recurso de design de uma maneira difícil de cancelar.
Acho que há uma chance de que o tema de 2017 seja aprimorado, mas podemos impedir que o tema de 2018 seja projetado dessa maneira.
Isto foi útil?
0 / 0