At this blog, you’ll find tutorials to customize your WordPress Theme with CSS and with a Child Theme. To do so, this ABC toolkit will guide you in your learning process.
When you code, you write in different languages; here are the main three groups: the basics; WordPress Tags and Flex (which is part of the basics, but has special tricks)
The Basic Languages
To determine how the elements of our blog are going to be display (the header, the content, etc) we use different languages.
If you want to follow a structured path: At EdX, my favorite e-learning platform, there’s a free course “HTML5 and CSS Fundamentals” to get you started; it is self-paced and you can purchase a certificate if you want; huge bonus: it is part of a full career to become a Front-End Web Developer!
Enroll now! Course starts on May 17, 2020
Besides those languages, WordPress has more “words”, sort of speak. For instance, if you write
get_header(), your blog will display: the header 😊. From WordPress Codex, check out the following:
With Flex (using a few lines of code) you can create rows and columns, make your elements adjust to the screen automatically. From CSS-tricks, here’s a Complete Guide to Flexbox (way too much fun in here!)
To code, you’d need:
- a text editor to write (very useful)
- an environment in your machine to test (also very useful)
- another software to upload your files to the server (not absolutely necessary to learn to code)
There are the tools I use, for a blog running with the WordPress.org platform. There are free versions for all of them and they are easy to install.
How to Customize the Twenty Twenty Theme with CSS Only
More in #Twenty-Twenty
How to Create a Child Theme, for the Twenty Twenty Theme, Step by Step
With two files and few lines of code, check out step by step how to create a child theme so could be ready to start customizing it with the tutorials.
More in #Twenty-Twenty-Child-Theme