Tag: images

remove default image sizes from wordpress theme

If you want to disable or remove default image sizes from wordpress theme. Than use code in them file. wordpress creates more than five images while upload.

remove default image sizes from wordpress theme

Every custom wordpress theme has their different thumbnail sizes defined. When we upload any image to wordpress,  By default wordpress create four resized images. Means when we upload image, wordpress upload five images on server. Which is not necessary and unwanted. If your theme added, custom thumbnail sizes then it create more than five images and upload on server.

Tip: Whenever you change wordpress theme than regenerate thumbnails in wordpress website.

Use following code in functions.php file.


// Set default thumbnail size
set_post_thumbnail_size( 150, 150 );
function wpapi_filter_image_sizes( $sizes) {
unset( $sizes['medium']);
unset( $sizes['large']);
return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'wpapi_filter_image_sizes');

We used above code in our wordpress theme. Now while image upload, we are storing only three images on server. which saves the disk space.

If you want to remove unwanted image sizes from wordpress theme. Sometime you need the original and thumbanil image only. But many wordpress themes creates the multiple image version in your site which is not useful. Although it is possible to prevent the creation of default image sizes by changing their dimension settings to ’0′ in Dashboard > Settings > Media, these image sizes will still appear in the list of sizes in the Media Uploader.

Why use above method in wordpress theme

Due to custom thumbnail sizes your server images data will always increase. Some image sizes are not important for bloggers and website. So why to create unwanted images and store on server.

remove default image sizes from wordpress theme
remove default image sizes from wordpress theme

You can always full sized image in website. Just fixing image sizes use following CSS code.

[viral-lock message=”Solution code is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]


img{max-height:100% !important;max-width:100% !important}

[/viral-lock]

If you use above code in style.css file than your wordpress UI will not break.

wordpress plugin nextgen gallery review

we written wordpress plugin nextgen gallery review. NextGEN Gallery most downloaded gallery plugin which makes us to organize your images and galleries.

NextGEN Gallery is a most downloaded wordpress gallery plugin which makes us to manage and organize your images and galleries. There are many wordpress gallery and sideshow plugins but nextgen gallery is most used and popular in wordpress world. In every second website we need to show the gallery or sideshow. For showing gallery or sideshow, Nextgen gallery is quickest and simple solution. Every wp designers and developers first choice for gallery or sideshow is Nextgen gallery plugin.

wordpress plugin nextgen gallery review

NextGEN Gallery

wordpress plugin nextgen gallery review by purabtech.in
wordpress plugin nextgen gallery review

NextGEN Gallery is the most popular WordPress gallery plugin, and one of the most popular WordPress plugins of all time, with over 7.5 million downloads.

It provides a powerful engine for uploading and managing galleries of images, with the ability to batch upload, import meta data, add/delete/rearrange/sort images, edit thumbnails, group galleries into albums, and more. It also provides two front-end display styles (sideshows and thumbnail galleries), both of which come with a wide array of options for controlling size, style, timing, transitions, controls, lightbox effects, and more.

Review:

Pros:

  • Very easy to install in wordpress and using Nextgen gallery is simple.
  • Simple and easy gallery management tools – It has simple image upload and gallery creation interface.
  • It works with custom post type very smoothly
  • Support of short codes so you can easily integrate anywhere in wp site
  • Easily create sideshow through NextGen gallery
  • Many types of effects and JS support using multiple plugins
  • There are many wordpress plugins which can adds effects to gallery or sideshow.
  • If you are wordpress developer then you can easily customize the plugin and add the new effect.
  • We can use Lightbox Plus, FancyBox and Lightbox-type wordpress plugins for gallery and sideshow.

Drawbacks:

  • We cannot include videos in gallery or youtube video in gallery
  • After upgrade of Nextgen gallery you must need to take backup of whole system because many times it will broke your website.
  • WordPress new version release issue – After new wordpress release, there is no guarantee to it will work in Nextgen gallery.
  • It consumes too much processor and so many database queries are fired on server.
  • Poor logic programming, poor user interface, slow user interface, lot’s of queries are just some of the many bugs and bad design of application
  • Performance is low it there are too many requests
  • No caching support.
  • No SEO support

