Same Category Posts v1.0.5 gets CSS cropping feature

We added CSS feature image cropping to our youngest widget: Same Category Posts came up at the end of September 2015 with the version 1.0 and depends on a fork from ‘Related Posts’ Widget. The idea depends on a user request, don’t have to select the category each time but select dynamicly posts from the ‘same’ category. Ovidiu send us a lot request and featue request: Show from same category as current post instead of choosing is one his greatest.

Because we want to build lightweight, clearly structured widgets that allow the obese the widget area clearly. We opted for a standalone widget – which is designed to do one thing and do it well.

And Same Category Posts is not only the youngest, it’s also the first which gets CSS cropping for feature images.

Teaser-Bild-v2

 

Its a little check box ‘Use CSS cropping’, the feature is available and we are looking forward if you enjoy it.

Appropriate for widget areas

What is CSS cropping? If you had images with a other format as you want to show you have two options: Scale the image down than you can show the full image or you can crop the image so you can fill you desired image dimention. The first option has the following disadvantage that edges occur which remain empty. The second, the image is cropped and parts of the image was cutted. The third would be the image has the correct size, which is not usually the norm.

WordPress use and supports the first option for rendering HTML with the_post_thumbnail() and shows the full image but with a smaller size. And images of different dimensions is what does not look so great in the widget area.

That’s why we implement the second option for our widgets. With ‘CSS cropping’ your layout gets the configurated image dimentions.

If you don’t use ‘CSS cropping’ because you had a own image size you aren’t use the HTML img attributs srcset and size for ‘best’ images.

Another conceivable case is all your setted image sizes has the same dimention and only differ in there size. We don’t know any website which has only one image dimention.

To crop the image via CSS seems for us the most viable solution. So we will maintain this option and enhance it in the feature.

Custom Post Type, Custom Taxonomy and Tag

We want to offer with our pro plugin options for larger sites. For this purpose, WordPress has come up with something very exciting and has created a magnificent support that allows administrators and websites operators to adapt very large amounts of information on a website circumstances. With custom post types and custom taxonomies you can group, combine, abstract and tell posts together in more specific descriptions.

When Do I need a Custom Post Type?

Now please do not say you had no idea that you’re working for a long time with taxonomies. Yes, that’s true. WordPress comes with two default so called taxonomies, categories and tags are both Taxonomies. Now you can expand this with your own created custom Taxonomies. In the most ways categories will solve grouping posts. If you want to group a goup of posts than custom taxonomies will be a solution.

In return for grouping and classification, are the features such as sorting, displaying and arranging posts. In the first place for the website users. High priority is given including assignment and delivery of wealthy SEO content.

Custom Post Types are the way to distinguish posts, text and information. Give it a try and we guarantee you that the possibilities to build a WordPress site win amazing quality. Not only with the great variety of existing WordPress widgets and plugins.

Category Posts Widget Pro will climb to higher mountains

With the last version on WordPress.org (4.1.5, released at February 4th 2016) we announced to offer a pro version for Category Posts Widget. Our thoughts to build up a pro version had arisen rather short at the end of 2015.

The response for the widget was very good and we had a lot of work to cope the support requests and issues on GitHub.com. The many good ideas for new features inspires us to implement always more and more features. We redesigned the user interface in the backend with sliding accordion areas, add an CSS image crop for thumbnail dimension and want to build a very good posts widget. We can’t ignore all the response.

To cope our effort we made the decision to branch a pro version which is made for bigger WordPress websites and give the site administrators the opportunity to handle there posts with the latest WordPress scopes. We can therefore look forward to our work and promptly develop more new features.

At the moment we are working a lot for the tiptoppress.com website, all descriptions and last but no least at the PHP code for the pro widget. We answered on our own issues and questions and bring a lot of meetings behind us on slack.com and skype.com.

Now we are no longer far away from destination able to offer a Category Posts Pro widget, and are also a little proud. For the next week the release is scheduled and it looks well to hold the date also.

CSS Image Crop

The new thumbnail feature CSS Image Crop should solve all problems? Yes, it does! 🙂  While WordPress release the best image size or image for responsive design layouts we can’t wait and redesign our thumbnail dimentions with a option for ‘CSS image crop’.

The benefit is that we us the responsive image HTML code which WordPress is rendered, with src, size and srcset and make a crop with CSS for the outputed image. The difference between the WordPress concept and ‘CSS image Crop’ is, WordPress use best fitted sizes and ‘CSS image Crop’ do a fill with the shorter size and crop the rest of the image.

This is a very huge benefit because the image dimentions is so not depent on the used image size or best image which is rendered to the srcset. The image dimentions is so correct for width and height.

Do I lost WordPress functionality?

No! Another great advantage is that predefined image sizes do not matter here, but the best most appropriate image is loaded by the browser as it was written by WordPress in the responisve img attribute srcset and size. This means there is a real added feature that supports existing WordPress functionality to 100% and they only expands.

  • This is good when there are already many images exists, in the upload directory.
  • It is also good that no additional image size is generated and so many unnecessary images are generated.

Of course, it is possible under Settings> Media to produce per PlugIn or add_image_size () an additional image size, as suggested by Sanjayrath: WordPress.org support request “Feature image size”. Sanjayrath proposes to generate new images with your choosen image dimentions for existing uploaded images with a PlugIn, e.g. with ‘Ajax Thumbnail Rebuild‘.

  • There is then no additional ‘CSS Image Crop’ code processed and rendered as HTML when an WordPress- or custom image size exactly matches with the setted image dimentions.

That sounds as you want even more.

What we want subsequent delivery is a drop down selection box that displays existing image formats and thus can fill in the values for image width and height dimention easier. A dropdown selection could be ‘WP best image’, ‘thumbnail’, ‘medium’, ‘Large’, ‘Custom sizes’, …

We feel here because it seems more confusing to users, which aren’t use and deposed there own image size. Much worser will be a misconfiguration. If an image size is selected, but not all images are in the present, it can easily lead to poor image quality. We work on it and will keep you up to date.

Do you use ‘CSS Image Crop’? We like to hear from you and your experiences.


Updated 2016-06-07:

We want to use ‘CSS image crop’ as default and not as option. Our estimation is that WordPress recommend to work with own custom image sizes when a workflow is desired. Only in this way the WordPress core classes ensure exact image sizes to present.

This workflow is not inhibited with our ‘CSS Image crop’. It is merely the image size are specified in our widget and we give the best most appropriate picture back – the custom image size.

Our widget will switch and doesn’t change the standard WordPress behavior, when this occurs: There is an custom image size with the same image dimensions as they registered in the widget.


Related posts: