Imagen de vista previa del tema de WordPress

23

Estoy desarrollando un tema personalizado de WordPress. Cuando voy a seleccionar temas en el menú Apariencia, mi tema no tiene una imagen de vista previa. ¿Hay algo que deba hacer para que aparezca una imagen de vista previa? No puedo encontrar ningún recurso en la web que hable sobre esto. ¿Quizás solo estoy buscando lo incorrecto ...?

Chiubaka
fuente
1
Lo encontré: estaba buscando algo incorrecto, pero esto tampoco está muy bien documentado. Para obtener una captura de pantalla para mostrar su tema, debe incluir un archivo llamado screenshot.png en la carpeta raíz de su tema. Esto es preferiblemente 300x225 pero no es necesario.
Chiubaka
Debe publicar esto como Respuesta, para que pueda marcarlo como solución. De lo contrario, la Q permanecerá abierta para siempre.
kaiser
Lo sé, no pude porque no tengo un representante de 100 o más antes.
Chiubaka

Respuestas:

27

No hay vista previa automática. Debe crear la captura de pantalla usted mismo y colocarla en la carpeta de tema / tema infantil llamada screenshot.png

El tamaño de imagen recomendado (actualmente) es de 1200px de ancho por 900px de alto, sin embargo, la captura de pantalla solo se mostrará como 387x290. Está sobredimensionado para permitir la visualización de alta resolución en pantallas HiDPI. Tenga en cuenta que a partir de la versión 4.7.4, la parte inferior ~ 18% de esta imagen estará cortada, por lo que debe mantener centrados los logotipos u otros gráficos.

Para obtener la información más reciente, consulte: http://codex.wordpress.org/Theme_Development#Screenshot

jb510
fuente
6

Para los temas de wordpress.org, la captura de pantalla debe ser un facsímil razonable del tema, y ​​debe tener 880 píxeles de ancho y 660 píxeles de altura (cualquier captura de pantalla 4: 3 altura: ancho) estará bien.

Para agregar una captura de pantalla, cree el archivo screenshot.png y agréguelo al director raíz del tema. por ejemplo, wp-content / themes / theme-name /

Cómo crear una captura de pantalla del tema.

Puede usar captura de pantalla, captura de pantalla impresionante o cualquier otro complemento de Firefox o extensión de Chrome para tomar una captura de pantalla y establecer la altura y el ancho en Photoshop. También puede usar la función incorporada de Firefox por este motivo.

Haga clic en el botón alt en su teclado y verá un menú en la parte superior del navegador, haga clic en herramientas> desarrollador web> vista de diseño receptivo , ahora configure el ancho de altura personalizado y tome la captura de pantalla

Aamer Shahzad
fuente
2
Greenshot es otra gran herramienta para tomar capturas de pantalla: getgreenshot.org
Ghost Echo