Change Size of Photos/Retina

Hi @tianasmith,

To make sure the book images are retina-ready, you’ll need to make them at least double the size in which they’re shown on the front-end.

For example, if you plan to show them in size of 300×453, you should register the new image thumbnail size in 600×906.

To change the book thumbnail size only on the books archive page ( https://class2k19books.com/books/ ), you can follow these steps:

1. Please add following code in active child theme’s “functions.php” file, to register a special image size just for the book archive page:

add_image_size( ‘author-pro-image-archive’, 600, 906, TRUE );

2. Create a new file named “archive-books.php” in the active child theme’s folder and add code from this link:
https://gist.github.com/swa433/24ad46fed5baa48bee3c689181d3b1f5

Note: it contains the default code from the plugin’s own template file, with few modifications

Please also remember to regenerate all image thumbnails after the step 1.

I hope this helps!

Perfect – that worked like a charm on the book archive page. Thank you!

However, on each individual book page, it’s still not retina. I know that the image I’ve uploaded is at least double the size. For example, this page: https://class2k19books.com/book/match-me-if-you-can/

Any idea on what I need to do to make those individual book pages retina? If I need to adjust the thumbnail display size on that page to fit with the rest (the 300×453 or 600×906), I’m fine with that, I just don’t know how to do it.

Also, I just noticed that it didn’t really change the size on the archive page – but it did make them retina, and that is more important to me.

So what is left is I need to know how to make the image retina on the individual book pages (like this page:https://class2k19books.com/book/match-me-if-you-can/).

I’d ALSO like the images to be retina on the tag pages (like this page, where if people click on all books with the YA tag for example: https://class2k19books.com/book-tag/ya/)

Hi @tianasmith,

Thanks for the update and glad my message helped.

The suggestions in my last message were specifically targeted to a case where book image thumbnail size would need to be changed “only” for the book archive page.

To change that image thumbnail size for all pages (e.g. books archive page, a single book page, tag archive page etc), the customization would be much simpler.

(using same image thumbnail for all those pages would make more sense as they’ll be uniform and you’ll save some space on the server too as a new image thumbnail size won’t be needed)

New steps would be:

1. Undo both changes from my last message.

2. Add the following line in the active child theme’s “functions.php”:

add_image_size( ‘author-pro-image’, 600, 906, TRUE );

(this will not register a new image thumbnail size, but will only override the one used by the plugin, by default)

3. Regenerate all image thumbnails.

4. All your book pages should be using the book cover images in that new size.

Hmmmm. Now the images on the archive page aren’t retina. They also aren’t retina anywhere else.

I’m pretty sure they’re the same size everywhere though – except the individual book page, which is still displaying larger for some reason.

Any idea on why that didn’t work? All my images were at least double the thumbnail display size.