Solved

I need to replace the static image on my wordpress site's homepage with a slider.

Posted on 2013-06-24
13
486 Views
Last Modified: 2013-07-06
Hello,
We have this website: http://www.rcssafety.com . You will see that the main image is static but we want to replace that with a slider that has text. I have never done this level of customization before so I would like to hopefully be pointed in the right direction as to how to go about this. The slider will have about 4-5 slides and text as well. Please help!
0
Comment
Question by:designrox
13 Comments
 
LVL 58

Assisted Solution

by:Gary
Gary earned 100 total points
ID: 39272873
0
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 100 total points
ID: 39272888
The short version is Gary's link.

The slightly longer version is you need to get a slider plugin or code and then edit the appropriate template file in your Theme to embed the appropriate function call or code.
0
 

Author Comment

by:designrox
ID: 39273039
Sorry, forgot to add some other important (I think) details. We purchased this theme on templatemonster.com and we have purchased a couple of other themes from them as well. All of the other themes contain sliders. So I thought that maybe I could pull the slider file from one of the other themes and use it for this theme. We contacted templatemonster to see how much it would cost for them to customize and it sounded like they would basically do this same thing. But they won't give instructions on how they perform the customization so I'd rather do it myself so I can learn more about how these themes are put together. Also, I know these sliders use the custom post type "slider" for these themes so I think I have to add a custom post type to my theme first. And then input the slider code. Please correct me if I am wrong in my thought process.

I would rather go about the code way versus the plugin way. Just for own learning reasons. However, if I decided to go about with the plugin way, where would I input the code for it to work. I installed the Soliloquy lite slider plugin and it gave me this code:

if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '823' );

It said to input this in the template file I wanted to get it to show up. Problem is, I don't know where to place it. I know the main image now is called the banner in the template files. But when I look at the homepage php file it is not calling the banner area. It's pulling it from somewhere else. Hope that makes sense. Where would I look to find that banner area and insert this code to make the slider work?
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:designrox
ID: 39273080
Also, the banner area is edited in the widgets. But I do not know where it is defined in the theme files.
0
 

Author Comment

by:designrox
ID: 39275525
I installed the soliloquy slider plugin and it gave me this code:

if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '823' );

It said to insert it in the theme files. I have attached the header.php file that shows the "banner" being called. The banner is the defined static image area. That area is currently editable in the appearance --> widgets area but inputing the short code there does not work so I figured editing the php file would be the only solution?
header.php
0
 
LVL 4

Accepted Solution

by:
ScorchD earned 300 total points
ID: 39276542
If you just add an else to that widget statement to include your slider

<?php if( is_active_sidebar( 'banner' )){?>
					<div class="wrapper">
						<section id="banner">
							<?php if ( ! dynamic_sidebar( 'Banner' ) ) : ?>
								<!-- Banner -->
							<?php endif ?>
						</section><!--/slider-->
					</div>
				<?php } else { if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '823' ); }?>

Open in new window


That should be all you need, then just make sure you dont have anything in the banner widget.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39287664
Mods,

The Last post is from an Expert and answers the question.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question