Avec la dernière version de WordPress 9.2 + à partir, nous avons introduit une nouvelle fonctionnalité très utile pour gérer les vignettes, ou miniatures. Cette fonctionnalité, cependant, doit être activée dans le thème, à savoir, agissant sur le fichier functions.php . Cette nouvelle fonctionnalité est utile dans de nombreux contextes et fournit un outil simple et pratique à la fois pour le développeur d'un site web en utilisant WordPress est le client final qui sera alors de gérer le contenu.
Dans les versions antérieures de WordPress à 2,9, en fait, de nombreux développeurs ont utilisé les champs personnalisés (champs personnalisés) pour fournir aux clients la possibilité d'ajouter une image - externe - au poste. Solution du point de vue que si le développeur n'a pas été particulièrement lourde, rendeve encore la modification du poste assez gênant, surtout si l'on considère que, souvent, il est le client final pour traiter le contenu. D'autres solutions pourrait être d'utiliser ces plugins déjà réalisés, ou écrire un ad-hoc. Avec la version 9.2 +, cependant, vous pouvez activer la gestion "miniatures" avec quelques lignes de code, se trouvant dans le backend tout déjà fait, ce qui rend le processus d'insertion du poste vraiment plus à l'aise et clair.
Activez les nouvelles fonctions, les post-miniatures
Pour activer la gestion de «l'article Vignette" backend est tout simplement modifier le fichier functions.php et ajoutez la ligne de code suivante:
1 | ) ; add_theme_support (post-miniatures »); |
Ou, mieux encore, en vue de compatibilià et de la stabilité:
1 2 3 | function_exists ( 'add_theme_support' ) ) { si ( function_exists ("add_theme_support ')) { ) ; add_theme_support (post-miniatures »); } |
Sans cela, aller et venir à changer dans l'administration d'un poste, nous allons trouver un nouveau panneau dans la barre latérale à droite:

En cliquant sur "Set Thumbnail" ouvre le panneau classique déjà utilisé pour joindre des images et des médias. Lorsque nous avons choisi notre image, l'insérer lorsque nous avons le nouveau "Utilisez-le comme une miniature":

L'activation peut également être contrôlée en utilisant les meilleures:
1 2 3 4 |
Vous pouvez également choisir la taille de cette «miniature», entraîné, en plus de travailler dans le nouvel éditeur d'images mises à la disposition de WordPress:
1 2 | / / 50 pixels de large par 50 pixels de haut, le mode de redimensionnement boîte , 50 ) ; set_post_thumbnail_size (50, 50); |
Utilisez la vignette
À ce stade, tout ce qui reste est d'utiliser la vignette dans notre modèle:
1 | the_post_thumbnail (); |
Suite à la norme WordPress est également disponible sans echo :
1 | get_the_post_thumbnail (); |
Il est également possible de passer une série de paramètres à cette fonction, ce qui rend très polyvalent, comme:
1 2 3 4 5 6 | / / Afficher la vignette ) ; the_post_thumbnail ("vignette"); / / La version de moyen ) ; the_post_thumbnail («moyen»); / / La version Grand ) ; the_post_thumbnail ('grand'); |
, cosa comodissima all'interno di “loop” personalizzati: Vous pouvez également définir d'autres paramètres comme attributs de la balise img alt et title , ce qui est pratique en «boucle» sur mesure:
1 |
Aussi pour "retrocompatibilià« une bonne mise en œuvre de cette nouvelle fonctionnalité pourrait être:
1 2 3 4 5 6 7 8 9 10 11 12 | function_exists ( 'has_post_thumbnail' ) ) && ( has_post_thumbnail ( ) ) ) { if (( function_exists ('has_post_thumbnail')) && (has_post_thumbnail ())) { / / Wordpress 9.2 + en utilisant la miniature the_post_thumbnail (); { Else {} / / Wordpress 2.8 et au-dessus - utiliser la technique du champ personnalisé / / Utilisation d'un champ personnalisé appelé "champ-vignette" ou la façon dont vous le voulez / / Contient l'URL d'une image get_post_meta ( $post -> ID , 'campo-thumbnail' , true ) ; Postimage get_post_meta = $ ($ post -> ID, 'le terrain miniature', true); $postimage ) { si ($ Postimage) { . $postimage . '" alt="" />' ; echo '<img src="'. $postimage.'" alt="" />'; } } |
Notes complémentaires et des exemples
Cette fonctionnalité est très utile et a été introduit d'une manière globale. Je vous suggère de toujours voir le fonctionnaire mis à la documentation WordPress détaillant l'intégralité de toutes les fonctions et leurs paramètres. Comme autre exemple, nous montrons comment mettre en place une vignette de 64 × 64 pixels avec une récolte de matériel et d'utiliser la même image dans chaque poste en modifiant les paramètres de la largeur (par exemple 512) et la hauteur (infini insertion 9999):
1 2 3 4 | / / Dans functions.php fichier ) ; add_theme_support (post-miniatures »); , 64 , true ) ; set_post_thumbnail_size (64, 64, true); , 512 , 9999 ) ; add_image_size ('single-post-vignette ", 512, 9999); |
Sur la page d'accueil, par exemple, nous allons utiliser:
1 | the_post_thumbnail (); |
Dans le fichier single.php utilisant:
1 | ) ; the_post_thumbnail ('single-post-vignette "); |










[...] WordPress 2.9 +: nouvelle fonctionnalité de vignettes après je l'ai expliqué comment utiliser les nouvelles fonctionnalités de gestion des vignettes, des vignettes, [...]
mais quelle est la différence entre ces 2 lignes? qui génère des résultats?
Sur la page d'accueil, par exemple, nous allons utiliser:
Dans le fichier single.php à l'aide:
@ Joseph: le premier affiche une vignette à la taille par défaut, celles établies par:
le second est utilisé pour définir une miniature de notre personnel avec des dimensions différentes, par exemple:
2
thumbnail ' ); the_post_thumbnail (I - vignette ");
De cette façon, nous pouvons avoir autre onglet en fonction de nos besoins, et les pages de différents contextes. Tout à coup réalisé par réglage de la "miniature".
[...] Les nouvelles fonctionnalités de WordPress, miniatures introduites avec la version 2.9 et discuté dans WordPress 2.9 +: nouvelles vignettes postales métrages, peut être automatisée en utilisant un simple script PHP. Cela peut être pratique lorsque [...]
Bonjour à tous,
comment puis-je changer le nom (étiquette) dans l'administration de la vignette. Au lieu de "image de preuve», bien sûr en italien.
Actuellement, j'ai commencé à utiliser wordpress 3.0 avec le plugin "vignettes postales multiples."
@ Emmanuel: je ne comprends pas ce que vous entendez, vouliez-vous dire à "Set Thumbnail"? Vous pouvez essayer d'utiliser le filtre:
2
3
4
5
6
/ / $ Contenu est dans la sortie montré dans le backend
/ / "Set Thumbnail"
}
, 'custom_admin_post_thumbnail_html' ) ; add_filter («admin_post_thumbnail_html», «custom_admin_post_thumbnail_html ');
Si j'ai mal compris la question riptoponi. Salutations
@ Giovambattista Fazioli:

Je veux dire l'étiquette du champ où il est dit vignettes "image de preuve"
Je serais intéressé par les faits aussi changer le lien interne "image de preuve Set", dans la pratique, comme vous le savez est le lien qui vous permet de télécharger la bibliothèque d'images
Pendant ce temps, merci beaucoup
@ Emmanuel:
Oups désolé, je suis en utilisant wordpress 3.0 comme la traduction italienne de l'étiquette a juste "image de preuve», tandis que le premier était (comme dans votre tutoriel) "Vignette article".
@ Emmanuel: Ok, maintenant clair pour moi. Il suffit d'entrer ce code dans le fichier
functions.phpdu thème actif que vous utilisez:2
3
4
5
, 'post' , 'side' ) ; remove_meta_box ('postimagediv', 'post', 'côté');
, 'Quello che vuoi' , 'post_thumbnail_meta_box' , 'post' , 'side' , 'low' ) ; add_meta_box ('postimagediv »,« Qu'est-ce que vous voulez »,« post_thumbnail_meta_box', 'post', 'côté »,« faible »);
}
, 'customposttype_image_box' ) ; add_action («do_meta_boxes», «customposttype_image_box ');
Remplace, en utilisant éventuellement les paramètres régionaux, la chaîne
excusez le jeu de «textes». J'espère que vous allez aider.
Quello che vuoivoulez avec cette cheeMerci pour ce post!
Merci pour les éclaircissements sur l'utilisation de la nouvelle fonction, qui jusque-là était resté obscur pour moi!
Une question: est-il un moyen - ou plug-in - de créer automatiquement une grille de "pouces", laissant entendre l'article d'appartenance?
(Toute aide est appréciée)
@ Doz: bien sûr! Tout ce que vous pouvez le faire sans un plugin. Il suffit de créer une fonction dans le
functions.phpcomme ceci:2
3
4
5
6
7
8
9
10
; global $ après;
new WP_Query ( 'category_name=blog&showposts=10' ) ; $ De ThumbnailsPosts WP_Query = new ('category_name = blog et showposts = 10');
'' ; O $ ='';
$thumbnailsPosts -> have_posts ( ) ) { while ($ thumbnailsPosts -> have_posts ()) {
the_post ( ) ; $ ThumbnailsPosts - the_post> ();
'<a href="' . get_permalink ( ) . '" $ O. = '<A href = "'. Get_permalink ()."
}
; echo $ o;
}
Sans cela, le fichier de thème
index.phppar exemple, vous pouvez appeler cette fonction, en ajoutant le point que vous jugez bon:. Dans la fonction
creaGriglia()ci-dessus, j'ai extrait les 10 premiers postes de la catégorieblog. En changeant les paramètres de la requête et le code HTML, vous pouvez facilement en créer un que vous avez demandé. Ci-dessus, vous voyez, j'ai mis les "thumbnail" images côte à côte. En insérant le «tagging» le format de sortie approprié vous comme bon vous semble. J'espère que cela aide.@ Giovambattista Fazioli:
Heila, que la vitesse, ce qui disponbiiità!
Juste un instant, j'essaie votre code, merci beaucoup!
BONJOUR
Je teste le code depuis la sortie de 2.9 et le disque dur de cadrage ne fonctionne pas mica.Su ce point de vue timthumb fonctionne beaucoup mieux si elle n'était pas que l'image de sortie est d'une qualité nettement inférieure à l'entrée.
J'ai mis une vignette de culture 60x60px avec dur, j'ai chargé une image 600x300px culture n'est pas difficile, mais la fonction ne veulent pas travailler ... des idées?
bonjour .. et peu-je utiliser le code de WordPress et le comprendre inférieur à zéro .. Mon probema et .. J'ai posté sur la page d'accueil les images de taille 320 x 320 pour obtenir le code de imageshak .... et en la comparant avec la totalité du billet que l'image de faux en étant trop large et ainsi de l'ordre de 10 messages par page C'est long ... maintenant j'ai cherché sur le web, mais n'ont pas trouvé la solution que je cherchais ... ou demander à ce que les images peuvent être réduire la taille de l'exemple 100 x 100? en gardant à l'esprit qui a déjà utilisé en savoir plus page qui met en évidence l'image naturelle de 320 x 320 .... maintenant avoir eu l'expérience avec ce modèle blogger dans votre code a été le montage des images sur la page d'accueil .. wordpress peut avoir la même fonction ou devrait opter pour une autre solution? .. merci à ceux qui sauront donner des conseils utiles sur la façon de procéder ... Sandro
[...] Suivi ce tutoriel et ça marche http://www.undolog.com/2010/04/09/wordpress-2-9-la-nuova-funzione-post-thumbnails/ mais les images (des mêmes articles ) Je vais entrer sous forme de vignettes sont [...]
. Bonjour félicitations pour le blog, j'ai une question, j'ai une galerie qui charge les images à partir des champs personnalisés de postes, en théorie, j'ai créé une variable nommée
$BG_imageavec le lien vers le type d'imagehttp://www.miosito7immagine/foto.jpg.Comment puis-je mettre en place le lien dans la preuve photographique, si cette transformation
dans
Je ne suis pas un expert en PHP que vous avez déjà vu ...
@ Gianluca: pourriez-vous expliquer le problème mieux, je ne comprends pas ce que tu as.
maintenant je comprends que je ne dois pas mettre les signes d'ouverture et de fermeture php, je m'excuse
Non ... je vais .. ce qui est faux?
J'utilise un thème qui a le timthumb.php mais cela ne fonctionne pas parce que j'ai installé WPMU.
Dans
functions.php2
3
, 64 , true ) ; set_post_thumbnail_size (64, 64, true);
, 512 , 9999 ) ; add_image_size ('single-post-vignette ", 512, 9999);
(subito dopo get_header) perchè index mi da
Templatepath. '/front.php'Dansindex.phpetfront.php(après get_header) car elle me donne l'indiceTemplatepath. '/front.php'Templatepath. '/front.php'Et dans
single.php(après get_header)cela est fait, les choses ne changent pas
Bonjour Je ne peux pas changer la taille de l'tumb. dans le fichier
function.phpj'écris ces lignes:mais ne change pas de taille.
Que dois-je faire?
merci
paul
@ Paul: Je ne travaille pas parce que les vignettes que vous avez déjà créés. Vous devez supprimer le fichier et le recharger pour l'amener à être donnée le nouveau réglage. La miniature, en fait, ne sont pas générés de l'exécution lorsque la fonction est appelée, mais lorsque vous créez la première fois dans le backend, si vous pensez que WordPress serait de recréer "la mouche" toutes les vignettes pour un site de 2000 articles ...
Ce réglage, nous disons, n'est pas rétroactive!
Un bonjour à tous.
J'ai testé la fonction
creaGriglia()décrite ci-dessus, mais je ne travaille pas.Je souhaite que chaque clic sur une catégorie je sors du pouce par rapport à la même catégorie, ou peut-être par le biais
add_image_sizecréer une nouvelle dimension et le mettre dans un jquery belle galerie.Je pourrais faire une requête directe à la base de données, je vois où ils sont insérés, mais il y aura un moyen plus facile ...!
Merci d'avance!
@ Federico: je ne pouvais pas travailler pour diverses raisons, par exemple, vous n'avez pas réglé la vignette, ou n'a pas un blog catégorie ... exactement ce qui vous arrive? Obtenez une message d'erreur?
Je demande pardon ... Je n'ai pas un blog catégorie ...!
Maintenant, il fonctionne parfaitement, l'intégration personalizzerò une galerie, je devrais être capable de voir comment il est possible d'intervenir dans la fonction.
Je vous remercie et je renouvelle mes excuses.
Bonjour,
merci pour votre guide vraiment utiles. Je voulais vous demander est-il un moyen pour ajuster automatiquement la nouvelle option pour le post précédent, où les vignettes sont gestitie via des champs personnalisés ou puis-je ajouter manuellement les miniatures pour tous les postes anciens? J'espère que vous pourrez m'aider, merci d'avance tous les
Tiziana
@ Tiziana: Vous pouvez faire les deux. Comme mentionné dans l'article ci-dessus, si vous utilisez un code comme ceci:
2
3
4
5
6
7
8
9
10
11
12
/ / Wordpress 9.2 + en utilisant la miniature
the_post_thumbnail ();
{ Else {}
/ / Wordpress 2.8 et au-dessus - utiliser la technique du champ personnalisé
/ / Utilisation d'un champ personnalisé appelé "champ-vignette" ou en tant que
/ / Vous voulez que contient l'URL d'une image
get_post_meta ( $post -> ID , 'campo-thumbnail' , true ) ; Postimage get_post_meta = $ ($ post -> ID, 'le terrain miniature', true);
$postimage ) { si ($ Postimage) {
. $postimage . '" alt="" />' ; echo '<img src="'. $postimage.'" alt="" />';
}
}
Vous pouvez voir les vignettes des produits nouveaux et, si oui, supprimer l'adresse de l'image post-meta de vieux articles, ceux que nous avons utilisés une balise meta.
Vous pouvez aussi présenter une nouvelle demande à tous les nouveaux articles de fond, lisez Comment régler les vignettes automatiques de tous les messages
Bonjour,
Mais ce code je l'ai indiqué met automatiquement dans la vignette de la page d'accueil pour l'ancien poste avec des champs personnalisés qui ont? Merci
Bonjour, je résolus de faire comme écrit dans le lien que vous avez fourni. Merci
Bonjour que ledit
. J'ai inséré le code que je l'ai déjà mentionné sur d'autres blogs, mais il ne reconnaît pas les miniatures anciennes (géré par des champs personnalisés). Comment puis-je résoudre ce problème? J'espère que vous pourrez m'aider, merci
Tiziana
Bonjour et félicitations pour la grande poste
Alors que nous sommes sur le sujet que je voulais vous demander quelque chose, je suis en utilisant les "Messages Catégorie" plugin qui vous permet d'ajouter un widget avec les messages que nous voulons pour chaque catégorie, en indiquant également le pouce de cours lié à l'article pour chaque classe.
Les inserts plug-in de la vignette par défaut après le nom du poste, mais je voudrais au début, puis le nom du poste. Comment pouvais-je faire?
Bonjour,
félicitations pour le blog.
J'étais capable de déclencher l'affichage des vignettes en fonction de vos instructions, même si je les afficher dans le poste en dépit
function.phpa inséré la ligne:Comment puis-je éviter de contracter le pouce à l'intérieur du poste?
Merci
Alfredo
@ Alfredo: une cause possible pourrait être que quelque chose a déclenché les vignettes sur le poste, comme la ligne de code que vous avez fournie est correcte. Pour tester, vous pouvez placer avant
add_theme_support:Permettez-moi savoir si ça fonctionne? Je suis en attendant, je enquêter.
Ok, tout fonctionne. Merci à la «disponibilité d'entrer en pratique:
2
3
4
5
6
7
8
9
10
11
12
/ / Wordpress 9.2 + en utilisant la miniature
the_post_thumbnail ();
{ Else {}
/ / Wordpress 2.8 et au-dessus - utiliser la technique du champ personnalisé
/ / Utilisation d'un champ personnalisé appelé "champ-vignette" ou la façon dont vous le voulez
/ / Contient l'URL d'une image
get_post_meta ( $post -> ID , 'campo-thumbnail' , true ) ; Postimage get_post_meta = $ ($ post -> ID, 'le terrain miniature', true);
$postimage ) { si ($ Postimage) {
; echo'';
}
}
Je l'ai mis à niveau plus «thèmes de page. Maintenant, je vous demander quelque chose.
J'ai besoin de mettre l'image chargée
the_post_thumbnail();sur une div, de mettre le texte ci-dessus.J'ai donc besoin de ne faire que "src", puis passer à la CSS.
Merci
@ Jgor: vous pouvez faire de diverses manières. Pour obtenir le code (et non pas la sortie), vous pouvez utiliser
get_the_post_thumbnail(). Cette fonction, cependant, vous redonne tout le balisage HTML.Dans cette fonction, cependant, pour plus d'informations, le filtre est lié
post_thumbnail_html.che vuole come parametro l'ID del thumbanail. Si vous souhaitez obtenir juste l'url d'image, de sorte à être inclus dans l'attribut
src, vous pouvez utiliserwp_get_attachment_thumb_url()qui prend comme paramètre l'ID de thumbanail. Celui-ci passer à traversget_post_thumbnail_id(), comme un paramètre qui prend l'ID de la poste.@ Giovambattista Fazioli:
Je vous remercie! ^ _ ^
félicitations pour le travail accompli. Avez-vous compté une place dans mon lecteur rss-^ _ ^
Bonjour, J'utilise WP 3.2.1 installé avec le Costelo thème. mon problème "que je ne peux pas supprimer des images miniatures, les miniatures de toute façon ... quand je vais à cliquer sur le lien" supprimer l'image, à «... j'ai lu le lien et en cliquant sur action = edit # rien ne se passe ... même problème en essayant de changer le statut de visibilité »et d'autres petites choses, mais« je peux changer en éditant plus vite ... je reste bref, le problème de la suppression des vignettes ... commande Wich 'dois-je utiliser pour supprimer la vignette (le lien que je vois Déplacez votre souris au-dessus de "supprimer l'image"? je dois aller dans ce fichier pour restaurer le bon code?
Gazie
Bonjour, je aimablement besoin de savoir si ces chaînes sont utilisés pour déclencher l'affichage des vignettes dans le poste, je ne comprends rien de cette langue mais j'ai vu que le
add_theme_support('post-thumbnails');est présent dans mon essai, dans Si votre service de les placer exactement où je suis censé extraits? pouvez vous me donner un coup de main?merci
@ Simon: la fonction ajoute spécifié par vous (ou de compétence, si vous préférez) la possibilité de définir la vignette pour chaque poste, mais par lui-même n'affiche rien. Si je comprends bien:
pour ce faire il ya généralement trois façons:
1) Utiliser un thème qui permet déjà
2) Installer un plugin
3) agir manuellement
Hors le premier, vous pouvez résoudre par lui-même, si je voulais pour afficher automatiquement les vignettes (si présent) dans un message il suffit d'ajouter ces lignes de code à votre fichier
functions.phpdans le dossier de votre thème actif:2
3
4
5
6
7
8
9
10
11
12
; global $ après;
$content ; Contenu Original_content $ = $;
current_theme_supports ( 'post-thumbnails' ) ) { if (current_theme_supports («post-miniatures ')) {
the_post_thumbnail ( ) ; $ Contenu the_post_thumbnail = ();
$original_content ; $ Contenu = $ Original_content.;
}
; return $ contenu;
}
, 'showThumbnail' ) ; add_filter («the_content», «showThumbnail ');
Code de comme celle-ci se trouve en ligne un grand nombre, en fonction de vos besoins. Je vois que vous, j'ai créé un simple que possible pour les garder droites. Je comprends que si vous n'êtes pas un «technique» l'expérience peut être frustrant et fatigant, de mieux qu'un thème ou prefatto l'utilisation d'un plugin. Espérons que l'aide ...
@ Vito :: le lien est correct, depuis la suppression de la vignette est via JavaScript, voici un exemple:
Probablement, ce que je comprends, votre problème est un dysfonctionnement de la question, quelque chose de dur à s'installer ici ...
@ Giovambattista Fazioli ::
Merci!
)))
très très gentil ... Je vais essayer ... Je ne travaille pas plus que tout
Passez une bonne journée.
[...] Vous permet d'associer une vignette pour un poste, la page personnalisée ou par la poste. Si l'image entière est facile à extraire à partir du code, grâce [...]
Félicitations!
Guide très intéressant.
Conseil si vous souhaitez restaurer tous les pouces Le plugin Miniatures Régénérer
Salut, je voulais vous demander comment vous pouvez aider:
en post J'ai téléchargé une galerie de 50 images, par exemple, puis la file d'attente seront affichées à l'article 50 miniatures 100 × 100. Je voudrais comprendre comment afficher seulement 5 dans l'article et cliquez sur l'une de ces photos que j'ai trouvées sur la page 5, l'. Existant (attachment.php), avec la galerie complète de toutes les 50 images
Merci
Mais comment pouvez-vous créer le pouce et l'attacher à la poste à imamgine?
Salut, désolé pour ressusciter un vieux post, mais j'espère que vous pouvez me donner un coup de main. Comment puis-je, avec cette méthode, en utilisant des images chargées via un lien externe http://www.sito.it/image.jpg ?
Pour l'instant je ne peux que télécharger des images à partir de mon hébergement, mais je ne pèserait pas trop d'espace. Comment puis-je faire?
Merci d'avance
@ GM: Si vous téléchargez des images vers un autre serveur (que WordPress ne peut pas faire son) peut mettre en place un feuillet en sélectionnant l'URL source, comme indiqué dans ce message (début de l'article). De cette façon, WordPress va utiliser une adresse absolue pour faire face à cette miniature.
En outre, «vous perdez« toute réduction des effectifs de la même chose, vous avez à faire sur le serveur distant et / ou par l'intermédiaire du CSS.