Join Morten Rand-Hendriksen for an in-depth discussion in this video Designing in the browser, part of WordPress: Building Child Themes.
- View Offline
- Over the past couple of years…there's been a lot of talk about the concept of…designing websites in the browser,…and when you think about it,…that makes a lot of sense.…When we design a website…it really is kinda strange that we design them in Photoshop…or Illustrator, or some other static environment…that isn't where the website's actually going to live.…Designing the website in the browser…literally means…putting the content in the browser,…and then using the browser tools to change the appearance…of the content,…and then copy that content back into the files…so it becomes permanent.…
When we work with child themes…and CSS,…this is exactly what we're gonna do:…design in the browser.…And it's actually quite simple.…You open the site in the browser,…and this can be any browser,…all the major browsers have some sort of development tools…built in,…then you select the item you want to change,…let's say the titles on index page,…you right click on that item to open the menu…and click on inspect element.…This will open the developer tools in the browser,…
WordPress: Building Child Themes opens the world of child theme development to anyone, no matter what level of experience or expertise. It helps you build your child theme on top of an existing properly coded foundation, and create stylish new WordPress sites—without the advanced knowledge of a web developer. Morten Rand-Hendriksen explains how to get started picking a parent theme, updating the CSS, creating a new template for your child theme, and updating its functionality. By the end of this practical, project-based course, you should have a functioning child theme and the skills to quickly customize your next WordPress site.
- What is a child theme?
- Creating and activating a child theme
- Overriding or overwriting?
- Changing existing styles
- Adding new styles
- Creating templates for the child theme
- Adding new menus and widgets
- Replacing custom web fonts