Maison > Tutoriel CMS > WordPresse > le corps du texte

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

藏色散人
Libérer: 2020-01-07 10:14:14
original
2275 Les gens l'ont consulté

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>
Copier après la connexion

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;); ?>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!