Um usuário perguntou ?
Estou usando o Storefront e o cabeçalho diz “Seu tema funciona melhor com uma imagem com um tamanho de cabeçalho de 1950 × 500 pixels”. (aparência, personalização, etc.) Então eu escolho o Canva e o layout do cabeçalho assim. Coloquei a imagem no cabeçalho e ficou muito grande. apenas a parte central da minha imagem está aparecendo no cabeçalho e as bordas estão penduradas. Eu verifiquei o recurso no Photoshop e o cabeçalho é definitivamente 1950 x 500. Alguém pode me dizer as dimensões reais do cabeçalho Storefront? Cliquei em explorar, mas realmente não entendo o que vejo!
(@jameskoster)
2 anos, 1 mês atrás
Ouve,
Essa é a quantidade correta para recomendar. Deixe-me explicar;
O Storefront define a imagem do cabeçalho como plano de fundo, para que conteúdo como seu logotipo/submenu apareça na parte superior. Isso significa que ele será redimensionado dependendo da janela do navegador. Se você abrir seu site e alterar o navegador, verá isso em vigor. Usar uma imagem de 1950 × 500 garante que a imagem não seja renderizada em telas muito grandes.
Esta imagem é melhor tratada como plano de fundo para obter melhores resultados. O IE não adiciona nenhum texto ou conteúdo relevante, mas usa as regiões de widget disponíveis para isso.
Obrigado
Designer James @ Automattic
(@aprender)
2 anos, 1 mês atrás
Olá James. Tenho certeza que você sabe do que está falando, mas eu não entendo. Meu site ainda não está pronto para se tornar público, então rapidamente configurei outro e coloquei a imagem de cabeçalho do mesmo tamanho nele. aqui está o URL do segundo site:
Para seu conselho sobre o tamanho da tela, analisei isso em uma tela de 24 polegadas, uma tela de 14 polegadas e um ipad. O mesmo problema em todos. Agradeceríamos sua ajuda. TIA
(@jobthomas)
Engenheiro Automóvel Felicidade
2 anos, 1 mês atrás
Olá @learnlite. Sempre será difícil ter um recurso de design importante nas bordas/cantos no sentido de que isso significará calcular a altura com base na largura. Isso seria possível com alguns JS e CSS personalizados, mas eu realmente não recomendaria fazer isso.
Aqui estão alguns CSS que você pode configurar. Sobre Personalizar > CSS Adicionalvocê pode adicionar o seguinte código:
/*----
Heigth header
----*/
/* Make sure the covering is happening */
.site-header {
background-size: cover;
}
/* Make sure the design looks okay on desktop */
@media (min-width: 768px) {
.site-header {
min-height: 500px;
padding-top: 400px;
}
}Veja agora, quando você olhar para 1950px, parecerá perfeito, mas assim que você alargar um pouco ou menos, os cantos parecerão estranhos. No entanto, por motivos visuais e de acessibilidade, é melhor ter uma altura fixa e não pular com muita altura do cabeçalho. Se você quiser aprender mais sobre CSS, eu recomendo tutoriais gratuitos no w3schools. Aqui você encontra o básico de seletores (como focar no aspecto certo da página), e propriedades (como alterar o elemento na página).
Esta resposta foi modificada há 2 anos, um mês atrás por.
(@aprender)
2 anos, 1 mês atrás
Obrigado. Eu vou dar uma chance. Eu sei um pouco de CSS, um dia eu posso aprender um pouco mais.
(@jobthomas)
Engenheiro Automóvel Felicidade
2 anos, 1 mês atrás
@learnlite. Boa sorte com isso. Existem alguns cursos de CSS muito bons em teamtreehouse.com (foi onde aprendi muitas das minhas habilidades).
Vou marcar este tópico como resolvido.
(@rosebox3403)
1 ano, 10 meses atrás
Todo trabalho que consigo é sobre como alterar a imagem do meu cabeçalho, e tentei isso, mas nada funcionou. No entanto, mudou a altura de todas as outras imagens no meu tema e agora não posso alterá-las de volta. . Onde encontrar o código da imagem de cabeçalho. Tenho experiência com web design, mas sou muito novo no wordpress, o que é muito difícil de usar. Obrigado pela ajuda.
Isto foi útil?
0 / 0