The essence of the script is as follows: it shows a welcome message for regular commentators.

How it works

It’s very simple. Script checks whether the required fields Name/E-mail are filled and performs the following:

• If a visitor of your blog at least once left a comment, next time he will see a “Welcome back, %username%!” message at the comment form.
• The Name/E-mail/URL fields will hide, there will be only comment field.
• Commentator can change his data by clicking on “Edit” link.
• If visitor has disabled JavaScript in his browser, he will see the full comment form.

For working the script it’s necessary to satisfy the two conditions:

1. Cookies must work in visitor’s browser.
2. WordPress must remember a previously entered data in comment form.

Always be sure that the second condition is satisfied, otherwise there will no sense in connecting the script. I know what some WordPress plugins can prevent to output entered data in the comment form.

Examples

1. If you at least once left a comment on this blog, you will see “Welcome back” message near the comment form.
2. Also you can see an example on a separate page:

How to use it

1. Find in the comments.php file of your theme the code of a name, e-mail and URL fields and wrap them into the <div id="authorData"></div> container.

   I’ll show an example with default WordPress theme.

   Before:

   <p><input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
   <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
    
   <p><input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
   <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 esc_attr($comment_author_url); ?>" size="22" tabindex="3" />
   <label for="url"><small>Website</small></label></p>

   After:

   <div id="authorData">
     <p><input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
     <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
    
     <p><input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
     <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 esc_attr($comment_author_url); ?>" size="22" tabindex="3" />
     <label for="url"><small>Website</small></label></p>
   </div>

2. Connect the following jQuery script to your site (and also don’t forget to connect the jQuery framework, if it still isn’t connected):

   (function($) {
   $(function() {
    
     var author = $('#author').val();
     if( author !='' && $('#email').val() !='' ) {
       $('#authorData').hide();
       $('#authorData').before('<div id="welcome">Welcome back, <strong>' + author + '</strong>! <a href="#">Edit &raquo;</a></div>')
       $('#welcome a').toggle(
         function() {
           $('#authorData').show(300);
           $(this).html('Minimize &raquo;');
           return false;
         },
         function() {
           $('#authorData').hide(300);
           $(this).html('Edit &raquo;');
           return false;
         }
       );
     }
    
   });
   })(jQuery)

3. That’s all.

I think the commentators of you site will appreciate this feature ;0)

Requires WordPress version: 2.3 or higher.

You can see an example on a current site.

Plugin features

• Live comment preview, which does not take that extra space on the page.
• Simple HTML-editor (instructions on using the editor are on the plugin options page).
• You can customize comment preview block as you wish. You can display: comment author name, avatar (static or dinamic using gravatar.com), comment date and time, comment text. All this can be designed with CSS.
• You may don’t connect plugin’s CSS file (optional) if you wish to reduce number of queries to your server.
• Plugin’s JS and CSS files are connected only on the pages with comment form.

Download

Attention: knowledge of CSS and HTML may require for using a plugin.

Donation

If you enjoy this plugin, you can thank me and leave a small donation.

Donation

Installation

1. Upload jquery-comment-preview folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in admin interface of WordPress.
3. Play once with the width parameter of #jquery-comment-wrap, #jquery-comment-preview and #comment_preview identifiers (which are in the jquery-comment-preview.css file) to fit the width under your design.
4. If it’s necessary, you can customize options in admin interface at the Options → jQuery Comment Preview page.
5. If it’s necessary, you can edit other CSS styles for comment preview block in the jquery-comment-preview.css file.
6. That’s all.

HTML code of preview block

The plugin creates the following structure of HTML code for the preview block (this may be useful in the design through CSS):

<div id="jquery-comment-wrap">
  <div id="jquery-comment-preview">
    <div id="html-editor">
      <a>button</a>
      <a>button</a>
      ...
    </div>
    <div id="preview-tab">Preview</div>
  </div>
  <textarea name="comment"></textarea>
