How to create thumbnails using WordPress' built-in image repository

How to create thumbnails using WordPress’ built-in image repository?

WordPress is not only a blog, but many times WordPress is also used as a CMS (content management system). Bloggers like to add uniform-sized thumbnails to each article, especially on information platforms. One of the more common methods is to use custom fields to insert pictures into articles, upload small pictures of the same size or use tools such as phpThumb to generate thumbnails.

Recommended: "wordpress tutorial》

Since 2.7, WordPress has greatly improved its multimedia functions, and more and more people are using WP’s built-in image warehouse. For these users, making thumbnails has not become so difficult, and uploading When drawing a picture, a small picture of 150x150 size will be generated by default (if the height/width of the picture is less than 150px, the original height/width will be used). Then we can make full use of this function and add this picture as a thumbnail to the article list. Process it this way Each has its pros and cons. The advantage is that it is simple and smart (you don’t need to enter the thumbnail every time), but the disadvantage is that it consumes server traffic.

Okay, what you need to do now is to extract the small image generated by uploading and place it in the appropriate part of the article Location. I created a file thumb.php, image acquisition and calling are processed together. The content of the file is as follows.

The code is as follows:

<?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 lazy"  src="/static/imghwm/default1.png"  data-src="<?php _fcksavedurl="   "<?php" _fcksavedurl=""<?php" echo $imageUrl; ? alt="How to create thumbnails using WordPress' built-in image repository" >" alt="<?php the_title(); ?>" width="150"    style="max-width:90%" /></a>

This code will find the first uploaded image Thumbnail (if the first image is deleted, then find the second one, and so on...), if no uploaded image is found, use the default image

and then in the article list index.php, Called in archive page archive.php and search page search.php, the calling code is as follows.

The code is as follows:

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

This code puts the picture in front of the article content, how to place the picture You need to use CSS to adjust the layout, so I won’t go into details here.

The above is the detailed content of How to create thumbnails using WordPress' built-in image repository. For more information, please follow other related articles on the PHP Chinese website!