Secret Ways To Create Custom Home Page In WordPress

WordPress related keywords have 37 million searches per month! That figure speaks volumes of the importance of WordPress as a platform in building a website for your business. Websites are indispensable to escalating growth and are imperative for businesses if they want to have a strong foundation and broad visibility.

WordPress is open source, therefore, there are many takers for it. But if your website is not capable of grabbing attention, then there is no use of developing one. Either you can make or break your business through a responsive WordPress based website but the call is yours. WordPress has hundreds of thousands of plugins for almost everything. If used wisely, it can definitely catalyze your business in reaching new heights.

In this fast-paced world where we give utter importance to the outlook of anything and prejudice on the basis of the appearance, the same holds true for business websites. If you are thinking of creating a WordPress website, then it’s very important that you must pay extra attention to its home page. In other words, in order to stand out from the crowd, you have to think and do things differently. You have to cover that extra mile if you want to make your presence felt in the online marketing realm.

WordPress allows users to create variegated websites like eCommerce, WooCommerce, online portals, forums, business website, personal website, portfolio websites and much more. You must have observed that websites have different page layouts and a custom webpage allows you to have a different layout.

The importance of Homepage

Since most of your visitors hit your home page first and then proceed further, it is very important to have a great home page design that is sticky so that your guests would read more of your pages and further use your services, if any.

The most interesting thing about the homepage is their appearance and design. The homepage is the fulcrum of websites. It presents what the website is all about and how will it render to the requirements of the user. In short, the homepage of a website is all about attracting more attention and converting mere visitors into loyal customers. It is about getting them to subscribe, buy your product/services and engage in some social media activities. In other words, any activity that will yield favorable outcome is always welcome and the home page plays and important role here.

A custom homepage is a great way to add highly customized functionality to your website. It lets you create and add your own script and styles into the website with ease.

So, in this blog post, I will tell you the secrets of creating a custom home page in WordPress and how to grab more eyeballs.

Techniques to create custom home page in WordPress

Before creating a custom home page, the prerequisite is to have basic knowledge of HTML, CSS, JavaScript and PHP. Apart from these languages, you must also have an understanding of few topics like photo editing, compression etc. You must be familiar with the basics of WordPress technicalities in order to do any customizing.

So, here we are with the steps for creating a custom home page WordPress website.

1. Creating the front page template

The first step is to create a new page template. Create a text file and add the following code to it:

* displaying the homepage.
get_header(); ?>
// front page content goes here
<?php get_footer(); ?>

You can save this file as templatename.php (i.e. your own template name) so that it is easy to locate it. Please note that this file includes the default footer and header and has to be saved in the current theme folder.

WordPress Custom Template

2. Add content to the home page

After creating the home page template file, it is time to add content to it. To add contents simply add the following code into the same file.

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<section class="entry-content full-width">
<?php the_content(); ?>
</section><!-- .entry-content -->
</article><!-- #post-## -->

With this step, WordPress will automatically use this code to display the content of your home page.

3. Adding Web pages

Follow these simple steps to create web pages of your site.

– Click on create a new page (Pages => Add new page)
– Select the homepage (templatename.php) from page attributes
– Click on the publish button

4. Editing your custom web page template

You can add HTML tags and PHP codes in your custom page file. All you have to do is copy the template file and open FTP client and select theme folder where you will find a file named page.php. Download this file.

WordPress Custom Page

After downloading the file, copy all the content that it has and paste it the end of the custom home page template file. Save again the custom web page template file and using FTP upload it back to the theme folder. You can continue editing the web pages as per your requirement.

5. Create the Panel

Panel is important as it leads to a smooth navigation throughout the website. You can provide the privilege of having all the options under the same panel or you can do that separately. In either case, you just have to add the following code into your templatename.php:

// Adding the Product Description panel::add_panel( 'product_description', array(_x000D_ 'priority' => 10,_x000D_ 'title' => __( 'Product Description', 'magnificient' ),_x000D_ 'description' => __( 'Panels to show description of the products', 'magnificient' ),) );

6. Description box

Description box is like a catalog providing useful information about the services and products. To catch user’s attention it is placed just below the slider so that it is easy to find. You can have many description boxes if you want to show more details about the products.

7. Uploading the file on server

It is now time for to check the functionality of the website. Upload the web pages on the server. The file you created (templatename.php) put it in the main folder of your current theme that has the directory path similar to:


Now upload your templatename.php file and all the supporting files into the same directory.

8. Functioning of the home page

The real test is now i.e. to check the functioning of your home page. From WordPress admin, activate the home page so that the rest of the web pages get connected with it making website operational. These simple steps will guide you how to make your home page operational:

– Login to your WordPress admin dashboard.
– Click on the “Pages” section and then on “Add New” to upload the new page.
– On the right side of the page, there is a template drop down where you can see your template file.
– After selecting that template file, publish it.

With the aforementioned steps, you can now create a custom homepage with ease. Now, you can increase the scope of your business and would really accomplish its sole purpose. Just make sure one thing that your website provides smooth navigation and enriching user experience and is free of clutter and has faster loading time.

These smalls steps eventually grow your business and make them reach new horizon. I, firmly believe that through this blog post you can steer your direction on the right growth path.

This article is contributed by Emily Smith who is an ed-tech enthusiast and has been associated with CWS Technology as a writer for more than 7 Years. CWS is the leading web development company that also provides PSD to WordPress service and other IT solutions. Emily has a passion for writing on emerging technologies like application management outsourcing, consulting, system integration etc.


  1. Deepu Prabhakar :

    Bhai,. super article. can you make a article about eCommerce step by step guide.

  2. Couldn’t agree more. Nowadays, creating a custom Homepage instead of show a blog index should be a priority. It controls the visitors journey and put what we have to offer front and center.

Speak Your Mind