</div>

If nothing works

1. Make sure that you use the appropriate version of WordPress, which is required for a plugin work.

2. Make sure that the header.php file of your theme has the following code:

   <?php wp_head(); ?>

   If not, insert it before the </head> tag.

3. If the first 2 points are not solved the problem, give details in comments to this post.

Version history

I have seen a different ways of a breadcrumbs implementation on WordPress sites, but not one of them I does not like, because all of them does not display a full chain of links. So I have created my version of WordPress breadcrumbs without a plugin.

Yes, there is a ready plugins for WordPress breadcrumbs, but I prefer to use a short code snippets, which doing the same.

Features of my version of WordPress breadcrumbs

• Displays a full chain of links to the current page. For example, if the current post is in a second level category, so breadcrumbs will looks like this:

  Home » Category » Subcategory » Post Title

  But all, what I have seen, displays only such an option (excluding plugins):

  Home » Subcategory » Post Title

  The same applies to pages and subpages. For example, for a 3rd level page breadcrumbs will looks like this:

  Home » Page Level 1 » Page Level 2 » Page Level 3

• Breadcrumbs is appearing on a following types of WordPress pages:
  • paged navigation (like sitename.com/page/2/);
  • category archive;
  • tag archive;
  • daily archive;
  • monthly archive;
  • yearly archive;
  • author archive;
  • single post page;
  • single page;
  • attachment page;
  • search results;
  • 404 error page.

• adding a page number (if archive page is second or more);

• custom symbol of delimiter;

• custom text for a ‘Home’ link;

• current crumb styling.

WordPress breadcrumbs function code

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100

function dimox_breadcrumbs() {
 
  $delimiter = '»';
  $name = 'Home'; //text for the 'Home' link
  $currentBefore = '<span class="current">';
  $currentAfter = '</span>';
 
  if ( !is_home() && !is_front_page() || is_paged() ) {
 
    echo '<div id="crumbs">';
 
    global $post;
    $home = get_bloginfo('url');
    echo '<a href="' . $home . '">' . $name . '</a> ' . $delimiter . ' ';
 
    if ( is_category() ) {
      global $wp_query;
      $cat_obj = $wp_query->get_queried_object();
      $thisCat = $cat_obj->term_id;
      $thisCat = get_category($thisCat);
      $parentCat = get_category($thisCat->parent);
      if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
      echo $currentBefore . 'Archive by category &#39;';
      single_cat_title();
      echo '&#39;' . $currentAfter;
 
    } elseif ( is_day() ) {
      echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
      echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
      echo $currentBefore . get_the_time('d') . $currentAfter;
 
    } elseif ( is_month() ) {
      echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
      echo $currentBefore . get_the_time('F') . $currentAfter;
 
    } elseif ( is_year() ) {
      echo $currentBefore . get_the_time('Y') . $currentAfter;
 
    } elseif ( is_single() && !is_attachment() ) {
      $cat = get_the_category(); $cat = $cat[0];
      echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
      echo $currentBefore;
      the_title();
      echo $currentAfter;
 
    } elseif ( is_attachment() ) {
      $parent = get_post($post->post_parent);
      $cat = get_the_category($parent->ID); $cat = $cat[0];
      echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
      echo '<a href="' . get_permalink($parent) . '">' . $parent->post_title . '</a> ' . $delimiter . ' ';
      echo $currentBefore;
      the_title();
      echo $currentAfter;
 
    } elseif ( is_page() && !$post->post_parent ) {
      echo $currentBefore;
      the_title();
      echo $currentAfter;
 
    } elseif ( is_page() && $post->post_parent ) {
      $parent_id  = $post->post_parent;
      $breadcrumbs = array();
      while ($parent_id) {
        $page = get_page($parent_id);
        $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
        $parent_id  = $page->post_parent;
      }
      $breadcrumbs = array_reverse($breadcrumbs);
      foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
      echo $currentBefore;
      the_title();
      echo $currentAfter;
 
    } elseif ( is_search() ) {
      echo $currentBefore . 'Search results for &#39;' . get_search_query() . '&#39;' . $currentAfter;
 
    } elseif ( is_tag() ) {
      echo $currentBefore . 'Posts tagged &#39;';
      single_tag_title();
      echo '&#39;' . $currentAfter;
 
    } elseif ( is_author() ) {
       global $author;
      $userdata = get_userdata($author);
      echo $currentBefore . 'Articles posted by ' . $userdata->display_name . $currentAfter;
 
    } elseif ( is_404() ) {
      echo $currentBefore . 'Error 404' . $currentAfter;
    }
 
    if ( get_query_var('paged') ) {
      if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
      echo __('Page') . ' ' . get_query_var('paged');
      if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
    }
 
    echo '</div>';
 
  }
}

