WordPress a une vignette de publication de fonctionnalit\u00e9 int\u00e9gr\u00e9e, \u00e9galement appel\u00e9e image en vedette. Chaque fois qu’une nouvelle image est t\u00e9l\u00e9charg\u00e9e sur WordPress via le t\u00e9l\u00e9chargeur de m\u00e9dias, 3 types d’images de diff\u00e9rentes tailles sont cr\u00e9\u00e9s.<\/p>\n
L’administrateur peut enregistrer 3 tailles d’images \u00e0 partir de la page Param\u00e8tres-> M\u00e9dia<\/strong>.<\/p>\n Comme le montre la capture d’\u00e9cran, la taille des vignettes, la taille moyenne et la grande taille sont enregistr\u00e9es. Lorsque nous t\u00e9l\u00e9chargeons une nouvelle image, 3 images avec les dimensions sp\u00e9cifi\u00e9es ci-dessus sont cr\u00e9\u00e9es proportionnellement. Si nous s\u00e9lectionnons l’option "Rogner la vignette aux dimensions exactes (normalement les vignettes sont proportionnelles)" sous "Taille de la vignette", alors l’image sera un recadrage dur \u00e0 la taille sp\u00e9cifi\u00e9e.<\/p>\n Tout sur les 3 tailles d’image par d\u00e9faut que WordPress nous permet \u00e0 partir des param\u00e8tres de m\u00e9dias. Que se passe-t-il si nous devons enregistrer une taille suppl\u00e9mentaire pour l’image t\u00e9l\u00e9charg\u00e9e\u00a0? Il existe des cas o\u00f9 nous devons afficher les images avec la largeur et la hauteur exactes.<\/p>\n Eh bien, nous pouvons le faire avec quelques lignes de code.<\/p>\n WordPress fournit une fonction Pour utiliser cette m\u00e9thode, nous devons ajouter la prise en charge des vignettes de publication. Placez le code ci-dessous dans le Si nous passons le quatri\u00e8me param\u00e8tre comme vrai alors l’image sera un recadrage dur. Si nous passons false alors l’image sera recadr\u00e9e proportionnellement.<\/p>\n L’exemple de code serait le suivant.<\/p>\n Assurez-vous que vous n’utilisez pas de noms r\u00e9serv\u00e9s dans la fonction ci-dessus. Les noms r\u00e9serv\u00e9s sont ‘thumb’, ‘thumbnail’, ‘medium’, ‘large’, ‘post-thumbnail’.<\/p>\n Notre code final est donc le suivant.<\/p>\n Une fois que vous avez ajout\u00e9 le code ci-dessus dans votre functions.php, chaque nouvelle image t\u00e9l\u00e9charg\u00e9e via le t\u00e9l\u00e9chargeur multim\u00e9dia cr\u00e9era 2 vignettes suppl\u00e9mentaires avec les tailles ci-dessus.<\/p>\n Nous avons ajout\u00e9 du code pour des tailles d’image suppl\u00e9mentaires. Maintenant, pour afficher ces images, vous pouvez utiliser le code ci-dessous.<\/p>\n Le code ci-dessus doit utiliser \u00e0 l’int\u00e9rieur de la boucle de publication. Si vous souhaitez l’utiliser en dehors de la boucle alors le code sera :<\/p>\n Apr\u00e8s avoir activ\u00e9 le plugin, allez dans Tools->Regen. Vignettes<\/strong>. Cliquez sur le bouton R\u00e9g\u00e9n\u00e9rer toutes les vignettes.<\/p>\n Vous pouvez \u00e9galement r\u00e9g\u00e9n\u00e9rer la vignette pour l’image sp\u00e9cifi\u00e9e. Vous trouverez ci-dessous les \u00e9tapes \u00e0 suivre.<\/p>\n Nous esp\u00e9rons que vous comprendrez comment enregistrer des tailles d’images personnalis\u00e9es et redimensionner les images existantes. Si vous avez des questions ou des suggestions, veuillez laisser un commentaire ci-dessous.<\/p>\nTaille de vignette par d\u00e9faut<\/h3>\n
Enregistrer une nouvelle taille d’image pour les vignettes<\/h3>\n
add_image_size()<\/code>qui permet d’enregistrer la nouvelle taille post_thumbnail.<\/p>\nfunctions.php<\/code>fichier.<\/p>\nadd_theme_support( 'post-thumbnails' );<\/code><\/pre>\nadd_image_size()<\/code> la m\u00e9thode a 4 param\u00e8tres comme ceci: add_image_size(‘name-of-size’, width, height, crop mode );<\/p>\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\nadd_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\nComment l’utiliser?<\/h3>\n
<?php the_post_thumbnail( 'your-specified-image-size-name' ); ?><\/code><\/pre>\n<?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?><\/code><\/pre>\nPourquoi utiliser R\u00e9g\u00e9n\u00e9rer les vignettes\u00a0?<\/h3>\n
add_image_size()<\/code>La fonction enregistre de nouvelles tailles de vignettes pour les nouvelles images, pas pour les anciennes images d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9es dans un syst\u00e8me. Pour convertir d’anciennes images, installez le plugin Regenerate Thumbnails<\/a> et activez-le.<\/p>\n\n
Articles Li\u00e9s<\/h4>\n