Image d'aperçu du thème WordPress

23

Je développe un thème WordPress personnalisé. Lorsque je sélectionne des thèmes dans le menu Apparence, mon thème n'a pas d'image d'aperçu. Y a-t-il quelque chose que je dois faire pour faire apparaître une image d'aperçu? Je ne trouve aucune ressource sur le Web qui en parle. Peut-être que je cherche juste la mauvaise chose ...?

Chiubaka
la source
1
Je l'ai trouvé - je cherchais la mauvaise chose, mais ce n'est pas très bien documenté. Afin d'obtenir une capture d'écran pour votre thème, vous devez inclure un fichier appelé screenshot.png dans le dossier racine de votre thème. C'est de préférence 300x225 mais ce n'est pas obligatoire.
Chiubaka
Vous devez poster ceci comme réponse, afin de pouvoir le marquer comme solution. Sinon, le Q restera ouvert pour toujours.
kaiser
Je sais, je ne pouvais pas parce que je n'ai pas de représentant de 100 ou plus avant.
Chiubaka

Réponses:

27

Il n'y a pas d'aperçu automatique. Vous devez créer la capture d'écran vous-même et la placer dans le dossier thème / thème enfant nommé screenshot.png

La taille d'image recommandée (actuellement) est de 1 200 pixels de large par 900 pixels de haut, mais la capture d'écran ne sera affichée qu'en 387 x 290. Il est surdimensionné pour permettre une visualisation haute résolution sur les écrans HiDPI. Notez qu'à partir de la version 4.7.4, les 18% inférieurs de cette image seront coupés, donc gardez les logos ou autres graphiques centrés.

Pour les dernières informations, voir: http://codex.wordpress.org/Theme_Development#Screenshot

jb510
la source
6

Pour les thèmes wordpress.org, la capture d'écran devrait être un fac-similé raisonnable du thème, et devrait avoir une largeur de 880 px et une hauteur de 660 px (n'importe quelle hauteur 4: 3): la capture d'écran conviendra.

Pour ajouter une capture d'écran, créez le fichier screenshot.png et ajoutez-le au directeur racine du thème. par exemple wp-content / themes / theme-name /

Comment créer une capture d'écran du thème.

Vous pouvez utiliser capture d'écran, capture d'écran impressionnante ou tout autre addon Firefox ou extension chrome pour prendre une capture d'écran et définir la hauteur et la largeur dans Photoshop. Vous pouvez également utiliser la fonction intégrée de Firefox pour cette raison.

Cliquez sur le bouton alt de votre clavier et vous verrez un menu en haut du navigateur, cliquez sur outils> développeur web> vue de conception réactive , définissez maintenant une largeur de hauteur personnalisée et prenez une capture d'écran

Aamer Shahzad
la source
2
Greenshot est un autre excellent outil pour prendre des captures d'écran: getgreenshot.org
Ghost Echo