Here's a quick answer to the question:
How do I add itemscope="http://schema.org/WebSite" to the <head> element in a Genesis Framework powered theme?
Add the following to your theme's functions.php:
1 2 3 4 5 6 7 | add_filter('genesis_attr_head', 'vmf_head_attributes'); function vmf_head_attributes( $attributes ) { $attributes['itemscope'] = 'itemscope'; $attributes['itemtype'] = 'http://schema.org/WebSite'; return $attributes; } |
The Technical Explanation
If you are more technically inclined and want to understand why this code works, here's the break down. The <head> element in a Genesis Framework powered theme is generated from the framework's /lib/structure/header.php file. The following code contains lines 14 through 68 of that code:
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | add_action( 'genesis_doctype', 'genesis_do_doctype' ); /** * Echo the doctype and opening markup. * * If you are going to replace the doctype with a custom one, you must remember to include the opening <html> and * <head> elements too, along with the proper attributes. * * It would be beneficial to also include the <meta> tag for content type. * * The default doctype is XHTML v1.0 Transitional, unless HTML support os present in the child theme. * * @since 1.3.0 * * @uses genesis_html() Check for HTML5 support. * @uses genesis_html5_doctype() Markup for HTML5 output. * @uses genesis_xhtml_doctype() Markup for XHTML output. */ function genesis_do_doctype() { if ( genesis_html5() ) genesis_html5_doctype(); else genesis_xhtml_doctype(); } /** * XHTML 1.0 Transitional doctype markup. * * @since 2.0.0 */ function genesis_xhtml_doctype() { ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes( 'xhtml' ); ?>> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo( 'html_type' ); ?>; charset=<?php bloginfo( 'charset' ); ?>" /> <?php } /** * HTML5 doctype markup. * * @since 2.0.0 */ function genesis_html5_doctype() { ?><!DOCTYPE html> <html <?php language_attributes( 'html' ); ?>> <head <?php echo genesis_attr( 'head' ); ?>> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <?php } |
Notice highlighted line 64. For HTML5 based themes, the Genesis framework adds a neat little function named genesis_attr() to the head element's output. The genesis_attr() function allows a developer to build a list of attributes into a string and apply a contextual filter to that string. The function takes two parameters, $context and $attributes. You can see the context in the highlighted line above ('head'). The filter used in the code is created by appending the context to the function name. In this case, the contextual filter is genesis_attr_head. The $attributes are passed through the filter as an array.
Luca Spinelli
August 24, 2017 at 7:22 amWhat i’m looking for to edit my theme. Thanks Victor and Genesis team 🙂
Victor M. Font Jr.
August 24, 2017 at 8:27 amHi Luca,
As an FYI, please don’t confuse the help I provide as a community volunteer with being part of the Genesis team. We are independent contractors and have no affiliation with Studio Press or the Genesis team. Other than the help we provide on the Studio Press forum and WordPress Genesis Facebook page, we expect to receive compensation for our services as paid professionals. If you have a budget and would like to discuss your project requirements, please start by filling out our Project Inquiry form.