Introduction to Basic HTML and CSS for WordPress Users

Alexander Oni, The Web Monkey Academy

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
39 Videos (4h 15m)
    • HTMLandCSS Promo

      2:59
    • Welcome

      1:52
    • SkillShare Tips

      3:00
    • Quick Win

      2:27
    • What are HTML and CSS?

      4:42
    • Browser Inspectors

      4:36
    • The Basic HTML Page Structure

      8:04
    • Assingment 1

      2:08
    • Block vs Inline Elements

      7:31
    • Spans and Inline Styling

      4:16
    • Assignment 2

      1:58
    • HTML Colors

      3:51
    • HTML Font Styling

      6:59
    • Lists and DIV Elements

      6:01
    • HTML Backgrounds

      7:00
    • Margins Vs Paddings

      12:34
    • Borders

      4:32
    • Hyperlinks and Image Tags

      5:47
    • Caching

      4:45
    • Child Themes

      6:32
    • The style.css File

      1:36
    • The CSS Code Structure

      4:06
    • HTML and CSS - Putting them Together

      9:24
    • Classes and IDs

      13:24
    • Understanding the CSS Specificity - Part 1

      16:03
    • Understanding the CSS Specificity - Part 2

      10:16
    • Important Note

      3:31
    • Project 1 - Changing the Background of the theme

      14:35
    • Using Different Background Colors

      6:36
    • Project 2 - Changing the Font Family

      13:04
    • Adding Fonts from Google

      4:31
    • CSS Text Properties

      7:16
    • The Display Property

      7:40
    • Project 3 - Changing the Logo Size

      9:36
    • Project 4 - Styling the List Elements

      10:08
    • List Elements Exercise

      3:41
    • Project 5 - Adjusting the Hover Effects

      6:48
    • Introduction to Basic CSS Animations

      9:18
    • Thank You

      1:25

About This Class

Are you a WordPress user who struggles to make basic styling changes to your website? Do you get frustrated when you try to change the size of your text or maybe the background color of your website? Or are you simply curious about the structural and design code used to produce those pages on your WordPress website? Well look no further because this course is exactly for you.

There are many WordPress users who want to know how make simple changes to their website so they don't have to spend money hiring web developers to do so. The problem is that while they want to learn, there are no CSS courses online that teach students the basics of HTML and CSS specifically for WordPress websites.

This course is designed specifically for WordPress users like you with no programming experience. You will learn the basics of HTML and CSS but from a WordPress perspective. 

Course Curriculum:

In the first section, you will be given a brief overview of HTML and CSS and also what web inspectors are. 

We will cover the basics of HTML in the second section. You will lean:

  • The basic structure of an HTML page
  • The differences between inline and block elements
  • Spans and inline styling
  • Backgrounds
  • Margins, borders and paddings
  • and much more

By the end of this section, you would have gained invaluable background on the basics of HTML and how they it used to develop a web page. You would also have learned to apply some styling to your content using HTML tags.

In the third section, we will focus squarely on CSS. You will first learn how to create child themes from your parent theme and how they generally work on WordPress websites. You will then learn about the basic structure of a CSS code and why CSS is such a powerful tool for designing websites. You will also learn about classes & IDs and also the extremely important rules of CSS specificity.

By the end of the CSS section, you will have learned enough about CSS to begin to edit real WordPress themes.

Section 4 is where all the fun starts. Having already gained the basic knowledge of both HTML and CSS, you will learn how to apply the knowledge to make design changes to a wide variety of WordPress themes in a series of projects. You will also learn about different types of CSS properties and we will round up the course by learning about the basics of CSS animations.

If you are a WordPress user frustrated about not being able to make basic styling changes to your website, you NEED this course. This course exposes you to just about enough knowledge of both HTML and CSS to be able to style your WordPress website all on your own.

I hope you sign up for the course today.

Alex.

1 of 1 students recommendSee All

Alex is a great teacher and funny too :) Pleasure to watch and learned a lot! Tnx!

25

Students

--

Projects

Alexander Oni

The Web Monkey Academy

Hi there my name is Alexander Oni. I am a professional web developer living in the United States of America. I currently work for a small web development company where I build websites for clients using the latest in web technology.

I have been building websites for the past 7 years now and have been working exclusively with WordPress for almost 4 years. My love for web development and teaching people how to build websites drove me to make my Udemy course on web development.

I am also a cyber security expert and have a masters degree in Information Security.

I enjoy watching football, movies and playing chess.

Feel free to send me a message if you would like to know more.

Thank you for stopping by once again and I hope to hear from you soon.