WordPressで追加画像サイズを作成する方法

43件のコメント返信を残す

1. Jiří Vaněk

   Thanks for the tutorial, I’m trying to do the same thing using another tutorial but it didn’t work. This works perfectly.

   返信

2. axel

   That was easy, thanx.

   Something harder:
   How do i get rid of old, unused thumbnail sizes?
   (best without a plugin)

   Kind regards
   axel

   返信

   • WPBeginner Support

     We cover how you can remove the unused image sizes in our article below:

     https://www.wpbeginner.com/wp-tutorials/how-to-prevent-wordpress-from-generating-image-sizes/

     We recommend plugins to simplify the process, if you’re worried about the number of plugins on your site, we would recommend taking a look at our article below:

     https://wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/

     返信

     管理者

3. B Toro

   Very simple and helpfull

   返信

   • WPBeginner Support

     Glad our guide was helpful

     返信

     管理者

4. JKLYN

   Quite helpful tutorial. But how to set class for image??

   返信

5. Kim

   Thanks WPBeginner, this worked a treat!

   返信

6. Thiago

   Hi,

   Great article! However, I still do not understand the usefulness of hard crop tool; I uploaded an image with 306×165, and after that I created two custom sizes: 256×148 (Soft Crop) and 256×148 (Hard Crop), however, as you can see in this print taken from the post: [http://prnt.sc/eromp3] both Options remain the same. I created a file in Photoshop containing 256×148 and I dragged the original image without resizing anything, and the result you can see in example 4 of the image above. So, my question is this: should image 2 not look like the image generated by Photoshop?

   Follows below the code used on functions.php:

   //Soft Crop used in example 2
   if ( function_exists( ‘add_image_size’ ) ) {
   add_image_size( ‘new-size8’, 256, 148 );
   }
   add_filter(‘image_size_names_choose’, ‘my_image_sizes8’);
   function my_image_sizes8($sizes) {
   $addsizes = array(
   “new-size8” => __( “New Size8”)
   );
   $newsizes = array_merge($sizes, $addsizes);
   return $newsizes;
   }

   ////Hard Crop used in example 3
   if ( function_exists( ‘add_image_size’ ) ) {
   add_image_size( ‘new-size9’, 256, 148, true, array( ‘center’, ‘center’ ) ); //(cropped)
   }
   add_filter(‘image_size_names_choose’, ‘my_image_sizes9’);
   function my_image_sizes9($sizes) {
   $addsizes = array(
   “new-size9” => __( “New Size9”)
   );
   $newsizes = array_merge($sizes, $addsizes);
   return $newsizes;
   }

   Thanks in advance!

   返信

7. Kevin

   This works great, but on thing that always bothers me is that if someone uploads an image that is smaller than one of your cropped sized then that image will not be created, which ruins the layout if you wanted equal height images

   返信

   • Matt Rock

     Struggling with the same issue, Kevin (uploading smaller image does not create cropped size). I understand why this might make sense (system will not produce unnecessary images), but a low/poor resolution would look better than an ill-cropped one…

     返信

8. gonza

   Thanks for the info
   you help me so much!

   返信

9. Sakshi

   I write this code can.
   Actually i want to set the post thumbnail size for the banner image.Which i was uploading through featured image in the background please suggest me.

   返信

10. Aakash

    Hi,
    I m new in wordpress,and accept i have many problems,and the first is,i created lot of post in wordpress,suppose A B C D,and when i update this in my website they look like first is D and then c and then b and then a means when i upload first they are show in last.if any solution that first they look in series not DCBA like ABCD…plz help

    返信

11. Daniel Knoflicek

    awsome… so helpfull for a lot of gallery plugins…

    返信

12. Lavinia Manzanarez

    Excellent! I read the use of this function on the Codex of Wordpress but sometimes I need a step by step thing, thank you!

    返信

13. WPBeginner Staff

    Yes it is possible.

    返信

    • Farmer John

      I too want to do the same as Ali Rohan wants to do. can you kindly elaborate pleas.. ‘coz i tried to implement the method explained by you but could not succeed. I can’t understand where I am doing wrong. How do I link the text of resolution to image file?

      返信

14. Ali Rohan

    Thanks for nice article.
    I wanna start a wallpapers website in wordpress so is it possible that when i upload one big wallpaper then it auto resized to many resolutions for users. For example when i upload 1920×1280 wallpaper then it must be resized to 1024×768, 800×600 etc resolution … so users can easily view and download desired size wallpaper ?

    返信

15. Aayush

    Hi Dear. i need your urgent help. i have a problem with the images size. actually i am using a plugin WP Gallery Custom Links. i have uploaded lot of images in a post but every images has a different height and width so they are appearing with different different sizes. i want to set them with the same size which i want to set. please tell me any idea to solve this problem.

    返信

16. Here

    I just needed to say thanks for saying this. You’re right on.|

    返信

17. Shoaib

    Excellent explanation

    返信

18. Andrew

    I’ve set this up and it’s working splendidly minus the suggestion MIKE LITTLE made above – the thumbnail is changed and it shows up that way in the backend in the media gallery – but on the frontend where my loop is – the image thumb is still what WP defaults to – i’ve even run REGEN THUMBS and it still doesn’t fix the issue – anyone else having this problem or know the fix???

    返信

    • WPBeginner Support

      Look at your loop and use <?php the_post_thumbnail('your-specified-image-size'); ?> instead of the_post_thumbnail()

      返信

      管理者

19. Tomasz

    Nice tutorial!
    Please check out the plugin which allows to manually crop the registered image sizes:
    http://wordpress.org/plugins/manual-image-crop

    返信

    • WPBeginner Support

      Thanks, looks like a nice plugin. We will look into it.

      返信

      管理者

    • Marc C

      Good tutorial – many thanks WPBEGINNER.

      I too was having the problem of not being able to crop the new registered image sizes but the plugin posted by TOMASZ does the job nicely – thanks TOMASZ!

      返信

20. Robbe Clerckx

    Still helpfull after all this time :). Thank you.

    返信

