M2-Week 8-Home

The following is some research and development work I carried out this week to get rid of the ugly looking page and post titles that appear by default in WordPress:

WordPress(Suppress Page Title)

WordPress: Hide Page Title or Post Title on a Case by Case Basis

WordPress: Hide Page Title or Post Title on a Case by Case Basis

Step 1 – Find the Title Class Name in your browser.
(1) In your browser (say Firefox), right-click on page.
(2) Choose View Page Source from the menu.
(3) Click Edit_Find in your browser.
(4) Type <h1 class=”entry-title”>Home</h1> in the Search Edit Box at the bottom of your screen.
Note: Replace ‘Home’ by the name of the particular page whose title you wish to suppress.

Step 2 – Find the Page or Post ID
(5) Having found class=”entry-title”, look at the entry article id = “post-214” two lines above this.
Note: The number 214 is the number of this particular page. Other pages will have different numbers.

Step 3 – Insert Code into Stylesheet
(6) In WordPress, click Appearance_Editor.
(7) Click Stylesheet (style.css) in the bottom right corner of your screen.
(8) At the very bottom of the stylesheet, enter the following code:
.page-id-214 .entry-title {display: none;}
Note: The number 214 is the number of this particular page. Other pages will have different numbers.

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

post-214
<article id=”post-214″ class=”post-214 page type-page status-publish hentry”>

.page-id-214 .entry-title {display: none;}

WordPress (Suppress “Proudly powered by WordPress)

Step 4 – Insert Code into Stylesheet
(1) In WordPress, click Appearance_Editor.
(2) Click Stylesheet (style.css) in the bottom right corner of your screen.
(3) At the very bottom of the stylesheet, enter the following code:

.site-info {
display : none;
}

FOR POSTS:

The CSS code for Posts is similar, but it’s not the same. Here’s an example for Posts:

#post-1773 .entry-title {display: none;}

The following text was originally on my Home page:

This is the ePortfolio and Blog of Gerard Kilkenny, First Year Student (No. D15128959)This is the ePortfolio and Blog of Gerard Kilkenny, First Year Student (No. D15128959)