Many Joomla users have faced the question of how to automatically create images of a standard size.
The SmartResizer plug-in is a great solution.
SmartResizer not only takes care of images in your articles, but can also create thumbnails for different layouts such as blogs.
The Example for This Tutorial
In the example below I've created a blog layout with no styling.
The original pictures here are between 800px and 300px wide. We're using the default category blog layout. As you can see, nothing fits and images overlap. It's a mess.
We'll add the plugin, then show you step-by-step how to improve the layout with automatic thumbnails.
Step 1: Install SmartResize
Step 2. Configure the Basic Options
If you fill in values only for the width, the height will be automatically calculated. If you put in values for both width and height, the image will get cropped.
Parameters 1 and 2 set fixed dimensions for the thumbnails to be displayed in category blog, section blog and in the front page. Parameters 3 and 4 set default thumbnail dimensions for the article view. Each picture can be assigned its own thumbnail dimensions inside its article by defining properties height and width in IMG tag in the editor. If neither height nor width are given, the thumbnail size will be determined by default parameters 3 and 4.
I set all the widths to 200px and left the height blank.
Step 3: Category Thumbnails Automatically Generated
You can see the difference. Now all the pictures are resized, but they have no styling. Let's give them some style.
Step 4. Configure the Advanced Parameters
Step 5. Add style to blog layout
padding: 5px 5px 5px 5px;
margin:10px 10px 10px 10px;
border:1px solid #CCCCCC;
Step 6: The fully styled blog page
All the pictures are now uniformly styled with a "picture frame" and aligned the same with the same spacing.
Repeat the process for the article and other content thumbnails. This will get you started. There are several other features that will make handling thumbnails more automated and your design more uniform. This integrates with RokBox from RocketTheme. If you install RokBox , the full-size picture in article will open in a lightbox, instead of a new browser window. You can download RokBox from RocketTheme.com.
With Admincredible you can update and manage all your Joomla sites. If you have 5 or 500 sites, Admincredible will make your life easier! Visit Admincredible.com.
All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means: