Website setup – step by step instructions

This page lists the steps used to setup this website.

1. On cPanel, install WordPress with URL ezfig.com. 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.

<?php
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: http://hocl.org
Description: Primer Child Theme
Author: John Doe
Author URL: http://hocl.org
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.

http://www.ezfig.com/wp-admin/post.php?post=156&action=edit

  • 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{
     display:none;
}