Blog

Introduction

OceanWP is a popular and highly customizable WordPress theme that offers flexibility for creating unique page designs. However, if you want to create a custom page template, the free version of OceanWP has some limitations. This guide will walk you through how to create a new page template, where to select it when editing a page, and what options exist if additional features are needed.

Understanding Page Templates in OceanWP

A page template in WordPress determines the structure and layout of a page. While OceanWP offers several pre-built templates, you might need a custom template for specific designs. The free version does not include a built-in visual template builder, but you can still create custom templates manually through coding.

Steps to Create a Custom Page Template in OceanWP

1. Create a New Page Template File

To create a custom page template, follow these steps:

1. Access Your Website’s File System:
   • Use FTP (File Transfer Protocol) via a tool like FileZilla, or access your file manager in your hosting control panel.
   • Navigate to wp-content/themes/oceanwp/templates.
2. Create a New PHP File:
   • Inside the oceanwp templates folder, create a new file. Name it something meaningful, such as custom-template.php.
3. Add the Template Header and Code:
   • Open the new PHP file and add the following code:

<?php
/*
Template Name: Custom Page Template
*/

get_header(); ?>

<div id="primary" class="content-area">
    <main id="main" class="site-main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
            the_content();
        endwhile;
        ?>
    </main>
</div>

<?php get_footer(); ?>

4. Save the File and Upload It:
   • If editing locally, upload the file back to your theme folder using FTP.

2. Selecting the New Template in WordPress

Once the custom template is created, you can assign it to a page:

1. Log in to WordPress Admin.
2. Go to Pages > Add New (or edit an existing page).
3. On the right sidebar, locate the “Page Attributes” section.
4. Under the “Template” dropdown, select “Custom Page Template”.
5. Click “Publish” or “Update” to save the changes.

Your page will now use the custom template you created.

Editing and Adding More Templates

If you need additional templates, repeat the steps above, ensuring that each new PHP file has a unique name and “Template Name” field.

Editing an Existing Template

To modify an existing template:

• Navigate to wp-content/themes/oceanwp/.
• Open the file corresponding to the template you want to edit.
• Make your changes and save the file.
• Refresh your WordPress site to see the changes.

Creating Advanced Custom Templates

If you need more advanced templates with different layouts or custom sections, you can:

• Add custom CSS.
• Include additional PHP code.
• Use hooks and functions from OceanWP for greater customization.

Limitations in the Free Version of OceanWP

While the above method works, the free version of OceanWP does not include a built-in visual page template builder. If you need an easier way to create and manage templates, you may need a premium solution.

Premium Options for Custom Templates

1. OceanWP Premium Extensions
   • OceanWP offers paid extensions, such as OceanWP Full Site Builder, which allows you to create custom templates visually.
2. Using a Page Builder (Elementor, Beaver Builder, etc.)
   • Elementor (free and pro) allows custom templates with an intuitive drag-and-drop interface.
   • Beaver Builder and other premium page builders offer similar functionality.
3. Child Theme Customization
   • If you frequently modify templates, creating a child theme ensures that updates to OceanWP do not overwrite your changes.

Conclusion

Creating a custom page template in the free version of OceanWP requires manual coding, but it is still a viable option for users comfortable with file management and basic PHP. If you prefer a more user-friendly approach, investing in OceanWP premium extensions or a page builder like Elementor may be the best option. Regardless of your choice, custom templates provide a powerful way to enhance your WordPress site’s design and functionality.