Comments:

If you have high traffic website then do not use the nextgen gallery plugin. If you have low traffic or any organization website then you should go for Nextgen gallery plugin.

There are so many supported plugins for Nextgen gallery, so you can add multiple effects using this plugin.

I used Next Gen gallery plugin for many of my sites. But there is always issue with up-gradation.

But SEO wise this plugin is not so nice.

add wordpress plugin header image in WordPress Plugins listing

WordPress tutorial for plugin developers, add wordpress plugin header image in WordPress Plugins listing page. wordpress is allowing to add header image. This is very old thing still I am bringing up again. From Jan 2012 wordpress is allowing to add the wordpress plugin header image in wordpress plugin listing.

add wordpress plugin header image in WordPress Plugins listing

After adding image to assets folder to SVN root. Plugin image will appear after half hour.

To add your own header image to your plugins, follow http://make.wordpress.org/core/2011/12/21/been-giving-a-lot-of-thought-to-how/ Matt’s instructions on the dev blog. Images must be 772 by 250 pixel JPEG or PNG files. And no animated GIFs, kids.

As an experiment we’ve turned on custom hThis is very old thing still I am bringing up again. From Jan 2012 wordpress is allowing to add the wordpress plugin header image in wordpress plugin listing.

After adding image to assests folder to SVN root. Plugin image will appear after half hour.

To add your own header image to your plugins, follow http://make.wordpress.org/core/2011/12/21/been-giving-a-lot-of-thought-to-how/ Matt’s instructions on the dev blog. Images must be 772 by 250 pixel JPEG or PNG files. And no animated GIFs, kids.

As an experiment we’ve turned on custom headers for the plugin directory. If you’d like to try out this feature:

Make a 772×250 pixel jpeg or png. (No animated GIFs. 🙂 )
Check it in to your plugin’s SVN directory with the path assets/banner-772×250.(jpg|

png). Note that the assets directory is added to your plugin’s root directory, not trunk.
On the next plugin directory refresh (every 15 minutes or so) you should see your image start showing up on the page.

eaders for the plugin directory. If you’d like to try out this feature:

Make a 772×250 pixel jpeg or png. (No animated GIFs. 🙂 )
Check it in to your plugin’s SVN directory with the path assets/banner-772×250.(jpg|

png). Note that the assets directory is added to your plugin’s root directory, not trunk.
On the next plugin directory refresh (every 15 minutes or so) you should see your image start showing up on the page.
add wordpress plugin header image in WordPress Plugins listing
add wordpress plugin header image in WordPress Plugins listing

prevent wordpress images hotlinking but allow google

Here in wordpress tutorial, How to prevent wordpress images hotlinking but allow google. Steeling the blog images is very major issue in wordpress sites. Sometimes people are just linking the your site images in there site.You can read more about linking in above article.

prevent wordpress images hotlinking but allow google

http://en.wikipedia.org/wiki/Inline_linking

Some sites are using your images and your bandwidth. If you are still want to use other images then use in your server and give credit to there owner sites.

prevent wordpress images hotlinking but allow google
prevent wordpress images hotlinking but allow google

I already wrote about this.

How to protect your images directly accessing through server by apache

Hotlinking’s legality, purely in regard to bandwidth theft:
http://www.phenomenalwomen.com/donteventhinkaboutit/
http://www.yourhtmlsource.com/sitemanagement/bandwidththeft.html
http://www.boogiejack.com/copyband.html
http://www.webprogramming360.com/2011/05/what-is-bandwidth-theft.html

use animated smileys and emoticons in wordpress post

Smiles and emoticons are always important show your expressions in short way. Earlier also I posted articles about same. Here is link about that. here in this article written about animated smileys. I given very detailed information to use animated smileys and emoticons in wordpress. animated smilyes and emotions are used everywhere now in mobile device.

use animated smileys and emoticons in wordpress

By default wordpress supports some basic emoticons. Here I can suggest some very cool wordpress plugins.

Kaskus Emoticons

Kaskus Emoticons is an emoticon set inspired by Kaskus, the Largest Indonesian Community – consisting of over a million active members from all over the world. The images which are used in this plugin are copyright of Kaskus

Speedy Smilies

Speedy Smilies takes emoticons in WordPress to the next level (where it should be already and hopefully one day will). The end goal is to make smilies load faster in the browser for visitors and make them easy to insert into posts/pages for authors. In addition to the speed benefits, Speedy Smilies allows authors to easily change the appearance of emoticons using smiley sets.

Speedy Smilies is free software licensed under the GNU GPL version 3.

Tango Smileys Extended

Tango Smileys Extended (TSE) disables the built-in WordPress smileys and extends the number of available smileys from 18 to 202. The extended smileys can be input using standard emoticon shorthand, or through the CTI (Click to Insert) interface. Smileys in comments is supported and may be inserted using the standard emoticon shorthand or through the CTI interface. MCEComments is also supported.

This version of Tango Smileys Extended is for WordPress 2.8+
WordPress versions pre-2.8 are no longer supported. If you are using WordPress 2.7.x, please use Tango Smileys Extended 2.5.4.1. WordPress 2.6.x and earlier are only supported in versions of Tango Smileys Extended older than, and including, 2.5.2.8.

Moods Addon for Ultimate TinyMCE

This plugin is designed to be used as an add-on to my Ultimate TinyMCE plugin. However, it can also be used as a stand-alone plugin as well.

For best results; You can download Ultimate TinyMCE here:
http://wordpress.org/extend/plugins/ultimate-tinymce/

This addon will add a button to your visual tinymce editor for posts/pages. Clicking the button will open a popup window with over 50 professionally animated .gif smiley’s.

You can insert these smiley’s into your post/page content areas. Simply click a smiley, and it is automatically inserted into your content area.

Font Emoticons

Replaces WordPress’ smileys (based on images) with font-based emoticons (see screenshots). Font-based emoticons have some advantages:

  • They have the same size as the surrounding text. No more distorting the heights of lines containing smileys/emoticons. They always fit the font size.
  • They have the same color as the surrounding text.

The following emoticons are supported:

  • :) :-) :smile:
  • :( :-( :sad:
  • ;) ;-) :wink:
  • :P :-P :razz:
  • -.- -_- :sleep:
  • :thumbs: :thumbsup:
  • :devil: :twisted:
  • :o :-o :eek:
  • 8O 8o 8-O 8-o :shock: (No real icon for “shock” yet. Using “eek” instead.)
  • :coffee:
  • 8) 8-) B) B-) :cool:
  • :/ :-/
  • :beer:
  • :D :-D :grin:
  • x( x-( X( X-( :angry:
  • :x :-x :mad: (No real icon from “mad” yet. Using “angry” instead.)
  • O:) 0:) o:) O:-) 0:-) o:-) :saint:
  • :'( :'-( :cry:
  • :shoot:
  • ^^ ^_^ :lol:

Notes: * Emoticons must be surrounded with spaces (or other white space characters); e.g. the emoticon in that:)smile won’t be replaced * Emoticons won’t be replaced in HTML tags nor in <pre> or <code> blocks.

wp-Monalisa

wp-monalisa is the plugin that smiles at you like monalisa does. place the smilies of your choice in posts, pages or comments.

There are a lot plugins for smiley support out there and some of them are really useful. Most of them don’t work out of the box and this is what wp-monalisa tries to achieve, giving you the ability to maintain your smilies and even turn them into img tags.

it’s easy and it smiles at you…what else do you want?

