Modify existing styles - WordPress Tutorial

Contents

• Introduction Introduction

  • Level up to WordPress developer

    1m
  • What you need to know

    54s
  • Using the exercise files

    1m 37s
• 1. Building on a Solid Foundation 1. Building on a Solid Foundation

  • Set up a local development environment

    4m 3s
  • Set up a code editor

    3m 18s
  • Use real content

    3m 40s
• 2. Creating a Child Theme 2. Creating a Child Theme

  • What is a child theme?

    4m 11s
  • Picking a parent theme

    4m 1s
  • Creating and activating a child theme

    4m 55s
  • Including stylesheets

    3m 34s
  • Best practices for including stylesheets

    3m 41s
• 3. Child Themes and CSS 3. Child Themes and CSS

  • Employing the laziness principle

    1m 3s
  • Designing in the browser

    5m 14s
  • Modify existing styles

    3m 45s
  • Add new styles

    5m 45s
  • Challenge: Add flair

    1m 19s
  • Solution: Add flair

    4m 52s
• 4. Working with Function Files 4. Working with Function Files

  • Understanding functions.php

    2m 29s
  • Finding functions in the parent theme

    2m 13s
  • Modify a pluggable function

    4m 38s
  • Hooks, filters, and action

    2m 33s
  • Filter a function

    5m 25s
  • Hooking functions

    3m 14s
  • Challenge: Change posted by

    1m 2s
  • Solution: Change posted by

    2m 12s
• 5. Working with Template Files 5. Working with Template Files

  • Template hierarchy in WordPress

    3m 33s
  • Changing an existing template

    5m 45s
  • Add new template files

    4m 42s
  • Managing backward compatibility

    1m 50s
  • Challenge: Custom 404 page

    51s
  • Solution: Custom 404 page

    2m 19s
• 6. Add New Functionality 6. Add New Functionality

  • Finding existing functionality

    2m 9s
  • Add a menu

    5m 26s
  • Change menu output with properties

    3m 10s
  • Style new menu with CSS

    1m 24s
  • Challenge: Conditional widgetized area

    56s
  • Solution: Conditional widgetized area

    3m 11s
• 7. Wrapping Up 7. Wrapping Up

  • Shiny new web fonts

    4m 28s
  • Adding a screenshot

    1m 57s
  • Migrating files to your live site

    2m 3s
• Conclusion Conclusion

  • Next steps

    1m 4s