Comment créer des vignettes à l'aide du référentiel d'images intégré de WordPress

Comment créer des vignettes à l'aide du référentiel d'images intégré de WordPress ?

WordPress n'est pas seulement un blog, WordPress est souvent également utilisé comme CMS (système de gestion de contenu). Les blogueurs aiment ajouter des vignettes de taille uniforme à chaque article, notamment sur les plateformes d'information. les méthodes les plus courantes consistent à utiliser des champs personnalisés pour insérer des images dans des articles, à télécharger de petites images de la même taille ou à utiliser des outils tels que phpThumb pour générer des vignettes

Recommandé : "tutoriel WordPress<.>》

Depuis la version 2.7, WordPress a grandement amélioré ses fonctions multimédia, et de plus en plus de personnes utilisent l'entrepôt d'images intégré de WP. Pour ces utilisateurs, créer des vignettes n'est pas devenu si difficile, et téléchargement Lors du dessin d'une image, une petite image de taille 150x150 sera générée par défaut (si la hauteur/largeur de l'image est inférieure à 150px, la hauteur/largeur d'origine sera alors utilisée pleinement). et ajoutez cette image sous forme de vignette à la liste des articles. Traitez-la de cette façon. Chacun a ses avantages et ses inconvénients. L'avantage est que c'est simple et intelligent (vous n'avez pas besoin de saisir la vignette à chaque fois), mais l'inconvénient. c'est que cela consomme du trafic sur le serveur.

D'accord, ce que vous devez faire maintenant est d'extraire la petite image générée en la téléchargeant et de la placer dans la partie appropriée de l'article. J'ai créé un fichier miniature. php, l'acquisition d'image et l'appel sont traités ensemble. Le contenu du fichier est le suivant

Le code est le suivant :

<?php 
$args = array( 
&#39;numberposts&#39; => 1, 
&#39;order&#39;=> &#39;ASC&#39;, 
&#39;post_mime_type&#39; => &#39;image&#39;, 
&#39;post_parent&#39; => $post->ID, 
&#39;post_status&#39; => null, 
&#39;post_type&#39; => &#39;attachment&#39; 
); 
$attachments = get_children($args); 
$imageUrl = &#39;&#39;; 
if($attachments) { 
$image = array_pop($attachments); 
$imageSrc = wp_get_attachment_image_src($image->ID, &#39;thumbnail&#39;); 
$imageUrl = $imageSrc[0]; 
} else { 
$imageUrl = get_bloginfo(&#39;template_url&#39;) . &#39;/img/default.gif&#39;; 
} 
?> 
<a href="<?php the_permalink() ?>"><img class="left" src="<?php _fcksavedurl=""<?php" _fcksavedurl=""<?php" echo $imageUrl; ?>" alt="<?php the_title(); ?>" width="150" height="150" /></a>

Ce code trouvera la première vignette d'image téléchargée (si le. la première image est supprimée, puis trouvez la seconde, et ainsi de suite...), si aucune image téléchargée n'est trouvée, utilisez l'image par défaut

puis dans la liste des articles index.php, appelé dans la page d'archive archive.php et page de recherche search.php, le code d'appel est le suivant

Le code est le suivant :

<?php include(&#39;thumb.php&#39;); the_content(&#39;Read More...&#39;); ?>

Ce code sert à mettre l'image devant le contenu de l'article, comment placer l'image Vous devez utiliser CSS pour ajuster la mise en page, je n'entrerai donc pas dans les détails ici

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!