Le guide complet des miniatures et des tailles d'image en vedette dans WordPress

Le guide complet des miniatures et des tailles d'image en vedette dans WordPress

Une image vaut mille mots, sauf si elle a été redimensionnée de manière inappropriée, auquel cas c'est un peu embarrassant. WordPress contient des outils puissants pour redimensionner les images et les vignettes, mais vous devez savoir comment les gérer.





Lisez la suite pour tout ce que vous devez savoir sur la taille des images dans WordPress et la gestion des images en vedette.



Modification de PHP dans les fichiers WordPress

Cet article contient du code PHP pour WordPress. Vous voudrez peut-être lire notre cours accéléré gratuit sur PHP avant de tenter des modifications sur votre thème.





Si vous n'êtes pas à l'aise pour ouvrir vos fichiers de thème, ou si vous ne le souhaitez pas car ils seront perdus avec les futures mises à jour de thème, vous pouvez utiliser le Mes fonctions personnalisées plugin pour ajouter des blocs de code à la place.

https://en-gb.wordpress.org/plugins/my-custom-functions/



Notions de base sur la taille des images WordPress

Dans le tableau de bord d'administration WordPress, vous connaissez probablement déjà Paramètres > Demi.

si vous refusez une demande d'ami sur facebook peuvent-ils vous ajouter à nouveau

Ce sont les trois tailles d'image par défaut, que WordPress appelle : la vignette , moyen , et grand . La taille de la vignette a un paramètre spécial pour être recadrée à la dimension exacte que vous spécifiez ici. Cela n'a pas besoin d'être une dimension de rapport 1:1 --- vous pouvez la définir comme vous le souhaitez.



Lorsque le recadrage est activé, les images seront redimensionnées et centrées, puis tout ce qui ne rentre pas sera supprimé.

Les paramètres moyen et grand fonctionnent légèrement différemment, en ce sens que vous spécifierez maximum dimensions pour la largeur et la hauteur, et les images seront réduites en conséquence. Si l'image est trop petite, ces tailles d'image ne seront pas créées.



Lorsque vous téléchargez une nouvelle image, l'original est enregistré et disponible pour insertion dans une publication en taille réelle, et les autres tailles d'image enregistrées sont automatiquement créées.

Ajouter des tailles d'image personnalisées dans WordPress

Les trois tailles définies par défaut dans WordPress peuvent ne pas suffire, c'est pourquoi les thèmes et les plugins sont autorisés à ajouter leurs propres tailles personnalisées. Si vous êtes à l'aise pour éditer vos fichiers de thème, vous pouvez également le faire.

Ouvrez le répertoire du thème et recherchez le fonctions.php déposer. Ajouter le code suivant, un pour chaque taille d'image que vous souhaitez définir :

add_image_size( 'my-thumbnail', 400, 200, true);

Chaque nouvelle taille d'image nécessite un nom, des dimensions de largeur et de hauteur, et si les images doivent ou non être recadrées exactement à cette taille ( vrai ou faux ). Pour les parties structurelles d'un thème ou d'un widget, vous souhaiterez généralement recadrer afin que cela ne casse pas la mise en page.

Vous pourriez être tenté de créer de nombreuses tailles d'image personnalisées, mais vous devriez le faire avec parcimonie. Chaque taille d'image que vous définissez sera générée pour chaque image que vous téléchargez, même si vous ne nous l'avez destinée qu'avec l'image présentée.

Donc, si vous avez sept tailles d'image personnalisées, plus les trois par défaut, chaque image que vous téléchargez générera 10 petites copies d'elle-même. Si vous considérez qu'un seul message peut contenir 10 images, cela fait 100 fichiers créés uniquement pour ce message.

Vous ne pouvez pas créer une taille d'image personnalisée et spécifier qu'elle ne doit être utilisée que pour vos images en vedette.

De plus, même si vous n'utilisez plus une certaine taille personnalisée et que vous avez supprimé ce code (ou modifié les thèmes), les anciennes images resteront sur le serveur pour toujours. WordPress ne supprimera pas les images inutilisées pour vous. Sur un site aussi ancien ou aussi gros que MakeUseOf, cela signifie que quelques centaines de gigaoctets sont gaspillés à stocker des images qui ne sont plus utilisées.

Pour les petits sites, le Nettoyeur de médias plugin peut aider, mais exécutez toujours une sauvegarde complète en premier.

https://wordpress.org/plugins/media-cleaner/#description

Tailles d'image personnalisées à utiliser dans le contenu de la publication

