acub

I guess I misunderstood your request than. I thought you wanted two slides to share the same exact image. But I guess you needed a way to display featured images in your posts/pages and were asking if you can use slider images as featured images of posts/pages.

I also found this tutorial which basically covers all the steps I mentioned above, walking you through the code. It’s all wrapped up in a plugin file, but it’s a custom plugin, one that you will create for yourself.

You shouldn’t be afraid of plugins in general. They are the typical and recommended way of adding functionality that is not theme related to a website . As long as they do not have a lot of functionality you do not need or plan to use, you should not be afraid of plugins, especially high rated ones.

Also, I have found out that dividing functionality mods to a website into self made custom plugin files, based on their scope, is a great way to keep everything in order. They’re easy to read, activate or disable.

They are nothing more than simple php files with a plugin header, placed in /wp-content/plugins, nothing fancy. They’re not published on WP or anything, but I prefer this to having all mods mixed up in functions.php.

I tend to keep functions.php for visual modifications only, which are theme related.

If you mean the top blue border, it can be disabled from theme options. “Disable top border” or something similar.

If you mean the grey line between the logo and the slider, you need to add this to your custom css panel, in theme options:

.tc-header { border-bottom: 0; }

I agree, mcfmullen.

However, the slider in Customizr is a standard bootstrap 2.3.2. slider, not much to customize to it, except the contents of the slider title and its description. It has been built around the concept that each image is one slide (which kind of makes sense, if you ask me).

I’m really curious about any other solutions that use the same image (as in the exact same file, so the browser doesn’t load two identical images) for different slides. That’s what you asked for, right?

If you

…want every post to have a slider and have every post appear on the homepage slider too…

I suggest you disable the built-in slider of the first page, install a slider plugin that offers whatever you need from a slider and hook it up to some hook on first page.

That’s how I would do it if the built in slider wouldn’t cut it for me. Well, to be honest, I’d just upload the same image multiple times and I’d go about my business 🙂

The only real limit in web technology is the amount of effort you put into getting the result you want. The question here should not be: “Can this be done?”, but: “What’s the easiest way of achieving this result?”

First off, you need to have the testimonials in your database. You could add them as a separate category of normal posts but than you need to exclude that category from showing up from your blog, in all places your readers see your blog, including the rss feed. Another option, the proper one, is to add them as a custom post type.

After you create the custom post type and you add a few testimonials, you need to add a function in your child theme’s functions.php that outputs the result of a query on those testimonials. And, of course, to add the result of that function to your front page, using a wordpress or theme hook.

And, of course, you need to animate the elements, since you want them rotating, using some css 3 or jquery. You might want to regenerate the testimonials displayed from time to time and load the new results via ajax or you might want to generate all the slides when the page gets rendered and just iterate through those.

This is all you need to do. It can all done be from functions.php but most parts of the process are easily achieved with WordPress plugins.

Remove “text-align: right;” from the current rule and add it in a separate declaration:

.ie8 .site-description:after {
	text-align: right;
}

Now it will only apply in IE 8.

Here’s how you can do this and avoid having the same image loaded twice for a slider:
1. Upload your image for the first slide. For this example, let’s assume you name it “qwertyuiop.jpg”.
2. Upload another image, named “poiuytrewq.jpg” for the second slider you need “qwertyuiop.jpg” loaded.
3. Now add this function to your child theme’s functions.php:

add_filter('tc_slider_display', 'swap_slider_images');
function swap_slider_images($html) {
	return preg_replace('%poiuytrewq.jpg%', 'qwertyuiop.jpg', $html, -1);
}

Basically I’m switching “poiuytrewq.jpg” with “qwertyuiop.jpg” in the html output of the slider, just before it gets rendered in the page. If you need the image more than twice, replace the first argument of preg_replace with an array containing all the names that need to be replaced, like this:

function swap_slider_images($html) {
	return preg_replace(array('%specific-name-1.jpg%', '%specific-name-2.jpg%', '%specific-name-3.jpg%'), 'qwertyuiop.jpg', $html, -1);
}

Just make sure specific-name-{x}.jpg are specific enough that they don’t show up elsewhere in the html output for the slider (this includes the names of the slides, their descriptions and links, as well as the rest of html tags in the slider html output), except in those image names. If they do show up elsewhere in the slider, they will be replaced with qwertyuiop.jpg and will probably break your slider.