I have many non-tech savvy clients using CMSMS to manage their websites, and they find it very straightforward, however they always struggle with inserting images into pages.
The workflow I suggest to them is:
- Upload image with the file manager (usually a large image from camera)
- Resize the image to suggested pixel dimensions using file manager
- Save resized image using file manager
- Go to the Content Page and insert the resized image, and hope the size looks right.
Is there a better workflow that I'm unaware of? I know CGSmartImage can help, but that would require my editors to use scary looking code. I try to use Content Image fields in my templates where I can, but sometimes I need the editors to have the freedom to place images along with their text content.
The ideal concept to me I think would be an option for CGSmartImage to replace IMG tags in the content with CGSmartImage calls, (physically resizing the image with the width and the height specified in the HTML).
How do you all help your clients with images?
Simple image upload/resize/insert workflow
-
- Support Guru
- Posts: 8169
- Joined: Tue Oct 19, 2004 6:44 pm
- Location: Fernie British Columbia, Canada
Re: Simple image upload/resize/insert workflow
You can use something like: {cgsi_convert max_width=300}{$some_wysiwyg_generated_content}{/cgsi_convert}
It has limited functionality to auto process IMG tags in the HTML that is inside of the block tag.
IIRC if you just have something like {cgsi_convert}<img src="images/something.jpg" width="400" height="300"/>{/cgsi_convert} then CGSI will resize the image to 400x300 automatically.
It has limited functionality to auto process IMG tags in the HTML that is inside of the block tag.
IIRC if you just have something like {cgsi_convert}<img src="images/something.jpg" width="400" height="300"/>{/cgsi_convert} then CGSI will resize the image to 400x300 automatically.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Re: Simple image upload/resize/insert workflow
I use {cgsi_convert}{$content}{/cgsi_convert} like Calguy suggested for most projects. The WYSIWYG will apply width and height parameters to the img tag, so CGSI will resize the image accordingly. All the user has to do is drag the corner of the image to size it how they want in the content editor. Adding a max_width is a good safeguard in case they don't adjust the size.
Note that you may need to increase your PHP memory limit, large images use a lot of memory the first time the content is rendered - but after that it will be cached.
Note that you may need to increase your PHP memory limit, large images use a lot of memory the first time the content is rendered - but after that it will be cached.
Not getting the answer you need? CMSMS support options
Re: Simple image upload/resize/insert workflow
Nice! I never knew of cgsi_convert
Thanks for sharing, that sounds perfect.
Thanks for sharing, that sounds perfect.