New page - The HTML editor

Let's create a new page and add it to the menu.

We will try to recreate the Choco Home of our "Chocolate site". 

Create the page and add it to the navigation bar

Insert text

We will try to copy and paste our HTML code into the WordPress' HTML editor

As you can see the HTML tags are recognized from WordPress HTML editor in Visual mode. However, they appeared different on the page. This should be because WordPress has its own CSS which overrides the default rules.

Insert image
  • We should first upload our chocolatethings.jpg to our blog-site

Description is the longdesc attribute that specifies a hyperlink to a detailed description of an image.

  • after successfully upload the image, we will embed it into our Choco Homepage, by Using the tag <img>

In the next video, we will see how we can insert an image as media or Featured image

Link image 

Exercise

Create in your site a new page. You have to incude:

  • Text
  • A link to an external site
  • An image

After creating the page, you have to make this page appear in the Navigation bar