21. Danny

    Thank you for this very clear and helpful tutorial. It saved me a lot of time since the WP documentation is very cryptic.

    返信

22. lydia karanja

    I have a wordpress account but I did not know how to manage it but now I know all thanks to this tutorial, thank you very much for helping people understand more on how to create and manage their websites.

    返信

23. andy19at

    @jezThomp Great if your images work

    返信

    • jezThomp

      @andy19at Link…?

      返信

      • andy19at

        @jezThomp A link? I didn’t post it cos it didn’t work.

        返信

        • jezThomp

          @andy19at http://t.co/YvmiX9hR

24. mikelittle

    You say: “The downside of hard cropping is that you cannot control which part of the image is displayed.” Not true.

    When you have uploaded an image and before you insert into post, you can click on ‘edit image’ and from there change the thumbnail or the whole image, scale, rotate, or flip the image , and for the thumbnail select the exact portion of the image you want.

    返信

    • wpbeginner

      @mikelittle Thanks for the correction Mike. Just edited the article

      返信

      • clelandillustration

        I can’s seem to get the custom crop to work for new image sizes. The custom crop will work for the default “thumbnail” size version, but that crop won’t apply to new image sizes. It seems the crop is still uncontrollable for custom image sizes.

        返信

    • Brent Norris

      good insight into the edit flow…

      返信

25. TdGon

    Good article ..and photos to go along with it too…nice. I saw in a few places how to do this but they did not explain it as well as you do here. I am off to try it out.

    Thanks a lot ! (0.o)

    返信

26. PaulDeWoutersd'Oplinter

    excellent explanation for a confusing topic. and very useful plugin

    返信

27. mssbee

    Great tutorial! Thanks for explaining the different crop options. It really helped me to understand how they work.

    返信

28. tjhakan

    Nice tutorial. good job

    返信

29. defries

    Nice round up of what can be done with just the default featured image feature. One extra tip: you can also set the width of your content area as a featured image and define that same width in Settings > Media. This way you can select a featured image to use in your theme and it will be automatically the maximum size of the content area.

    Also great having those values in there for <a href=”http://codex.wordpress.org/Embeds”>oEmbed</a>.

    返信

30. Ordinary Randomness

    Thanks for this tutorial, I was wondering why sometimes I had images that were not cropping to the size I had coded.

    返信