Imagem de visualização do tema WordPress

23

Estou desenvolvendo um tema personalizado para WordPress. Quando vou selecionar temas no menu Aparência, meu tema não tem uma imagem de visualização. Há algo que preciso fazer para que uma imagem de visualização seja exibida? Não consigo encontrar nenhum recurso na web que fale sobre isso. Talvez eu esteja apenas procurando a coisa errada ...?

Chiubaka
fonte
1
Encontrei - eu estava pesquisando a coisa errada, mas isso também não está muito bem documentado. Para que uma captura de tela apareça no seu tema, você precisa incluir um arquivo chamado screenshot.png na pasta raiz do seu tema. Isso é preferencialmente 300x225, mas isso não é necessário.
Chiubaka
Você deve publicá-lo como Resposta, para marcá-lo como solução. Caso contrário, o Q ficará aberto para sempre.
Kaiser #
Eu sei, não podia, porque não tenho um representante de 100 ou mais antes.
Chiubaka 1/09/11

Respostas:

27

Não há visualização automática. Você precisa criar a captura de tela e colocá-la na pasta theme / child theme chamada screenshot.png

O tamanho da imagem recomendado (atualmente) tem 1200 px de largura por 900 px de altura, no entanto, a captura de tela será mostrada apenas como 387x290. É superdimensionada para permitir a visualização em alta resolução nos monitores HiDPI. Observe que, a partir da versão 4.7.4, os 18% inferiores da imagem serão cortados; portanto, mantenha os logotipos ou outros gráficos centralizados.

Para obter as informações mais recentes, consulte: http://codex.wordpress.org/Theme_Development#Screenshot

jb510
fonte
6

Para os temas do wordpress.org, a captura de tela deve ser um fac-símile razoável do tema e deve ter 880px de largura e 660px de altura (qualquer tamanho de 4: 3 altura: largura).

Para adicionar uma captura de tela, crie o arquivo screenshot.png e adicione-o ao diretor raiz do tema. por exemplo, wp-content / themes / theme-name /

Como criar uma captura de tela do tema.

Você pode usar captura de tela, captura de tela impressionante ou qualquer outro complemento do Firefox ou extensão do Chrome para capturar a tela e definir altura e largura no photoshop. Você também pode usar o recurso interno do firefox por esse motivo.

Clique no botão alt do teclado e você verá um menu na parte superior do navegador. Clique em ferramentas> desenvolvedor web> visualização de design responsivo , agora defina a largura da altura personalizada e faça a captura de tela

Aamer Shahzad
fonte
2
Greenshot é outra ótima ferramenta para tirar screenshots: getgreenshot.org
Santo Eco