8 Secret Techniques To create Custom Home Page In WordPress

by on December 8, 2016

wordpress technique

8 Secret Techniques To create Custom Home Page In WordPress

  •  
  •  
  •  
  •  

WordPress is widely used for developing websites and is one of the best Content Management System (CMS) that can be used for creating any type of website whether you want to develop an e-commerce site, a blogging platform, online portal or any other type of website. If you’re a budding entrepreneur or already a well-organized business, you need to have a platform where people can come and interact with you and get the message out.

Our lifestyle is digital-driven with the advancement in technology as the methodologies of business has shifted from offline to online from interpersonal connections to internet connections. Everything has been transformed whether it’s the way of doing business or shopping online or browsing the net. Website is the ideal platform to make a dent in the world. There cannot be any effective for communicating with people other than the website. You want to reach to global clients all you’ve to do is develop a website and voila. For the same reason, organizations these days are now investing in web development services. If you don’t have a website, chances are good that you’re missing out on a lot of opportunities. It is the perfect time to make that move and make a hay when the sun still shines.

Which platform to choose for web development?

How would you react if someone says that your favourite thing is available online and that you are just a few clicks away from buying it? Astonishing, isn’t it? For the right development track and tapping into new streams of revenue, you should consider web development.

Even if you make up your mind of developing a website, you’d still find yourself in the middle of the confusion in choosing the right platform to start the development with. There are lots of Content Management System (CMS) and choosing the right one to kick-start your development process. But to be honest, WordPress would be the perfect choice for you whether you’re a naive or a developer.

Let’s look at some of the few facts of WordPress:

– WordPress powers over 74 million websites.
– Some sites that run on WordPress: CNN, MTV News, People Magazine, Harvard Business Review, Forbes, NFL, Reuters and much more.
– It has more than 45,000 plugins.
– It can be used for intranet sites too.
– It is totally free.
– WordPress related keywords score 37 million searches per month.

Current CMS Market Share

The above pie chart says it all. WordPress is by far the most popular and widely used CMS. The reasons being it’s an open source plus free and anyone can use it even a layman. For the same reason, enterprises are investing are in WordPress development services.

Techniques To create Custom Home Page In WordPress :

1.  Custom Page Template Technique:

This is the simplest way to create a custom Home Page in WordPress website. All of you’ve to do is create a file and name it xyz.php and save all the files in this folder. This file will automatically take over your index.php and it will be your Homepage. This method is useful when there is no need of separate blog page.

Another way is to simply copy and paste the index.php in the template file and name it xyz.php.
Click on Settings>Reading, then select the option of Static Page and select the page that you want to be the Homepage.

reading setting

After doing that, save the settings and you’ve the custom Homepage. This page will be displayed as your front page and separate pages will be displayed on different pages.

2. Creating the front page template:

Use the following code for creating your first front page template.

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

After that save the file as function.php or whatever suits you. Note that this folder contains footers and headers, therefore, save it in a separate folder.

Page

3. Add content to the Homepage:

After creating and saving the file, it’s time to add content. For doing that simply use the following code:

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

WordPress will detect this code automatically and would display the Homepage’s content.

4. Adding web pages:

Now add web pages to your WordPress site. Follow the below-mentioned steps for doing the same.
– Click on create a new page (Pages => Add new page)
– Select the Homepage (xyz.php) from page attributes
– Click on the publish button.

Add new page

5. Editing your web page template:

It is time to edit the custom web page template as per the requirement. You can add PHP and HTML tags. Copy the template file and open the FTP client server and look for the xyz.php file and download this file. After downloading this file copy all the content and paste it at the end of your custom homepage template file. Save this file and using FTP server upload it back to the theme folder. You can follow the same process and edit as much as web pages as you can.

editing webpage

6. Creating the Panel:

It is goo d to keep things clutter free and separate for using them with ease. Panels lead to a smoother navigation throughout the site and you provide users with the privilege of having all the options right under the same panel or with separate panels.
You can create the Panel by adding the following code:

//Creating the panel
panel:add_panel( ‘product_description’, array(
‘priority’ => 20,
‘title’ => __( ‘Product Description’, ‘ XYZ’ ),
‘description’ => __( ‘Panels to show description of the products’, ‘XYZ’ ),
) );

7.  Uploading the file on the server:

For uploading the file you need an FTP (File Transfer Protocol) application and for that, you can setup FileZilla for transferring the files to the server. After installing the FTP client server open it and connect it to the live site. Once you are connected to the site make sure that you upload all the files in the right directory.

Now select your WordPress sites’ files and upload them to the user.

WordPress site file

8.  Functioning of the Homepage:

This is the last stage of creating a custom homepage in your WordPress website and now is the time to check its functioning. For that, activate the home page by log into WordPress admin and get connected with the website.
– Log into your WordPress admin dashboard.
– Click on the “pages” section and then click on”Add New” for uploading the files.
– Select the template file and publish it.

Wrapping it up:

As through this article, I’ve discussed how you can create a custom homepage in WordPress website with ease. With WordPress Development services you can increase the scope of your business and give it a totally new direction achieving all the objectives.

Author Bio: – Jessica Alba is an ed-tech enthusiast and has been associated with CWS Technology as a writer for more than 5 Years. CWS is the leading web development company that also provides android, iPhone, HTML to WordPress service and other IT solutions. Jessica has a passion for writing on emerging technologies like application management outsourcing, consulting, system integration etc.


  •  
  •  
  •  
  •  

Download my E-book "WordPress Development for Noobs" for free right now:

  • This field is for validation purposes and should be left unchanged.
Only the best of web design & marketing

Ready to get started?

Get a free consultation now