I put the below code in functions.php and comment_form(); in my comments.php

The code below is my modified version. For defaults simply add or replace my code with http://codex.wordpress.org/Function_Reference/comment_form

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

add_filter( 'comment_form_defaults', 'my_comment_defaults');
 
function my_comment_defaults($defaults) {
	$req = get_option( 'require_name_email' );
	$aria_req = ( $req ? " aria-required='true'" : '' );
 
	$defaults = array(
		'fields'        	   => array(
		'author' => '<div><label for="author">' . __( 'Name' ) . ( $req ? '<span class="required">*</span>' : '' ) . '</label> ' . '<input id="author" name="author" placeholder="your name" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></div>',
		'email' => '<div><label for="email">' . __( 'Email' )  . ( $req ? '<span class="required">*</span>' : '' ) . '</label> ' . '<input id="email" name="email" placeholder="email@address.co.uk" type="email" value="' . esc_attr(  $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></div>'
                ),
		'comment_field' => '<div><label for="comment">' . _x( 'Comment', 'noun' ) . '</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"  placeholder="your comment"></textarea></div>',
 
		'must_log_in'          => '<p class="must-log-in">' .  sprintf( __( 'You must be <a href="%s">logged in</a> to post a comment.' ), wp_login_url( apply_filters( 'the_permalink', get_permalink( $post_id ) ) ) ) . '</p>',
 
		'logged_in_as'         => '<p class="logged-in-as">' . sprintf( __( 'Logged in as <a href="%1$s">%2$s</a>. <a href="%3$s" title="Log out of this account">Log out?</a>' ), admin_url( 'profile.php' ), $user_identity, wp_logout_url( apply_filters( 'the_permalink', get_permalink( $post_id ) ) ) ) . '</p>',
 
		'comment_notes_before' => '<fieldset>',
 
		'comment_notes_after'  => '</fieldset>',
 
		'id_form'              => 'commentform',
 
		'id_submit'            => 'submit',
 
		'title_reply'          => __( 'Leave a Comment' ),
 
		'title_reply_to'       => __( 'Leave a Reply %s' ),
 
		'cancel_reply_link'    => __( 'Cancel reply' ),
 
		'label_submit'         => __( 'Comment' ),
 
                );
 
    return $defaults;
}

You will notice I have made the following modifications

• Removed the website field
• Added type=”email” to the Email field (HTML5)
• Added placeholder text (HTML5)
• Removed the default text from the top and bottom of the form and replaced with <fieldset></fieldset>
• Moved the required * inside the label
• Changed the “Leave a Reply” title to “Leave a Comment”
• Changed the text of the submit button

When setting up custom post types and a custom permalink structure add the below code to the function used to create custom posts.

1

flush_rewrite_rules( false );

I just wanted to write a quick post to highlight the problem but an explanation of why this is needed can be found on the wordpress codex.

New Admin Bar
An admin bar has been added when logged in. Its a nice little touch for the not so experienced wordpress user. It makes the admin section and the front end appear more seamless by allowing you to click through to create a new post, manage your personal details, appearance, comments and updates whilst browsing the front end of your site. For multisite users it makes switching between sites quick and easy.

Internal Linking
Another new feature aimed at the less experienced wordpress user is the new internal linking feature. When a user clicks on the link icon in the WYSISYG editor a lightbox opens with additional functionality to select from a pre populated list of the most recently created posts or search for one. The user can then simply select the post to link to and add it to their content. Simple.

Post Formats
The ability to categorize posts in a new way has been added to this release. Post formats allow wordpress developers to group posts into the following formats:
aside, gallery, link, image, quote, status, video, audio and chat. Once categorized classes are added to the listing and single pages to allow unique styling. See my post on “How to use Post Formats in WordPress 3.1“  for more info.

Enhanced pagination in Admin Panel
Paging through lots of posts and categories has just become easier with the ability to type in the page you want within the pagination.

Custom Post Type Archives
Custom post types now have their own archive pages. They will now use archive-{posttype}.php rather than a page that is manually set up to list postypes on.

Advanced Queries
More ways to target posts using taxonomies and custom fields. See query_posts for more information.

<col width=”300″ />
<col width=”100″ />
<col width=”300″ />

<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<th>Column width 300px</th>
<th>Column width 100px</th>
<th>Column width 300px</th>
</tr>
</tbody>
</table>

As simple as that! Find out more about the <col> tag at http://www.w3schools.com/TAGS/tag_col.asp

However a particular annoyance is what happens when you use a transparent png as an image link! What you will experience is a link that is only active when you manage to precisely position your mouse over the top of a letter or part of the non transparent image. Any area that is transparent even though your link is set to display:block with widths and heights is ignored.

However all is not lost. There is a solution…

Simply save your pngs with a 1% transparent background. This is not visible to the naked eye but tricks the browser into displaying the transparent area as a block. Clever hey!