Admin UI

There is a Developer’s Code Share on Monday, October 5, 2015, 7:00 PM to 8:45 PM. We invite anyone with fun, interesting, or useful code to show your stuff. Post your code in the form below so we can add it to the presentation. Thanks!

The Ultimate WordPress Workflow: Using Browser Sync, Vagrant, and Gulp to create Web sites of the future.

Eli McMakin demonstrated how to automate the install of your WordPress site with a custom Bash script. The bash script will include code that syncs that site to mobile devices and an IE9 Virtual Machine with Browser Sync, for rapid cross-browser testing. There will also be a tutorial on how to sync sites with a Vagrant workflow, for when a team of developers needs to have the same development environment, but still wants to do rapid cross-browser testing.

This month’s meet-up presented Christopher Schmitt, web design specialist, trainer, CSS3, HTML5, UX, IA consultant, and author of Designing Web & Mobile Graphics, CSS Cookbook, the HTML5 Cookbook and several other books. He has given talks demonstrating the use and benefits of practical standards-based designs at conferences such as Web Visions and SXSW. In Spring 2009 he co-founded Environments for Humans, through which he chairs both physical (AIGA In Control Web Design Workshop Conference) and online conferences (CSS Summit, jQuery Summit, etc.) geared to Web design professional.

This presentation was a great opportunity to get process tips from one of the best. WP Engine graciously sponsored the Austin WP Dev meetup and provided Pizza and soft drinks for the attendees.

The events from when a web page is requested to when the page is returned to the browser

Various information is communicated to and from the server where the website is housed, including a user’s browser and cookie information, and the WP function is called, and the template loader is fired, ending with the page appearing in the browser

There are hundreds of files that are called in the construction of a page, and happens every time a visitor clicks on your site, and most happen within fractions of a second.

There are points in here where we can effect change.

What are hooks and how do they fit into the page lifecycle?

“Hooks enable us to literally hook into parts of the WordPress page lifecycle to retrieve, insert, or modify data, or they allow us to take certain actions behind the scenes.”

– Tom McFarlin @TUTSPLUS

Think of hooks like mailboxes, and you just need to find the correct mailbox to insert information.

Almost all of Genesis framework is built around adding and removing things from hooks and filters.

Technically, hooks are a description for two different types of things: actions and filters.

Hook provide places to either the operation of WordPress or the data it’s working on. Hook names, or tags, are how you identify what you’re going to be working on (the mailboxes). Hooks and actions are designed to modify what is happening in WordPress without having to modify the core installation of WordPress itself.

Many themes and plugins add their own hooks and filters to WordPress as well.

There’s an array, $wp_filter, that stores tags and associated filter or action functions.