html5 - Read For Learn

Get menu links only

Use a custom walker: class WPSE_33175_Simple_Walker extends Walker { public function walk( $elements, $max_depth ) { $list = array (); foreach ( $elements as $item ) $list[] = “<a href=”https://wordpress.stackexchange.com/questions/33175/$item->url”>$item->title</a>”; return join( “\n”, $list ); } } … and then call wp_nav_menu() like this: wp_nav_menu( array ( ‘theme_location’ => ‘your_registered_theme_location’, ‘walker’ => new WPSE_33175_Simple_Walker, ‘items_wrap’ … Read more

Writing a cache manifest file for a WordPress blog (app cache, offline web applications)

I’m in the same boat, and I’m still figuring out what the best “approach” should be. It is not necessary to cache any of the WordPress core files (/wp-includes, /wp-admin, etc). You will have to cache some files that live in your theme. Stuff like the css, js, and any image resources you use in … Read more

How to retain HTML5 Attributes on Markup

It is enough to add unfiltered_html capability to Editor role. Add the following code into your current theme’s functions.php: function wpse_change_capability() { $role = get_role( ‘editor’ ); if ( ! $role->has_cap( ‘unfiltered_html’ ) ) $role->add_cap( ‘unfiltered_html’ ); } add_action( ‘init’, ‘wpse_change_capability’, 10 ); Login as the user with Editor role. Test it by editing any … Read more

How do I use element instead of tags in WordPress post content having webP support?

You have to loop through all images inside $post the_content() using foreach(). Which gives us, regex for group matching of <img> tag. Put all images into array(). Start counting from -1 since 0 has the 1st image already in array(). Loop through array() with images, find image with “size-full” with group match 3, if yes, … Read more

Display message once per session to users with a specific role

You can check whether this plugin helps you to achieve your purpose or You can write your own code in your custom plugin with the following approach: Check if the user is logged in. Check if the current user has the any roles from the specified list of roles which you want the notice to … Read more

HTML5 theme support for comments + form ‘novalidate’ – how to handle it properly?

HTML5, WordPress and Tiny MCE issue – wrapping anchor tag around div results in funky output

[*] You need to modify the TinyMCE settings, specifically the valid_children setting. To accomplish this in WordPress, use the tiny_mce_before_init filter reference. Something like this (untested): add_filter(‘tiny_mce_before_init’, ‘modify_valid_children’); function modify_valid_children($settings){ $settings[‘valid_children’]=”+a[div|p|ul|ol|li|h1|h2|h3|h4|h5|h5|h6]”; return $settings; } You may be able to use +a[*] to capture all elements, but you’ll want to take care to avoid nested anchor … Read more

Output in XHTML or HTML 5 for plugins?

WordPress will not help you here. In back-end use conservative XHTML 5: <br />, but not <figure> (see WP coding standards). In front-end … it is hard to determine the Doctype and the usage of polyfills, so stay with regular HTML as long as possible or load the necessary polyfills from your plugin.

Why does `add_theme_support( ‘html5’, array( ‘comment-form’ )` disable client side validation?

No, it is not a bug. This is how core handles it. If you look into /wp-includes/comment-template.php, you’ll notice, that the only difference in <form> element, is novalidate attribute added, when current_theme_supports( ‘html5’, ‘comment-form’ ) is true. But there are other html elements within comment form, which are affected by theme’s choice of html5 support. … Read more

How to change the markup WordPress inserts for post images

As far as I know you could hook into the filter image_send_to_editor like this: function html5_insert_image($html, $id, $caption, $title, $align, $url) { $url = wp_get_attachment_url($id); $html5 = “<figure id=’post-$id media-$id’ class=”align-$align”>”; $html5 .= “<img src=”https://wordpress.stackexchange.com/questions/231693/$url” alt=”$title” />”; $html5 .= “</figure>”; return $html5; } add_filter( ‘image_send_to_editor’, ‘html5_insert_image’, 10, 9 ); For additional tags like data-pil-thumb-url and … Read more

+ More