HTML & CSS for Beginners

Learn how to customize an existing WordPress theme or begin to build a theme yourself!

An Introduction to HTML & CSS for WordPress users

Beginner coding classes in Toronto so you can [be your own geek]

HTML & CSS for WordPress Workshop

In this one-day Workshop, you will learn to use HTML & CSS for WordPress. You’ll even make your own WordPress child theme.

Learning Objectives:  By the end of the workshop you will

  • Know the basics of HTML & CSS
  • Feel comfortable switching from the Visual editor to the WordPress Text editor to clean up and customize the HTML
  • Understand how to make changes to a WordPress theme’s style.css file to customize your website’s appearance
  • Know how to use an FTP client (Filezilla) to access your site files (demo only).

Prerequisite: Familiarity with WordPress and the WordPress Visual Editor. It is good (but not required) to first take our 2-day WordPress Intensive Workshop.

Course Level: Introductory Coding. Not for novice WordPress users.

An Introduction to HTML & CSS for WordPress Users

Course Outline:

  1. Review of the WordPress Visual Editor
    Discover things you may have missed in the Visual Editor
  2. Introduction to HTML
    Gain a basic understanding of HTML. Learn basic tags.
  3. Beyond the WordPress Visual Editor
    You’ll learn to switch from the WordPress Visual Editor to the Text Editor and to read, edit and write HTML code.
  4. Introduction to CSS
    Learn about cascading style sheets and how to mark up your HTML code to use custom styles.
  5. FTP with Filezilla
    In this module, we will introduce Filezilla. We will explore the directory structure of WordPress and download theme files from the Host server to our local computers for customization and backup purposes. When you learn to connect by FTP, you will be able to restore your WordPress website if it breaks while updating. Note the venue’s firewall prevents us from connecting to FTP, to do this I will make a hotspot from my phone. 
  6. Create your own WordPress Child Theme for the new TwentySeventeen WordPress Theme with Komodo Edit
  7. Inspect Element
    We will use a browser extension to find HTML elements to style.

Bring your own laptop, charging cable and mouse and complete all Pre-Workshop Prep

Next Workshop

A new date for the HTML & CSS workshop hasn’t been finalized yet. Please complete the contact form below and we’ll make sure to let you know when it is a go!

HTML & CSS Workshop Notification
First
Last

 

In this one-day Toronto workshop you will learn to use HTML and CSS for your  WordPress website or blog. Learn to use the WordPress Text editor & FTP