Website setup – step by step instructions

This page lists the steps used to setup this website.

1. On cPanel, install WordPress with URL The files are installed under public_html.

2. Create a child theme call it “primer-child”.

Create folder public_html/wp-content/themes/primer-child

Create file public_html/wp-content/themes/primer-child/functions.php with the following contents.

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );

Create file public_html/wp-content/themes/primer-child/style.css with the following contents

Theme Name: Primer Child
Theme URL:
Description: Primer Child Theme
Author: John Doe
Author URL:
Template: primer
Version: 1.0.0
Text Domain: primer-child

tr:nth-child(even) {background-color: #f2f2f2;}

3. Customize the child theme.

On the left side bar admin area, Appearance → Theme → Select “Prime Child” customizer. In the customizer,

  • For “Site Identity”, uncheck “Display theme author credit”. Messages like “Primer Child WordPress theme by John Doe” will not be displayed at the footer.
  • For “Layout”, check “Fluid”; This will allow container to fill up display screen.
  • For “Widgets”, select “Hero”, click “Delete”. This will prevent printing a “hero message” at top of front page.

4. Hide the title “Home” on front page.

  • Find out front page ID. Edit the page on WP dashboard, Pages → All Pages. Hover cursor above the page’s “Edit” link. Look at address bar. Below is an example. The number in red show page ID.

  • Find out CSS class of the page title. On browser (chrome), hover cursor above page title, right click, select Inspect. You will see something like the following:

<h1 class=”page-title”>Home</h1>

Add the class and page ID to the following css code. Put it in “Additional CSS” field

.page-id-156 .page-title{