Granular Customization with genesis_parse_attr

Now you know how the function works and what its intent is. Let’s go and change the markup for the default contextual areas of the HTML markup, i.e. the default stuff in the Genesis framework. You will be doing the following hands-on, code writing stuff in this episode:

• Manipulate and customize the site header as well as the entry markup;
• Change the class attribute by removing it, adding a new class, and even overwriting;
• Add an id attribute
• Add a data attribute for data-post-id, which will give your JavaScript more information when needed

You get to have some fun with this one.

P.S. If you are not familiar with the HTML data attribute and how you can use it in JavaScript, no worries, as you’ll have a lab in the future when we explore JavaScript and jQuery deeply. For now, here is an article on MDN that talks about using data attributes.

Post ID Data Attribute Code

	<?php
	namespace KnowTheCode;
	add_filter( 'genesis_attr_entry', __NAMESPACE__ . '\change_entry_attributes', 99 );
	function change_entry_attributes( $attributes ) {
	d( $attributes );
	$attributes['data-post-id'] = get_the_ID();
	d( $attributes );
	return $attributes;
	}

view raw

genesis_attr_entry.php

hosted with ❤ by GitHub