Нейромантик

Улучшение WordPress – 1

// ��� 19th, 2008 // WordPress Life

Обновил вчера свой блог до последней англоязычной версии, а вот сегодня решился занятся плагинами и общим улучшением юзабилити, да и просто красивости навожу.

Итак, что было проделано, и как

• Изменена форма комментирования, она стала более удобной и более компактной
• Выставлено правильное сообщение об авторском праве
• Пофиксил фон на страницах отличных от главной

Итак, первое это форма комментирования. Даю 2 куска кода, до и после, понимающие и слабо понимающие разберутся, остальным это не надо.

Было:

код начиная с 73 строки

<form action=»<?php echo get_option(’siteurl’); ?>/wp-comments-post.php» method=»post» id=»commentform»>
<?php if ( $user_ID ) : ?>
<p>Logged in as <a href=»<?php echo get_option(’siteurl’); ?>/wp-admin/profile.php»><?php echo $user_identity; ?></a>. <a href=»<?php echo get_option(’siteurl’); ?>/wp-login.php?action=logout» title=»Log out of this account»>Log out »</a></p>
<?php else : ?>
<p><input type=»text» name=»author» id=»author» value=»<?php echo $comment_author; ?>» size=»22″ tabindex=»1″ />
<label for=»author»><small>Name <?php if ($req) echo «(required)»; ?></small></label></p>
<p><input type=»text» name=»email» id=»email» value=»<?php echo $comment_author_email; ?>» size=»22″ tabindex=»2″ />
<label for=»email»><small>Mail (will not be published) <?php if ($req) echo «(required)»; ?></small></label></p>
<p><input type=»text» name=»url» id=»url» value=»<?php echo $comment_author_url; ?>» size=»22″ tabindex=»3″ />
<label for=»url»><small>Website</small></label></p>
<?php endif; ?>
<p><textarea name=»comment» id=»comment» cols=»100%» rows=»10″ tabindex=»4″></textarea></p>
<p><input name=»submit» type=»submit» id=»submit» tabindex=»5″ value=»Submit Comment» />
<input type=»hidden» name=»comment_post_ID» value=»<?php echo $id; ?>» />
</p>
<?php do_action(‘comment_form’, $post->ID); ?>
</form>

стало:

<form action=»<?php echo get_option(’siteurl’); ?>/wp-comments-post.php» method=»post» id=»commentform»>
<p><textarea name=»comment» id=»comment» cols=»100%» rows=»10″ tabindex=»4″></textarea></p>
<?php if ( $user_ID ) : ?>
<p>Logged in as <a href=»<?php echo get_option(’siteurl’); ?>/wp-admin/profile.php»><?php echo $user_identity; ?></a>. <a href=»<?php echo get_option(’siteurl’); ?>/wp-login.php?action=logout» title=»Log out of this account»>Log out »</a></p>
<?php else : ?>
<p><input type=»text» name=»author» id=»author» value=»<?php echo $comment_author; if (empty($comment_author)){echo «Ваше имя *»;}?>» size=»22″ tabindex=»1″/ onfocus=»if(this.value == ‘Ваше имя *’) this.value=»» onblur=»if(this.value.length == 0) this.value = ‘Ваше имя *’»>
<input type=»text» name=»email» id=»email» value=»<?php echo $comment_author_email; if (empty($comment_author_email)){ echo «Ваш e-mail *»;}?>» size=»22″ tabindex=»2″ onfocus=»if(this.value == ‘Ваш e-mail *’) this.value=»» onblur=»if(this.value.length == 0) this.value = ‘Ваш e-mail *’»/>
<input type=»text» name=»url» id=»url» value=»<?php echo $comment_author_url; if (empty($comment_author_url)) {echo «Ваш сайт»;}?>» size=»22″ tabindex=»3″ onfocus=»if(this.value == ‘Ваш сайт’) this.value=»» onblur=»if(this.value.length == 0) this.value = ‘Ваш сайт’»/>
</p>
<?php endif; ?>
<p><input name=»submit» type=»submit» id=»submit» tabindex=»5″ value=»Добавить комментарий» />
<input type=»hidden» name=»comment_post_ID» value=»<?php echo $id; ?>» />
</p>
<?php do_action(‘comment_form’, $post->ID); ?>
</form>

Рассмотрим вот этот кусок

<input type=»text» name=»author» id=»author» value=»<?php echo $comment_author; if (empty($comment_author)){echo «Ваше имя *»;}?>» size=»22″ tabindex=»1″/ onfocus=»if(this.value == ‘Ваше имя *’) this.value=»» onblur=»if(this.value.length == 0) this.value = ‘Ваше имя *’»>

Добавил строчку php чтобы выводило в input value нужное мне значение, в этом примере это Ваше имя *

Основной код который кидался на <input type = ‘text’> это JS, при перемещении курсора в поле ввода смотрим, если так висит дэфалтовый текст, например Ваше имя *, убираем этот текст, пользователь сам введёт своё имя. Когда же курсор покидает поле ввода смотрим не пустое ли оно, если пустое опять забиваем наше дэфалтовое значение, если не пустое — значит он ввёл своё имя, и не нужно менять значение поля.

Вот и всё, и красиво, и приятно для пользование. Попозже напишу про правильный копирайт на странице, когда начинал этот пост думал что хватит пары строк, но понял что тут не всё так просто.