OceanWP child theme

☝️ Note: Check our article about OceanWP Slider and learn how you can publish your slider with OceanWP.

If you can't find any good positions with OceanWP settings, then follow this tutorial.

⚠️ Warning: To be able to follow the steps of this tutorial, you are required you to have coding knowledge. Regretfully we can't provide support for custom coding. If you can't achieve what you are looking for or if you're not sure how to follow the instructions, hire a developer. We are also unable to provide support for problems happening because of custom codes.

This documentation can help you put a slider under the top menu of the OceanWP theme.

1
Go to the FTP of your website and create a child folder

/wp-content/themes/oceanwp-child-theme/

2
Create a style.css file in this folder

/wp-content/themes/oceanwp-child-theme/style.css

and write this code in it:

/*
Theme Name: OceanWP child theme
Template: oceanwp
*/
@import url('../oceanwp/style.css');
3
Copy the header.php file from OceanWP into your folder

From: /wp-content/themes/oceanwp/header.php

To: /wp-content/themes/oceanwp-child-theme/header.php

4
Modify the code

This is how the end of the code looks like:

<?php do_action( 'ocean_header' ); ?>
<?php do_action( 'ocean_before_main' ); ?>			
<main id="main" class="site-main clr"<?php oceanwp_schema_markup( 'main' ); ?>>
	<?php do_action( 'ocean_page_header' ); ?>

Use our slider's shortcode under the header part:

<?php do_action( 'ocean_header' ); ?>
<?php echo do_shortcode('[smartslider3 slider=315]'); ?>
<?php do_action( 'ocean_before_main' ); ?>
<main id="main" class="site-main clr"<?php oceanwp_schema_markup( 'main' ); ?>>
	<?php do_action( 'ocean_page_header' ); ?>
5
Activate your child theme

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.