Simply paste this function into a functions.php file of your theme and then paste the following code in a place of your theme, where breadcrumbs must appearing:

<?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?>

All that remains to do for now, is to design your breadcrumbs with CSS. You can use #crumbs for styling breadcrumbs block and #crumbs .current for styling a current crumb.

Function works on WordPress 2.5 or higher.

One my familiar blogger gave me a very great idea about internal articles linking, which he implemented on his web sites.

I decided to make this thing for WordPress, because I am using this blogging engine on my blogs.

What is the essense of idea? We put on the blog an additional block with the list of previous articles from the same category chronologically (PHP-script looks publication date). For example, if we show the 5 previous articles and the current article have an ID = 7, so in this list we will see articles with IDs 6, 5, 4, 3 and 2.

But it’s not all. I did also the ring linking structure, i.e. if current article is the first from the category, in the list we’ll see the most recent posts from that category. For example, category have 10 articles and we show again 5 posts in “previous”. So when we get on the 3rd article, “previous from the category” will contain the links on articles: 2, 1, 10, 9 and 8.

As a result each article will recieve the same number of links to itself (5 permanent links, if look on example above) and all articles fall in to web site internal linking.

Now lets take a look on the code (do not be alarmed, it’s quite big):

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
38
39
40
41
42
43
44

<?php
$li = 5; // number of links to show in the list
$postID = $post->ID;
$postDate1 = get_the_time('YmdHis','','',false);
$cat = get_the_category(); $cat = $cat[0]; $cat = $cat->cat_ID;
$catQuery = new WP_Query('showposts=-1&cat='.$cat);
$i = 0;
if ($catQuery->have_posts() && $catQuery->post_count > 1) :
?>
<ul>
<?php
  while ($catQuery->have_posts()) : $catQuery->the_post();
    $postDate2 = get_the_time('YmdHis','','',false);
    if ($postDate2 < $postDate1 && $post->ID != $postID) {
      $i++;
      if ($i <= $li) {
?>
  <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php
      }
    }
  endwhile;
?>
<?php
  $posts = $li - $i;
  $cat_count = get_category($cat)->category_count;
?>
<?php
  if (($cat_count - 1) > $i) {
    if ($posts > 0) {
      $temp_query = $wp_query;
      if (($cat_count - 1) < $li) $posts = $cat_count - 1 - $i;
      query_posts('showposts='.$posts.'&cat='.$cat);
      if (have_posts()) : while (have_posts()) : the_post();
?>
  <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php
      endwhile; endif;
      $wp_query = $temp_query;
    }
  }
?>
</ul>
<?php endif; wp_reset_query(); ?>

This code you need to put in the single.php file of your WordPress theme. I hope you are familiar with the structure of WP themes? =) If no, WordPress Codex will help you.

The template of the link in this code is looks like (it comes across 2 times):

<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>

In this template you can use the same PHP tags like in default WordPress loop.

I have tested the code on WordPress 2.8.x and can’t guarantee the work on another verisons.