Features:

  • maintain your smilies in a separate directory
  • activate or deactivate smilies for posts or comments
  • replace smilies with img tags
  • extend or replace wordpress smiley replacement
  • while edit posts or pages, pops-up in a draggable meta-box
  • extends your comment form to give you visitors the freedom to smile 🙂
  • support for fckeditor (tested with v3.3.1)
  • fully integrated ith BuddyPress
use animated smileys and emoticons in wordpress post
use animated smileys and emoticons in wordpress post

solved: unable to upload images in wordpress

This is very common issue with wordpress websites. Many times we solved (unable to upload images in wordpress) same issue So we written detailed article on same topic. This is very common issue with linux or windows server or computer. When you do the wordpress setup you need to give the write able permission to your wp-content/uploads folder.

If you got the following error: when you upload the image.

“Screen Shot 2013-01-28 at 13.53.32 PM.png” has failed to upload due to an error: Unable to create directory wp-content/uploads/2013/01. Is its parent directory writable by the server?

if you are using windows then right-click the uploads folder and uncheck the is read checkbox. Change ownership of uploads folder. Change owner to apache.

solved: unable to upload images in wordpress

if you are using the linux then use following command:


chown apache:apache -R wp-content/uploads
solved: unable to upload images in wordpress
solved: unable to upload images in wordpress

 

where we get free image for wordpress posts

Now these days best and attractive images are the part of every articles. I can say image is useful for your posts. Images made easy to understand to readers what you want to say in the post. Here we given the list of resources where you get free image for wordpress posts

Many wordpress blogger go to google for images and find the images. They put the image into their blogs. Some time that will cause you serious legal issues.

where we get free image for wordpress posts

where we get free image for wordpress posts
where we get free image for wordpress posts

There are very good places to find good free images for your blogs. Here is the list of that.

  1. Flickr: Flickr is a really great source for free pics, however make sure to contact the owner of the picture and ask permission before using it. I have done this a lot in the past and a lot of people are willing to share their pictures. Give them a good reason, maybe a quick complement and offer a link back to their Flickr profile.
  2. Stockvault: Stockvault has a lot of nice stock photos, just be warned that this site is filled with adsense.
  3. deviantART: This is a huge community of artist sharing all sorts of images and graphics. Again, checkout the license of the graphic as a lot of these aren’t free, yet it is still a great source for free images if you become familiar with the site.
  4. Stock.xchng: Saving the best for last here you’ll be able to find a lot of great stock photos as well as PSD’s, templates, background images and more. Please checkout the restrictions before using
  5. Free Images – Free Stock Photos:
     FREE digital photographic images for web, dtp, and design. Royalty and cost-free stock photos. Free stock photographic library.
  6. gettyimages: Getty Images royalty-free gives creative freedom to crop, manipulate and combine stock photos for your project needs. Simple, affordable pricing, unlimited use.”

How to exclude images from wordpress post

In one of our project, we got the requirement of exclude images from wordpress post while showing post. We have written code for excluding the image from Post.

How to exclude images from wordpress post

you can use following code in functions.php file or you can use in single.php file. These files you can find in wordpress theme folder.

For changing the code you can use the wordpress admin -> editor section.

Above line I added in showing post without image.


<?php
$FormatedContent = content_with_formatting();
$content = the_content();
$postWithoutImage = preg_replace('/<img[^>]+./’,'' $FormatedContent);
echo $postWithoutImage;
?>

In above code we are checking the image tag and replacing with none.

If you want to find all images from post then Use following command.

preg_match_all('/<img[^>]+>/i',YOUR_text, $result);

You need to add following function in your function.php file(Theme files).

function content_with_formatting($more_link_text = ‘(more…)’, $stripteaser = 0, $more_file = ”)
{
$content = get_the_content($more_link_text, $stripteaser, $more_file);
$content = apply_filters(‘the_content’, $content);
$content = str_replace(‘]]>’, ‘]]>’, $content);
return $content;
}

If you want to Hide all images using CSS then use following code

img{
display:none;
}

Just put above code in your style.css file.