- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
WordPress. How to make slider appear on inner pages
April 14, 2015
In this tutorial you will learn the way to make slider appear on pages you need in WordPress.
WordPress. How to make slider appear on inner pages
In this tutorial we are going to add the slider to About Us page. To do it, you should perform 3 steps:
-
Check a page template
First, you should check which template a desired page uses. Log into your WordPress admin panel, navigate to Pages menu and open your page. In the page editor in the right column you will find Template field. Check the option selected in this field (see the screenshot below):
In our case, the About Us page uses Fullwidth template.
-
Copy page template files
Now you should find the .php file of the selected page. Usually all template files are located in wp-content/themes/CherryFramework directory on your server. The full list of page template files you can see below:
-
Home Page – page-home.php
-
Default – page-default.php (it may also be named page.php or index.php)
-
Testimonials – page-testi.php
-
Archives – page-archives.php
-
FAQs – page-faq.php
-
Fullwidth – page-fullwidth.php
-
Filter Folio 2 cols – page-Portfolio2Cols-filterable.php
-
Filter Folio 3 cols – page-Portfolio3Cols-filterable.php
-
Filter Folio 4 cols – page-Portfolio4Cols-filterable.php
You can also check the .php file that loads your page by inspecting it via Firebug Mozilla Firefox Software (see the screenshot below):
More information about page templates you can find in the tutorial: WordPress. Page templates overview.
Using FTP manager or File Manager in the Hosting Control Panel, copy the required files from wp-content/themes/CherryFramework folder to wp-content/themes/themeXXXX directory (where XXXXX is the number of your theme).
IMPORTANT: DO NOT perform changes in files from the "/wp-content/themes/CherryFramework" folder, because all your changes will be lost after the Cherry Framework update.
In our case we should copy 2 files: page-home.php (file that contains the slider code) and page-fullwidth.php (file of the About US page template).
NOTE: There are WordPress Cherry templates that contain page-home.php file in the wp-content/themes/themeXXXX directory. In this case you should not copy this file from the wp-content/themes/CherryFramework folder.
-
-
Copy the slider code
To copy the slider code, open page-fullwidth.php file from wp-content/themes/themeXXXX folder in any code editor and find the similar code on the line 9:
<?php if ( of_get_option( "px_slider_visibility", "true" ) == "true" ) {
get_template_part("includes/parallaxSlider");
} else { ?>
<div data-motopress-type="static" data-motopress-static-file="static/static-slider.php">
<?php get_template_part("static/static-slider"); ?>
</div>
<?php } ?>Then open the file of your page from the same folder, in our case page-fullwidth.php file, and paste the copied slider code to the top of the file under the line 8:
<div class="motopress-wrapper content-holder clearfix">
NOTE: Always make a copy of the file that you are going to edit. It will help you to reverse your changes easily if you need it.
Save the changes in the file. Refresh the page to check changes on your site. You will see the slider appeared on your page.
This is the end of the tutorial. Now you know how to make slider appear on pages you need in WordPress Cherry templates.
Feel free to check the detailed video tutorial below: