Defining Custom Image Sizes

Last Updated on

In the Jupiter WordPress theme, you can define all your custom image sizes in one place and then use them in different places including shortcodes. It helps you to control all your custom image sizes easily

 

In this article, we’ll explain about adding custom image sizes and how to assign the custom image sizes to the shortcodes

x
Note: The image sizes you create highly depend on the place you want to use it. This image size will not be used for logos. For more information please read this article.

In this article


Defining an Image Size

To define a custom image size:

1
From the WordPress left menu, go to Jupiter > Control Panel > Image Sizes page.

2
Click on the Add a New Size button.

3
Fill out the form with necessary information.
SettingDescription
Image widthDefines the width of an image.
Image heightDefines the height of an image.
Size nameSets a custom name for the image size template.
Hard cropHard crops the image.
4
Click on Save Settings button.
x
Note: This newly created image size will now be available as an option to be used in various locations such as shortcodes and theme options.

Assigning an Image Size to a Shortcode

As mentioned above, custom image sizes will be available as an option in various shortcodes. Below is an example on how to use your custom image size in the Blog shortcode.

1
In the WordPress dashboard, edit a page which contains the blog shortcode.
2
Click on the Edit Blog button.

Defining custom image sizes - edit blog button

3
From Blog settings pop-up, click on Image Size select field.

Defining custom image sizes - blog settings

4
Select your custom image size and click on the Save changes button.
Was this helpful?

Related Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket