WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress

WordPress CSS Sprites Generator For Posts Content

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


WordPress CSS Sprites Generator For Posts Content - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Introduction

Are you after reducing your server load and speeding up your web pages? You’ve heard of CSS sprites before but you don’t know how they can bring improvements in your situation?

Well, simply put, each image on a web page is a separate HTTP request to the server, and experience shows that you can dramatically increase the performance of a page by combining multiple images or icons into a larger image sprite sheet. CSS is finally used to select the parts of the composite image to display at different places in the page.

Plugin Description

WordPress CSS Sprites Generator for posts content try to offer your pages this performance improvement by automatically creating for you corresponding CSS sprites for images in posts, pages and custom type posts which reduce by the way the amount of image files and then the amount of HTTP requests.

Family galleries, portfolios, news reports with a lot of small and medium photos, manual making of sprites for every post content can be a really tedious task. WordPress CSS Sprites Generator for posts content saves your bandwidth and provides an automated solution to replace all standard tag by the corresponding CSS sprites.

You can try CSS sprites generation your self and compare before you decide whether to buy it.

Username: demo

Password: demo

Also, feel free to ask me any questions you may have regarding the code before purshasing to avoid mismatched expectations.

You can also compare performance difference between those two pages having the same content with and without CSS Sprites:

Main Features:

  • Ready to use, global options are applied on existing and future posts/pages images
  • Customizing the number of images per sprite for every single post/page
  • Automation of the generated sprites quality compression for better optimization
WP CSS Sprites Generator for posts content is available in the following languages:
  • English
  • French

Requirements:

PHP5 and GD support turned on (which is already the case for 99,99% if you are dealing with images)

Limitations:

  • CSS Sprites generation WILL NOT WORK with PAGED galleries plugin, it’s not possible to automate this generation since every plugin handles the pagination on its own way

In the demo website, I installed the “Art Direction” plugin that allows embedding custom CSS /Script with posts so you can test before. Here is how to do it http://goo.gl/2Xe2R

The ReadMe or the plugin web page explain how to set it up, and it really only takes a few minutes.

Please do not hesitate to contact me if you have any further questions

Profile contact form

Credits

NOTE : Photos used in the demo, but not included with this plugin are provided by their individual photographers from National Geographic Photo Contest http://ngm.nationalgeographic.com/ngm/photo-contest/

Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
7 February 12

Last Update:
11 January 13

High Resolution:
No

Compatible Browsers:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, PHP

Software Version:
WordPress 4.4.2, WordPress 4.4.1, WordPress 4.4, WordPress 4.3.1, WordPress 4.3, WordPress 4.2, WordPress 4.1, WordPress 4.0, WordPress 3.9, WordPress 3.8, WordPress 3.7, WordPress 3.6, WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0

Keywords

eCommerce, eCommerce, All Items, css, css sprites, HTTP requests, image, optimization, server load, speed, sprites