dynamic content gallery
This tutorial helps you to add dynamic visual slider to the thesis theme with the help of dynamic content featured gallery plugin in the thesis theme. Before getting started you must know that dynamic content gallery use mootools javascript framework therefore if you use others plugin that distract its process then you have to uninstall it like light box 2. Instead of light box 2 you can install shadowbox js.
Now follow this tutorial step by step to add dynamic content content gallery in thesis theme which will create an attractive visual slider to your thesis theme
1. Download Dynamic content featured gallery wordpress plugin and upload it in your wordpress account
2. In your dynamic content featured gallery click on setting
3. Now the setting page will appear now you have to manage certain things in it. lets look everything one by one In the image file management choose full url( which is by default you don’t need to change anything in URL to image folder and put there http://yourdomain.com/wp-content/upload/custom/ Replace you domain with your domain name
4. now on gallery method you will see three option multi option, one category and pages, if you want to display multiple category in features articles choose multiple category. if you want to stick into just one category then choose one category. if you want to use pages instead of post use pages. Now you have to mange the respected selected category which will be available just below it . Just mange category that you have selected for example if you have selected multiple category you can only take look at multiple category you don’t need to look rest of it
5. In gallery size and css option give the require size of the features content box its width and height give it according to your blog size. My post areas size is 600 px therefore i have given 600 px height and 300 px width and choose side panel height 75px . you can give it according to your need. You can also style of your features gallery with different colour.
6. Now scroll you page down and click on save changes
7. Go to thesis page option (in thesis 1.7) In home page display choose number of features post to 0. (please note:- In previous version of thesis this home page display option is available on thesis option of design option)
8 ) Now paste this code in your custom_function.php
1 2 3 4 5 6 7 8 9 10 11 12 13 | /***************************************************************************/ /* thesis slider*/ /***************************************************************************/ add_action('thesis_hook_feature_box', 'featcc'); function featcc() { if (is_home()){ global $post; if( function_exists( 'dynamic_content_gallery' ) ) : dynamic_content_gallery(); endif; } } |
9. Now go to design option. In the features box choose the following
Placement: In your content column
Show features box: on home page only
Display features box after pox: Above all post
10. Now you can see the features box in your blog but now you have to manage the image url path. Now in your post of page areas you will see Dynamic content gallery just below categories at the right hand side of your page. In the image url you have to give the required image url that you want to display on your features box.(Please note: if you want to have an effective result on side show use image editing tools to make your picture size to actual size of your features box which will make a pretty look)
11. Now you can see the dynamic content gallery in thesis theme.
Ubuntu 12.04 apha 2 released (major screenshots)
How to install firefox 10 in Ubuntu via ppa
Google earth 6.2 released and way to install it in Ubuntu
How to make your own calculator using shell script in Linux
Shell Script: Case structure and Select Statement
A wonderful blogpost dude!! Well written this is a feature which gives a professional look to all blogs.
Thanks for the blog posting Saugat,
This would be a great solution for my site http://medialive.info/ (using thesis 1.7 theme) but as you can see, all I’m getting is a blank image background despite following your instructions to the letter :(
Any idea where I’m going wrong?
Appreciate any help.
Thanks
Hugh
Hello hugh you have successfully install dynamic content gallery. you are getting blank background may be because you have specifiy the image path. please follow the number 10. Use specific image path. if you found any problem after that please let me know.
Thanks so much for the help – this was painless and worked the first time!
Hugh…I’m having the same problem…how did you resolve your issue? I’ve got a black background with no images. I’ve double checked the path for the images, and everything seems to be fine.
While writing the post. you will fee features image at right hand site. Put image url Then it will work.
Hi,
I got black background only. Images are not showing up. Ive already put the img url on DCG img. see here: http://ritzonline.net/wp-content/uploads/2010/09/aw.jpg
http://ritzonline.net/wp-content/uploads/2010/09/waaa.jpg
any help pls?
Go to setting dynamic content gallery In image file managenement choose full url and choose url to image folder
put http://yourdomain.com/wp-content/uploads/custom/
IN multi option setting pls choose the category you want to display image and make the slide pane descritpions manual
Please see your email. if you still face problem please reply email.
i have a problem.. in custom file editor. i dont have custom_functions.php
only custom_functions2.php
you have two custom_functions files You have to delete one by ftp or rename custom_functions2 to custom_functions
please help,
i have a problem.. in custom file editor. i dont have “custom_functions.php”
only “custom_functions2.php”
Before starting to insert the DCG plugin a quick question. Does your tutorial refer to Thesis 1.8 and Dynamic Content Gallery 3.3.2 and current version of WP?
If the tutorial was written before Thesis 1.8 or DCG 3.3.2 were released is the code and its placement the same as above
Many thanks
Kevin
Hello i have implement this plugin in thesis 1.7 and previous version dynamic content gallery. Later i upgrade to thesis 1.8 and also upgrade dynamic content gallery and its working fine. Thanks for your comment
I have been trying to add this to my site and I just get a black box with the loading bar. I have done everything in the steps. I do have my blog on a subdirectory (/blog). Do I need to make modifications for that?
Hi kerri
Since your blog is installed in subdirectory you need to change certain things in your domain name
Please change the image path .
http://yourdomain.com/wp-content/upload/custom/
to
http://yourdomain.com/blog/wp-content/upload/custom/
Wow!
That is so well made, explained written, assembled, everything! I figured the majority of the thing by myself and just nicked your code, but the flow of the tutorial is suberb!!!
THankyouuuuu!
Bojan
added the feature box correctly as you can see this but facing issues in wp-admin panel after adding this plugin. I’m typing the error what i’m getting after installing this plugin
“Warning! This version of Dynamic Content Gallery requires that your theme supports the WP Post Thumbnails feature.”
Need your help to remove this error or you can let me another alternative way to add slider on homepage??
Hello Vivek.
This message might be occurring because of the version of dynamic content gallery you are using. I think this error will also likely to be seen in the plugin page. You have to use previous version of dynamic content gallery for this purpose. But i don’t think it will create problem.
hey buddy, thank you for this excellent guide. i have successfully installed the plugin, just one change i like to do in the Slide Pane Descriptions: feature.
i like to remove the slide bar and post title which appears. i prefer to make it more cleaner, so just the image. is there any way to remove this ?
thankyou
Hello carlo, I have seen your website. I think you have done it successfully what you have needed.
Perfect. This is a great tutorial, although I still had a problem with it working.
Then I switched it from Mootools to jQuery and it worked.
Thanks!
Awesome! Thanks so much for this very helpful tutorial. It worked perfectly for me. :-)
Thank you for the another awesome article!
My bad luck i have black background with loading screen, I followed step by step as mentioned above, but i know there is something I’m missing?
Appreciate your response please….
How can I further customize the placement of the gallery (margins around the area, centering, etc.)? I tried adding a css class to the hook in custom_functions.php, but I kept getting errors. It’s possible I was writing the code wrong.
Hiya and thanks for the post. I got the content gallery to work on my site here: http://www.goonblog.com – but only if I select jQuery as the javascript option. It looks OK with the exception of the sizing of the description boxes – which, with the jQuery option selected, you cannot alter. So the boxes change in size from slide to slide and it looks really amateurish.
- Any idea as to why I can’t get the MooTools javascript option to work?
- Is there ANY way to set a standard description box size with jQuery?
Thanks in advance!
Dave
I’m trying to place a banner beside my featured posts slider in my feature box, but I can’t get it positioned directly to the right of the slider. It keeps getting placed under the slider in the feature box… any ideas?
For this operation you have to modify few stuff in php code. add_action(‘thesis_hook_feature_box’, ‘featcc’); In this Line of code u have to give the place where u want to show the gallery. Please refer to thesis hook for more information.
Thanks – does it matter if I am using the dynamic content plugin?
Great post. Really clear instructions … a lifesaver!! Thanks for sharing.