Home > CMS Tutorial > WordPress > body text

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

藏色散人
Release: 2020-01-07 10:14:14
Original
2298 people have browsed it

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" src="<?php _fcksavedurl=""<?php" _fcksavedurl=""<?php" echo $imageUrl; ?>" alt="<?php the_title(); ?>" width="150" height="150" /></a>
Copy after login

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;); ?>
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template