Sliding Featured Image Thumbnails in Your WordPress Theme Using Dynamic Featured Image and Nivo Slid
You may have noticed a thumbnail image before every post list in almost every blogging website. It generally appears as a thumbnail when viewing a list of posts, perhaps in a category index or search results. In most cases these thumbnail image are set using the "Featured Image" box provided when editing a post or page.
Since WordPress only provides the facility to add a single featured image, the thumbnail image that appears in the post list are mostly single. But now with the help of Dynamic Featured Image Plugin we can have image thumbnails that changes like a slideshow in the post or page lists.
About the Plugin
DFI plugin enables the option to have MULTIPLE post thumbnails within a post or page. This is especially helpful when you use other plugins, post thumbnails or sliders that use multiple images. Why limit yourself to only one post thumbnail if you can do some awesome stuffs with multiple post thumbnail? DFI allows you to add different number of images to each post and page that can be collected by the various theme functions.
This plugin is unique from other WordPress featured image plugin because there is no need to add code in functions.php file for every featured image.
How it works?
1. After successful plugin activation go to add or edit page of posts or pages and you will notice a box for second featured image.
2. Click the image icon, select required image from media popup and click Insert into Post.
3. Click on Add New to add new image box or use Remove link to remove the featured image box.
4. You can then get the images by calling the function dfi_get_featured_images([$postId (optional)]) in your theme.
5. The data will be returned in the following format.
array
0 =>
array
'thumb' => string 'your_site/upload_path/yourSelectedImage.jpg' (length=50)
'full' => string 'your_site/upload_path/yourSelectedImage_fullSize.jpg' (length=69)
'attachment_id' => string '197' (length=3)
1 =>
array
'thumb' => string 'your_site/upload_path/yourSelectedImage.jpg' (length=50)
'full' => string 'your_site/upload_path/yourSelectedImage_fullSize.jpg' (length=69)
'attachment_id' => string '198' (length=3)
2 =>...
Contribute
If you'd like to check out the code and contribute, join us on Github. Pull requests, issues, and plugin recommendations are more than welcome!
What we will be building?
If you view the post list section of my blog, you may notice that some post have changing image thumbnails behind them. Click here for the demo. We are going to build the same.
Here is the complete link for the tutorial: http://ankitpokhrel.com.np/blog/sliding-featured-image-thumbnails-in-your-wordpress-theme/
Since WordPress only provides the facility to add a single featured image, the thumbnail image that appears in the post list are mostly single. But now with the help of Dynamic Featured Image Plugin we can have image thumbnails that changes like a slideshow in the post or page lists.
About the Plugin
DFI plugin enables the option to have MULTIPLE post thumbnails within a post or page. This is especially helpful when you use other plugins, post thumbnails or sliders that use multiple images. Why limit yourself to only one post thumbnail if you can do some awesome stuffs with multiple post thumbnail? DFI allows you to add different number of images to each post and page that can be collected by the various theme functions.
This plugin is unique from other WordPress featured image plugin because there is no need to add code in functions.php file for every featured image.
How it works?
1. After successful plugin activation go to add or edit page of posts or pages and you will notice a box for second featured image.
2. Click the image icon, select required image from media popup and click Insert into Post.
3. Click on Add New to add new image box or use Remove link to remove the featured image box.
4. You can then get the images by calling the function dfi_get_featured_images([$postId (optional)]) in your theme.
5. The data will be returned in the following format.
array
0 =>
array
'thumb' => string 'your_site/upload_path/yourSelectedImage.jpg' (length=50)
'full' => string 'your_site/upload_path/yourSelectedImage_fullSize.jpg' (length=69)
'attachment_id' => string '197' (length=3)
1 =>
array
'thumb' => string 'your_site/upload_path/yourSelectedImage.jpg' (length=50)
'full' => string 'your_site/upload_path/yourSelectedImage_fullSize.jpg' (length=69)
'attachment_id' => string '198' (length=3)
2 =>...
Contribute
If you'd like to check out the code and contribute, join us on Github. Pull requests, issues, and plugin recommendations are more than welcome!
What we will be building?
If you view the post list section of my blog, you may notice that some post have changing image thumbnails behind them. Click here for the demo. We are going to build the same.
Here is the complete link for the tutorial: http://ankitpokhrel.com.np/blog/sliding-featured-image-thumbnails-in-your-wordpress-theme/
Source...