Articles of html5

Soundcloud Smart Player

I have a lyrics website on WordPress with thousands of lyrics, and I am looking to embed a player on each one. But I have realised it would be tedious and time consuming to do that. How would I display a dynamic audio player that would find and play a track (using the current post […]

Make post_content and other custom fields required

What’s the best way to set the required atribute on html forms in wordpress, for instance I would like post-content to be required, so this code need to be changed: <textarea class=”wp-editor-area” style=”height: 300px; margin-top: 37px;” autocomplete=”off” cols=”40″ name=”content” id=”content”></textarea> To appear like this: <textarea required class=”wp-editor-area” style=”height: 300px; margin-top: 37px;” autocomplete=”off” cols=”40″ name=”content” id=”content”></textarea> […]

how to change WordPress menu markup/classes

I’m building my first website on WordPress, and i wanted to ask is someone know how to change markup in WordPress menu. Basically I want the markup of my WordPress navigation to match what I’ve done in my static templates. <div class=”topNav”> <ul> <li><a href=”#”>About</a></li> <li><a href=”#”>Mes siūlome</a></li> <li class=”dropdown”> <a class=”dropbtn”>if Has subMenu</a> <div […]

How to add attributes to the comment form tag?

How can I add attributes to form tag? Below is my code but it does not add the attributes I need: $args = array( ‘title_reply’=>”, ‘comment_notes_before’ => ”, ‘logged_in_as’ => ”, ‘class_form’ => ‘form-comment form-submit’, ‘comment_field’ => ‘<div class=”medium-12 columns”> <label> <textarea placeholder=”Message” name=”message” class=”form-input” rows=”10″ required></textarea> <span class=”form-error”>Yo, you had better fill this out, […]

How to allow YouTube object embed in WordPress 3+?

I admin a WordPress blog with a few dozens of users. Since we upgraded to version 3.1+ my users can’t insert the YouTube embed tags into a post ( wordpress or TinyMCE removes them ). When I’m logged in as administrator, I can insert the , and tags. But my users cannot. What about the […]

Map clashing with WP – suggestions on fix?

I’ve followed this tutorial – http://www.netzgesta.de/mapper/ to create a state map of USA which you can see here – http://www.teamworksdesign.com/clients/neurosign/contact/alabama/ I downloaded the source files and got it all working locally then uploaded all the files to the link above. It’s almost working but the hover doesn’t seem to work when you hover over each […]

Convert HTML to HTML 5?

I have a website which is in XHTML (wordpress coded). I need to convert it into HTML 5. I just started learning about HTML 5 tags like section, nav, footer etc. While finding deep into it, I came across a site which actually converts the XHTML code into HTML 5. Now I am confused, any […]

WordPress HTML5 Gallery Support – Convert HTML4 -> HTML5

As of WordPress 3.9, WordPress generates HTML5 Galleries if HTML5 is supported in the theme: add_theme_support( ‘html5′ ); Originally in my theme development I did not declare HTML5 support and I’ve already published a few galleries which are using the old DT / DL HTML. Now I have declared HTML5 theme support as shown above, […]

Meta Tag “description”

I have troubles using meta tag within WordPress post-making environment. I wish to give it for first paragraph of each article and in the searching it will show only description and image thumbnail. However, when I click publish, or just switch from text editor to visual editor, it deletes it all and leaves empty line. […]

audio link produces black box

In chrome and firefox (and maybe others) the audio link does not render a media controller. E.g. In Chrome, view page source show this code in place: <div id=”mep_0″ class=”mejs-container” style=”width: 400px; height: 30px; “> <div class=”mejs-inner”><div class=”mejs-mediaelement”> <audio id=”wp_mep_1″ preload=”none”> <object width=”400″ height=”30″ type=”application/x-shockwave-flash” data=”http://example.com/wp/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf”> <param name=”movie” value=”http://example.com/wp/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf”> <param name=”flashvars” value=”controls=true&amp;file=”> </object> </audio></div><div class=”mejs-layers”></div><div […]