Slideshow

The slideshow shows title, excerpt and the featured image of the last 4 posts.

To get your slideshow adjusted perfectly for your website just check the following steps:

1. Theme Settings Page
Here you can enable the slideshow for your homepage, your starting page. This works just for the auto-generated homepage (which is showing your latest posts). Below you can choose of which category the posts for the slideshow should be taken from. If you use another static page as homepage, have a look at point 2.

2. Page Edit Screen
If you want to enable the slideshow on any other page, just go into the edit screen of that page. At the bottom you will see an extra field called “Custom Community Settings”. There you can choose, if you want to enable the slideshow for that page and which category to display.

custom community settings when editing a page

So, now you should have a slideshow on that page, and your posts should be shown.
No images? Check if you activated a featured image for the posts shown in the slideshow! You will find the “featured image” option when editing an article, on the right side below the tags-field.

3. Getting the images adjusted
The slideshow does not resize the images. The images are aligned centered. So your images need to be big enough.

Default size of the big image in the slideshow: 756x250px, but the image should be bigger than 756x567px.

Why? When you create your feature image, you have to keep in mind that it will be displayed at 756 x 250. That is the big image you have in your slideshow. However, doing this, will cut your image on the small preview-menu in the slideshow.

Best is to create images at 756 x 567. This will keep the 4:3 ratio in the menu, and your image will be displayed as usual. You just have to center what you want to be in the big image on the slideshow.

For the full width slider images use 1008 x 756 px as featured image size.

If you checked these points, all should be fine now. If not, maybe you found a bug…

Slideshow shortcodes

You can also insert the slideshow anywhere you like by using its shortcodes. Check out here many examples to copy and modify for you: http://custom-community-pro.themekraft.com/slideshow-shortcodes

Your custom slideshow

There are several ways to make your custom slideshow:

1. via shortcodes, check out example here:

http://custom-community-pro.themekraft.com/slideshow-shortcodes/#customized-slideshow

2. make a child theme, copy the original function slider() from core/includes/wp/shortcodes.php (starting line 667) and modify it for you so you’ll have your custom slider.

if you like to have the slideshow inside its own container and above the content (like the home slideshow, not the ones inserted via shortcodes), then you need to copy the function slideshow_home() from core/includes/theme-generator/theme-generator.php (starting line 294)

notes:
in this function slideshow_home() you have to call your own slider() function!
rename and modify it for you, and adapt the CSS to your needs.

and then you will also need your own featured image size, so add this into your functions.php but with your own image sizes:

// post thumbnail additional sizes
add_image_size( ‘your_sliderfunction_name’, 1000, 400, true );

…hope this is a good starting point to play around with your own custom slideshow.