WordPress Templates

Themes

Installation of WordPress Theme

  1. Open your Dashboard.
  2. Go to Appearance and click on Themes. This will open up the page as shown below.

3. Choose the theme that works for you. You can preview the theme before making any changes.

4. If you like the theme, Click on Activate & Publish.

Below are the screenshots of how my website looked before and after I changed my theme.

Before:

Theme: Twenty Seventeen

After:

Theme: Illustratr

CSS Selector Modifications:

Before:

To do this,

  1. Go to Appearance,
  2. Click on Customize.
  3. Select Additional CSS.
  4. Type in the codes on the space provided. (Below are the screenshots of how they should look)

After:

For Heading 1:

I changed the Font family to Sans-serif, colour to blue-violet and aligned the text to center. Below are the codes that I used for this:

h1 {
font-family: “Sans-serif”;
color: blueviolet;
text-align: center;
}

For the Unordered List:

I changed the font size to 22px, font family to Arial and colour of the text to green, as well as aligned it to the left. Below are the codes that I used:

ul {
font-size: 22px;
font-family: “Arial”;
color: green;
text-align: left;
}

For the paragraph:

I changed the font size to 20px, font family to Verdana and colour of the text to black, as well as aligned it to the left. Below are the codes that I used:

p {
font-size: 20px;
font-family: “Verdana”;
color: black;
text-align: left;
}

Code

Below are the examples of the usage of H1, H2, Ordered List, Unordered List and Emphasis (on the words ‘SMD101’ and ‘SMD103’)

H1: What will I do today?

H2: At School:

  • Grab a cup of coffee from Tim Hortons on campus
  • Attend SMD101 
  • Go Ice Skating during the break
  • Attend SMD103 

H3: After School:

  1. Go to the Gym
  2. Go for Winter Shopping
  3. Complete Assignments
  4. Get the Training Certificate for my new job

Creation of New Class:

Here is the screenshot of the class (named SMD104) that I created and this is the line I modified using the class.

Below is the code I used to call the class:

<p class=”SMD104″> </p>

Google Analytics

To add the tracking code,
  • Copy the code from Google Analytics.

  • Go to your WordPress Dashboard.
  • Go to Appearance and click on Editor.
  • Paste the code in the Footer section of your website

 

Leave a Reply

Your email address will not be published.