Labs

Labs are hands-on coding projects that you build along with Tonya as she explains the code, concepts, and thought processes behind it. You can use the labs to further your code knowledge or to use right in your projects. Each lab ties into the Docx to ensure you have the information you need.

Each lab is designed to further your understanding and mastery of code. You learn more about how to think about its construction, quality, maintainability, programmatic and logical thought, and problem-solving. While you may be building a specific thing, Tonya presents the why of it to make it adaptable far beyond that specific implementation, thereby giving you the means to make it your own, in any context.

0 Videos Runtime April 4, 2016

Visual Hook Guide and the HTML – Header

It helps you to know the end result of the code when you see it. In this episode, you will use the Genesis Visual Hook Guide plugin to first visualize how Genesis structures the HTML. Then you will look at the actual HTML to see what has been built for you. In this episode, you will explore the header, which is from the opening DOCTYPE to the <div class=”site-inner”>. Here are some links to the Docx to help you out: get_header() genesis() Let’s Test What You Learned Let’s test what you just learned doing this episode with me. Take a […]

0 Videos Runtime April 4, 2016

WordPress Event (Plugin API) Refresher

Genesis gives us the means to fully customize it because it utilizes the event system available from the WordPress Plugin API. Throughout the codebase, you unregister events to remove a component, register your callback to change something, or re-register an event to change its order or location. You need a solid understanding of the Event Registry system in order to customize Genesis. Let’s do a refresher here. You can accelerate your proficiency with the Plugin API using these video-based Docx as they thoroughly walk you through each construct: add_action remove_action add_filter remove_filter do_action apply_filters

0 Videos Runtime April 4, 2016

The Intent of the Theme

What is the intent of the WordPress theme? What purpose does it serve? How is it different from plugins? A theme’s intent is to prepare and render out the HTML, i.e. content presentation. It handles the process of building what is needed to head out to the browser. In contrast, plugins are meant for extending or changing behavior and functionality. Features such as custom post types, taxonomies, widgets, shortcodes, etc. all go into a plugin. Plugins may even have their specific template files; however, styling is still a theme responsibility.

0 Videos Runtime April 4, 2016

The Intent of HTML and its Markup

The intent of HTML is to provide structure and meaning for your content to be read by other software, such as the browser, screen readers, and web crawlers. While humans can read content even when it’s not well-formed, software needs a set of strict rules in order to parse it and do its work. Software is not intuitive and cannot read your mind or intent. It needs to be structure and a set of well-formed, strict guidelines. HTML provides this for us. The intent of markup is: to give you anchors for styling to give JavaScript anchors to traverse, target, […]

0 Videos Runtime April 4, 2016

Web Page Sequence – in the Code

Next, let’s go into the actual WordPress Core, Genesis, and the child theme code. You will see the order (or sequence) in which files are loaded.

0 Videos Runtime April 4, 2016

Web Page Sequence

Let’s do an overview of the web page, from its web request and back out to the browser. You will see the order (or sequence) of how the web request is processed, in a big picture view, including how the theme’s functions.php file and template are called.

0 Videos Runtime April 4, 2016

The Why of the Genesis Framework

Genesis is my theming framework of choice because it is built for the developer. It allows you to customize everything without having to rewrite large sections of code or recreate template HTML structures. It is modular and complies, for the most part, to clean, quality coding standards and concepts. It is easy to read the codebase, which helps you to find what you need and then get on to writing the custom bits. Let’s talk about the why of the Genesis framework from the professional developer’s perspective.

0 Videos Runtime April 4, 2016

Lab Introduction

Let me introduce the lab to you to what you will be doing. First of all, this lab is meant for the professional developer, the person who wants to know the Genesis codebase, as you will be exploring and reverse engineering the actual source code. The intent of this lab is to introduce you to the Genesis framework, its architecture, event hooks (actions and filters), the child-parent relationship, and more. You will look at the HTML and markup that is generated by the framework, explore the hooks that allow you to customize everything, and get a solid foundation before you […]

0 Videos Runtime April 4, 2016

Developer’s Guide to Customizing Genesis – The Series

To help you maximize the power of this framework, we are building a multi-part Lab series titled: Developer’s Guide to Customizing Genesis. It focuses on you, the developer. You will explore the framework’s codebase and learn how you can tap into the component architecture to get your stuff done.

18 Videos 02:47:43 Runtime April 4, 2016

Overview of the Genesis Framework – Developer’s Guide to Customizing Genesis

In this hands-on lab, you will be introduced to the Genesis framework, its file structure, codebase, and developer-friendly customization features. You’ll walk through its source code and be introduced to the Genesis-way. You’ll learn about why the child-parent paradigm promotes clean, quality code.

Labs

Visual Hook Guide and the HTML – Header

WordPress Event (Plugin API) Refresher

The Intent of the Theme

The Intent of HTML and its Markup

Web Page Sequence – in the Code

Web Page Sequence

The Why of the Genesis Framework

Lab Introduction

Developer’s Guide to Customizing Genesis – The Series

Overview of the Genesis Framework – Developer’s Guide to Customizing Genesis

Learn

Help

General