Par défaut, les tailles d'image personnalisées n'apparaîtront pas dans la liste déroulante lors de l'insertion d'une image dans une publication. La seule chose que vous y verrez est Miniature, Moyenne, Grande et Pleine taille (selon la taille de l'image d'origine, car elle ne sera pas mise à l'échelle).

Si vous souhaitez que votre taille personnalisée figure également sur la liste, nous aurons besoin d'un peu plus de code. Encore une fois, ajoutez à votre fonctions.php déposer:

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

Cela fonctionne en filtrant la liste de sélection de médias. Nous fusionnons le tableau de la liste des tailles d'origine avec toutes les nouvelles tailles que nous voulons également énumérer. Remplacez 'my-thumbnail' et 'My Thumbnail Size' par votre taille personnalisée et le nom convivial lisible sous lequel vous souhaitez qu'il soit répertorié.

Les images en vedette sont une image unique associée à une publication, mais pas nécessairement insérée dans le contenu de la publication. Ils sont souvent utilisés par des thèmes dans l'en-tête, sur la page d'accueil ou dans la barre latérale. Cependant, en termes de dimensionnement des images, elles ne sont pas traitées différemment des images normales.

Pour chaque taille que vous avez définie, toute image téléchargée sera dupliquée et redimensionnée, y compris l'image en vedette.

comment faire une capture d'écran sans qu'ils le sachent

Si vous ne voyez pas l'option de Définir l'image en vedette sur votre écran d'édition de publication, il est possible que votre thème ne prenne pas en charge la fonctionnalité. Vous pouvez forcer le support en ajoutant la ligne suivante à votre thème fonctions.php fichier, mais je suggère fortement de trouver un nouveau thème à la place.

Le manque de prise en charge de quelque chose d'aussi basique que les images présentées serait révélateur d'un code obsolète ailleurs.

add_theme_support('post-thumbnails');

Pour utiliser l'image en vedette dans votre propre thème ou plugins, utilisez the_post_thumbnail() fonction pour afficher la balise d'image :

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

La fonction prend 2 paramètres : la taille nommée que vous recherchez (dans ce cas 'my-thumbnail'), et tous les attributs que vous souhaitez transmettre, comme une classe CSS personnalisée.

Si vous préférez simplement obtenir l'URL réelle de l'image sélectionnée plutôt que le code HTML requis, essayez plutôt ceci (obtenez la taille d'image moyenne dans cet exemple) :

comment désactiver les arnaques probables sur iphone
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

Régénérer les images miniatures WordPress

Chaque fois que vous modifiez les dimensions de votre image par défaut ou créez une taille d'image personnalisée, cela ne s'appliquera qu'à Nouveau téléchargements. Toutes vos images existantes restent dans les dimensions d'origine.

Si vous souhaitez redimensionner des images précédemment téléchargées, vous aurez besoin d'un plugin. AJAX Miniature Reconstruire vous permet de sélectionner les tailles à régénérer et parcourira lentement votre archive.

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

Il y a cependant des limites et des pièges que vous devez connaître.

Bien que les images présentées puissent être redimensionnées automatiquement, aucun plugin ne peut réécrire le contenu des publications. Par exemple, si vous avez ajouté une image à une publication au grand taille (qui peut-être 500px à l'époque), en changeant la définition de grand ne changera pas la taille de l'image dans la publication. Il restera à 500px à moins que vous ne modifiiez le message et réinsériez la même image à la nouvelle taille.

Comme mentionné, si vous avez beaucoup de tailles d'images, vous allez générer beaucoup d'images. Heureusement, le Thumbnail Rebuild vous permet de limiter cela à seulement les images en vedette . Mais encore une fois, rappelez-vous que cela ne s'applique qu'à votre image précédente. Tous les futurs téléchargements d'images seront gérés par WordPress, ce qui signifie que toutes les tailles d'images seront créées pour tout.

Ce serait maintenant le bon moment pour apprendre aussi le différence entre JPG et PNG afin que vous sachiez utiliser le format optimal à l'avenir.

Faites passer votre site WordPress au niveau supérieur

Envie de peaufiner votre thème WordPress ? L'utilisation des images, des couleurs et du positionnement des éléments par votre thème est principalement définie par CSS et HTML, nous vous recommandons donc de consulter ces didacticiels pas à pas pour apprendre CSS et HTML .

Et si les thèmes vous intéressent, jetez un œil à ces thèmes WordPress sympas pour un portfolio de photographies.

Votre site WordPress plante trop souvent ? Payez-vous trop cher ? Passez à un service d'hébergement bien connu comme InMotion Hosting (réduction spéciale MakeUseOf avec ce lien ) ou Bluehost (remise spéciale MakeUseOf avec ce lien ).

Partager Partager Tweeter E-mail Voici pourquoi le FBI a émis un avertissement pour Hive Ransomware

Le FBI a émis un avertissement concernant une souche particulièrement désagréable de ransomware. Voici pourquoi vous devez vous méfier particulièrement du ransomware Hive.

Lire la suite Rubriques connexes
  • La programmation
  • Wordpress
A propos de l'auteur James Bruce(707 articles publiés)

James a un BSc en Intelligence Artificielle et est certifié CompTIA A+ et Network+. Lorsqu'il n'est pas occupé en tant qu'éditeur de critiques de matériel, il aime les jeux LEGO, la réalité virtuelle et les jeux de société. Avant de rejoindre MakeUseOf, il était technicien en éclairage, professeur d'anglais et ingénieur en centre de données.

Plus de James Bruce

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner