Sélectionner une page


Lorsque vous configurez un nouveau site Web WordPress, la plate-forme vous propose trois tailles d’image avec lesquelles jouer: La vignette, moyen, et grande (plus la résolution d’origine du fichier). Cela vous donne un bon nombre d’options avec lesquelles travailler. Cependant, les miniatures en particulier peuvent être difficiles à utiliser car vous devez vous assurer qu’elles conviennent à tous les sujets et appareils.

Heureusement, changer la taille de la vignette de vos images dans WordPress ne prend qu’une minute ou deux. Pendant que vous y êtes, vous pouvez également ajouter de nouvelles tailles d’image par défaut à votre site Web pour encore plus de choix. Dans cet article, nous allons vous montrer comment faire les deux. Alors mettons-nous au travail!

Abonnez-vous à notre chaîne YouTube

Comment changer la taille de votre vignette dans WordPress

Le redimensionnement des vignettes dans WordPress est remarquablement facile. Voici les étapes à suivre, que nous aborderons dans un instant:

  1. Accédez à votre tableau de bord WordPress.
  2. Aller vers Paramètres> Médias Languette.
  3. rechercher Tailles d’image> taille de la vignette Section.
  4. Modifiez la largeur et la hauteur par défaut de vos vignettes en pixels.

C’est à peu près tout. Regardons ça de plus près Tailles d’image> vue miniature Section cependant:

La section Tailles d'image> Vue miniature. » largeur = »772″ hauteur = »277″ srcset = »https://www.elegantthemes.com/blog/wp-content/uploads/2019/05/media-settings.png 772w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/05 /media-settings-300×108.png 300w, https://www.elegantthemes.com/blog/wp-content/uploads/2019/05/media-settings-768×276.png 768w, https://www.elegantthemes.com /blog/wp-content/uploads/2019/05/media-settings-610×219.png 610w » tailles = »(largeur maximale: 772px) 100vw, 772px »/></p>
<p>Comme vous pouvez le voir, les tailles de vignettes standard donnent une image carrée proportionnelle.  Avec 150 × 150 pixels, vous devez tenir compte des éléments suivants:</p>
<p><img loading=

Utilisé cette image Qu’est-ce qu’un « récolte dure » appelécomme nous avons activé le paramètre Recadrer la vignette aux dimensions exactes. Cela signifie que WordPress utilisera la taille de vignette que vous avez définie, la zone avec l’image que vous utilisez « remplit » et omettez le reste de l’image. UNE « coupe douce » D’autre part, le redimensionnement est l’endroit où vos images rétrécissent tout en conservant leurs proportions.

Tout d’abord, choisissez votre nouvelle taille de vignette par défaut. N’oubliez pas d’enregistrer les modifications apportées à vos paramètres.

Une fois que vous avez défini une nouvelle taille de vignette par défaut, WordPress l’utilisera pour toutes les images que vous téléchargez à partir de ce moment. Mais que se passe-t-il si vous disposez déjà d’une grande bibliothèque multimédia utilisant différentes tailles de vignettes?

Au lieu de télécharger à nouveau ces images, vous pouvez simplement les redimensionner. Le meilleur outil pour ce travail est le plugin AJAX Thumbnail Rebuild::

Le plugin AJAX Thumbnail Rebuild.

Ce plugin prend toutes les vignettes existantes et change la taille une par une. Cela fonctionne également avec les autres tailles d’image utilisées par WordPress, telles que moyen, Grande, etc. Cela dit, vous pouvez toujours l’utiliser si vous modifiez l’une de ces dimensions standard (que nous vous montrerons plus tard).

Installez et activez d’abord le plugin. Une fois que vous faites cela, passez à Paramètres> Recréer la vignette Cliquez sur l’onglet, sélectionnez les images que vous souhaitez redimensionner, puis cliquez sur Recréez toutes les miniatures Bouton:

Vignettes WordPress.

Le processus peut prendre un certain temps en fonction du nombre d’images dans votre bibliothèque multimédia. Alors soyez patient et ne fermez pas l’onglet tant que vous ne voyez pas cela Fait Le message s’affiche.

Pourquoi vous pourriez avoir besoin de changer la taille de votre vignette WordPress

À ce stade, nous avons déjà que Comment En ce qui concerne le redimensionnement de vos miniatures, nous n’avons pas encore couvert cela Pourquoi encore. La taille de vignette par défaut de WordPress de 150 × 150 pixels peut bien fonctionner pour certains utilisateurs, mais pour lesquels une seule résolution d’image ne convient pas tout Types de dessins.

Vous voudrez peut-être des miniatures plus grandes et plus détaillées, par exemple. Ceci est particulièrement pertinent si vous exploitez une boutique en ligne. Ou vous voudrez peut-être utiliser une forme plus rectangulaire, surtout quand il s’agit de cela images en vedette pour un blog ou un site d’actualités.

Chaque fois que vous redéfinissez votre site Web ou essayez un nouveau thème, assurez-vous de tester les tailles d’image pendant un certain temps également afin de voir ce qui fonctionne le mieux avec le nouveau style. De plus, le processus est si simple qu’il ne devrait pas vous prendre quelques minutes et qu’il n’affectera pas votre bibliothèque multimédia existante à moins que vous n’installiez le plug-in supplémentaire présenté ci-dessus.

Et si vous souhaitez ajouter des tailles d’image personnalisées à WordPress?

Chaque fois que vous téléchargez une image sur WordPress, la plate-forme fonctionne comme par magie en arrière-plan pour redimensionner l’image en plusieurs dimensions que vous pouvez utiliser. Comme mentionné précédemment, cela inclut les vignettes, les images moyennes et grandes. Avoir plusieurs tailles de la même image peut vous faciliter la vie en choisissant l’option qui correspond le mieux à vos besoins.

Vous pouvez modifier ces tailles d’image par défaut en suivant la procédure ci-dessus. Cependant, vous pouvez également ajouter de nouvelles tailles standard à votre site. Cela peut être une option très utile. Vous pouvez définir des tailles spécifiques pour tous les différents types d’images sur votre site Web et ne pas avoir à redimensionner manuellement chaque nouvelle image.

Pour ajouter de nouvelles tailles d’image par défaut à WordPress, vous devrez modifier votre thème functions.php Déposer. Cela signifie que vous souhaitez vous connecter à votre site Utilisation d’un client FTP (File Transfer Protocol) B. FileZilla, puis accédez au dossier racine de votre site.

Une fois que vous y êtes, ouvrez le wp-content / topics Répertoire et recherchez le dossier qui partage le nom de votre sujet:

Le répertoire wp-content / themes.

Tu devrais trouver ça functions.php Fichier dans ce dossier. Une fois que vous faites cela, faites un clic droit dessus et appuyez sur le bouton Voir la modification Possibilité. Cela ouvrira le fichier avec votre éditeur de texte local afin que vous puissiez y apporter des modifications:

Les fonctions.php.

Soyez très prudent lorsque vous modifiez votre thème functions.php Fichier et ne modifiez aucun des contenus existants. Au lieu de cela, vous souhaitez ajouter un nouvel extrait de code ci-dessous:

// This enables the function that lets you set new image sizes
add_theme_support( 'post-thumbnails' );
// These are the new image sizes we cooked up
add_image_size( 'post-image', 660 );
// Now we register the size so it appears as an option within the editor
add_filter( 'image_size_names_choose', 'my_custom_image_sizes' );
function my_custom_image_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'post-image' => __( 'Post Images' ),
    ) );
}

Les commentaires dans ce code expliquent comment cela fonctionne très bien. Tout d’abord, il indique à WordPress que vous souhaitez ajouter de nouvelles tailles d’image à votre thème. Une nouvelle option par défaut est alors créée et enregistrée afin qu’elle apparaisse dans l’éditeur lors de sa prochaine ouverture.

Examinons de plus près la nouvelle norme que nous avons enregistrée:

add_image_size( 'post-image', 660 );

Lors de l’ajout de nouvelles tailles d’image personnalisées, vous pouvez définir à la fois une largeur et une hauteur. Dans notre exemple, nous ne définissons que la largeur, qui est toujours la première valeur. Cela signifie que WordPress redimensionnera les images à la largeur souhaitée et à une hauteur proportionnelle.

Si vous souhaitez également ajouter une hauteur spécifique, votre ligne ressemblera à ceci à la place:

add_image_size( 'post-image', 660, 480 );

N’hésitez pas à ajouter des tailles personnalisées, en utilisant une nouvelle ligne pour chacune. Enregistrez ensuite les modifications dans votre functions.php Fichier, et les nouvelles options devraient apparaître dans votre éditeur WordPress.

Conclusion

L’une des meilleures choses à propos de l’utilisation de WordPress est sa personnalisation. Il n’y a aucun aspect de la plate-forme – grand ou petit – que vous ne pouvez pas changer. Cela s’applique également à la taille de la vignette WordPress et aux diverses autres options d’image standard.

Si vous souhaitez modifier la taille de la vignette WordPress par défaut, vous pouvez effectuer quatre étapes rapides:

  1. Accédez à votre tableau de bord WordPress.
  2. Aller vers Paramètres> Médias Languette.
  3. rechercher Tailles d’image> taille de la vignette Section.
  4. Modifiez la largeur et la hauteur par défaut de vos vignettes en pixels.

Vous avez des questions sur les tailles d’image WordPress? Parlons-en dans la section commentaires ci-dessous!

Vignette de l’article de ConceptVectorDesign / shutterstock.com





Source link

Recent Posts