How to Manage Posts on your WordPress Website

I. Changing the WordPress theme on the website

Open your WordPress dashboard and click on Appearance to change the theme

Find Customize under Appearance to access Additional CSS

Additional CSS is where you can put your codes.

See following example;

h1 {
font-family: Helvetica; 
color: #FF0888;
font-size: 50px
}

h2 {
font-family: Helvetica; 
color: violet;
} 

II. Use HTML tags to define content on your blog post

Creating an unordered list

1. Cognac

2. Whiskey

3. Scotch

4. Dark Rum

Here is the HTML code:

<ul>
   <li>Cognac</li>
   <li>Whiskey</li>
   <li>Scotch</li>
   <li>Dark Rum</li>
</ul

 

Place emphasis on a word or sentence – em

This is how you emphasize with a code

<p>Place <em>emphasis</em> on a word</p> 

Place emphasis on a word

Define some content

PUTTING EMPHASIS ON AN ELEMENT

Using HTML code it is possible to put emphasis on any element of your text. In this example, the emphasis is put on “HTML code”.

This was possible thanks to the following code:

<p>Using <em>HTML code</em> it is possible to put emphasis on any element of your text. In this example the emphasis is put on "HTML code".</p> 

This heading is an H2

This heading is an H3

h2 and h3 are generated with the following HTML code:

<h2>This heading is an H2</h2>
<h3>This heading is an H3</h3> 

Define a new class that affects colour, typeface and font size and apply to one paragraph on your blog post

Here is a paragraph we are going to use a new class

This already goes without saying but being transparent is what makes your audience relate more to you and will be more likely to listen to what you have to say, or any advice you have or tips you’d like to share in the future. People are pretty good at seeing through when you’re being fake, so keep it real. Be natural.

HTML code:

<p class="mystyle">This already goes without saying but being transparent is what makes your audience relate more to you and will be more likely to listen to what you have to say, or any advice you have or tips you’d like to share in the future. People are pretty good at seeing through when you’re being fake, so keep it real. Be natural.</p> 

CSS code:

.mystyle{ color: red /* change colour to red */ font-family: Calibri; /* change font to arial */ font-size: 1.0em; /* change font size to 3.5 the size of the parent element. */ }

#CSS #HTML #WordPress