Justin Tadlock

<p>This plugin replaces the regular post author meta box on the edit post screen with a custom box.  The new author box will allow you to select your post author by clicking on the user’s avatar.</p>
<p>For more info, vist the <a href="http://themehybrid.com/plugin/avatars-meta-box" rel="nofollow ugc">Avatars Meta Box plugin home page</a>.</p>
<h3>Like this plugin?</h3>
<p>I don’t make any money directly from this plugin.  Please consider helping the cause by:</p>
<ul>
<li><a href="http://themehybrid.com/donate" rel="nofollow ugc">Making a donation</a>.</li>
<li><a href="http://themehybrid.com/club" rel="nofollow ugc">Signing up at my site</a>.</li>
<li><a href="https://wordpress.org/support/view/plugin-reviews/avatars-meta-box?rate=5#postform" rel="ugc">Rating the plugin</a>.</li>
</ul>
<h3>Professional Support</h3>
<p>If you need professional plugin support from me, the plugin author, you can access the support forums at <a href="http://themehybrid.com/board/topics" rel="nofollow ugc">Theme Hybrid</a>, which is a professional WordPress help/support site where I handle support for all my plugins and themes for a community of 60,000+ users (and growing).</p>
<h3>Plugin Development</h3>
<p>If you’re a theme author, plugin author, or just a code hobbyist, you can follow the development of this plugin on it’s <a href="https://github.com/justintadlock/avatars-meta-box" rel="nofollow ugc">GitHub repository</a>.</p>


Avatars Meta Box

Select your post author in style. Choose post authors by avatar instead of a select drop-down.

Vicky Arulsingam

<p>Allow authors to select an image from a pre-defined list while in the Post Editor screen. This image will be displayed together with a post.</p>
<p>Post Avatar is similar in concept to Livejournal userpics wherein authors choose images uploaded by the site owner. Developed with Dominik Menke.</p>
<h4>Features</h4>
<ul>
<li>Easy selection of images from within the Post Editor screen.</li>
<li>Scans images in sub-directories of the image option folder.</li>
<li>Allows the following file types: .jpg, .jpeg, .gif and .png.</li>
<li>Flexible with customizing avatar display.
<ul>
<li>Display avatars using the default HTML/CSS tags.</li>
<li>HTML/CSS tags can be edited from with the Settings screen.</li>
<li>Use template tags and custom filters within themes for advanced customization.</li>
</ul>
</li>
<li>International language support for Belorussian, Czech, Dutch, French, German, Hindi, Irish, Italian, Polish, Romanian, Serbo-Croatian, Spanish</li>
<li>Does not display missing images.</li>
<li>Can be further extended to show images for pages and custom post types</li>
</ul>
<h4>Bug Submission and Forum Support</h4>
<p><a href="https://wordpress.org/support/plugin/post-avatar/" rel="ugc">WordPress Forum</a></p>
<p><a href="http://garinungkadol.com/plugins/post-avatar/support/" rel="nofollow ugc">Post Avatar home page</a></p>
<h4>Please Vote and Review</h4>
<p>Your votes and feedback are greatly appreciated. Thanks.</p>
<h3>Advanced Customization</h3>
<h4>For Front End Display</h4>
<p>By default, the plugin hooks into the following filters:  <a href="https://codex.wordpress.org/Plugin_API/Filter_Reference/the_content" rel="nofollow ugc">the_content()</a> and <a href="https://codex.wordpress.org/Plugin_API/Filter_Reference/the_content" rel="nofollow ugc">the_excerpt()</a>.</p>
<p><strong>OVERRIDE HTML DISPLAY USING FILTER HOOK: gklpa_the_postavatar</strong></p>
<p>The <code>gklpa_the_postavatar</code> filter takes two parameters:</p>
<ol>
<li>
<p><code>$post_avatar_text</code> – Original HTML display</p>
</li>
<li>
<p><code>$post_avatar</code> – Post Avatar data in array format. The keys are:</p>
<pre><code>avatar_url: The URL to the image        
show_image_dim: 1 indicates to show image dimensions, 0 to hide them                
image_height: integer value of image height or null if image dimensions is turned off               
image_width: integer value of image width or null if image dimensions is turned off             
post_id: ID of current post             
post_title: Post title for the image attribute              
image_name: Image file name
</code></pre>
</li>
</ol>
<p>Example: Display a default image if no avatar is selected</p>
<p>This example makes use of the HTML/CSS settings defined by the site admin.</p>
<pre><code>    add_filter( 'gklpa_the_postavatar', 'prefix_show_default_image', 10, 2 );
    function prefix_show_default_image( $post_avatar_html, $post_avatar_array ){
        global $post, $gklpa_plugin_settings;

        // Display default image;
        if( is_null( $post_avatar_array ) ){
            if( !empty( $gklpa_plugin_settings['css_class'] ) {
                $css = 'class="' . $gkl_plugin_settings['css_class']. '"';
            }
            $post_avatar_html = $gklpa_plugin_settings['html_before' ] . '<img '. $css . ' src="http://wplatest.dev/images/default-image.jpg" alt="' . esc_attr(strip_tags($post->post_title) ) . '" />'. $gklpa_plugin_settings['html_after'];
        }
        return $post_avatar_html;
    }
</code></pre>
<p><strong>OVERRIDE HTML DISPLAY WITH CUSTOM CONTENT HOOK</strong></p>
<p>If you want to change the HTML completely or override the option to display avatars automatically, use the <a href="https://codex.wordpress.org/Function_Reference/remove_filter" rel="nofollow ugc">remove_filter()</a> like so:<br />
    remove_filter(‘the_content’, ‘gkl_postavatar_filter’, 99 );<br />
    remove_filter(‘the_excerpt’, ‘gkl_postavatar_filter’, 99 );</p>
<p>You can then define your own <code>the_content</code> filter function that makes use of the <code>gkl_postavatar()</code> or <code>gkl_get_postavatar()</code> functions</p>
<p>You will need to use the function <code>gkl_get_postavatar()</code> which takes the post object and returns the array of post avatar information.</p>
<ol>
<li>
<p><code>$post_avatar_array</code> – Post Avatar data in array format. The keys are:</p>
<pre><code>avatar_url: The URL to the image

show_image_dim: 1 indicates to show image dimensions, 0 to hide them

image_height: integer value of image height or null if image dimensions is turned off

image_width: integer value of image width or null if image dimensions is turned off

post_id: ID of current post

post_title: Post title for the image attribute

image_name: Image file name
</code></pre>
</li>
</ol>
<p>Example:</p>
<pre><code>    add_filter( 'the_content', 'my_custom_post_avatar' );
    function my_custom_post_avatar( $content ){
        global $post;

        $current_avatar = gkl_get_postavatar( $post );
        $html_before = '<span class="alignleft">';
        $html_after = '</span>';
        // Display default image
        if( is_null( $current_avatar ) ) {
            $image_url = 'http://wplatest.dev/images/default-image.jpg';
            $alt_text = esc_attr(strip_tags($post->post_title) );
        } else {
            $image_url = $current_avatar['avatar_url'];
            $alt_text = $current_avatar['post_title'];
        }
        $post_avatar_html = $html_before . '<img src="'. $image_url . '" alt="' . $alt_text . '" />'. $html_after;

        return $post_avatar_html;   
    }
</code></pre>
<p><strong>OVERRIDE HTML DISPLAY WITH template tag <code>gkl_postavatar</code></strong></p>
<p>If you want the post avatar to appear outside of the content, e.g. with the entry’s meta information, make use of the <code>gkl_postavatar()</code> template tag.</p>
<p>It takes four paramters:</p>
<pre><code>    class: CSS class to use in the `<img>` tag. 
    before: HTML to appear before the image.    
    after: HTML to appear after the image.  
    do_what: Use `echo` to display the post avatar, `return` to pass it to a variable. Defaults to `echo`.
</code></pre>
<p>Example: In a template file:</p>
<pre><code>    <div class="entry-meta">    
    <?php gkl_postavatar('', "<span class='alignleft'>", "<span>" );?>

    -- more template tags here --
    </div>
</code></pre>
<p>Or you can make your own template tag function like in the example for “Override HTML display with custom content hook”, except you call the function directly in your template instead of hooking into <code>the_content()</code>.</p>
<h4>For Administration Screens</h4>
<p><strong>Add Post Avatar to Pages and Custom Post Types</strong></p>
<p>Use the filter hook <code>gklpa_allowed_post_types</code> to add further post types that you want the Post Avatar selection to appear on.</p>
<p>It takes an array of post type slugs as a parameter.</p>
<pre><code>    add_filter( 'gklpa_allowed_post_types', 'prefix_my_custom_post_types' );
    function prefix_my_custom_post_types( $current_post_types ){
        $current_post_types = array( 'post', 'page', 'review', 'event' );
        return $current_post_types;
    }
</code></pre>
<p><strong>Enable Image Selection for Folder Outside of WordPress Installation</strong></p>
<p>By default, Post Avatar looks for your images folder in relation to your WordPress installation. If you want to move your folder elsewhere, use these pair of filter hooks: <code>gklpa_image_url</code> and <code>gklpa_image_dir</code>. They take a single parameter: Image folder url and absolute path to the image folder, respectively.</p>
<pre><code>    add_filter( 'gklpa_image_url', 'prefix_change_folder_url' );
    function prefix_change_folder_url( $current_url ){
        return esc_url( 'http://mysite.com/images/' );
    }

    add_filter( 'gklpa_image_dir', 'prefix_change_folder_dir' );
    function prefix_change_folder_dir ){
        return '/user/public_html/images/';
    }
</code></pre>
<p>Please visit the <a href="http://www.garinungkadol.com/plugins/post-avatar/" rel="nofollow ugc">Post Avatar Page</a> for details on customizing the avatar display.</p>
<h4>Translations</h4>
<p>Post Avatar is translation-ready and supports a number of languages. If you can’t find your language here, please consider contributing a language pack.</p>
<p>If you’re interested, please check out the <a href="https://wordpress.org/extend/plugins/codestyling-localization/" rel="ugc">“Codestyling Localization” plugin</a> and for validating the <a href="http://www.poedit.net/" rel="nofollow ugc">“Poedit Editor”</a>.</p>
<p>Send in your translations to vix@garinungkadol.com</p>
<p>Thanks to the following for their language packs.</p>
<ul>
<li>Belorussian (ru_RU) Fat Cower</li>
<li>Czech (cz_CZ) Lelkoun</li>
<li>Dutch (nl_NL) Jay August</li>
<li>French (fr_FR) Mathieu Haratyk</li>
<li>German (de_DE) Dominik Menke</li>
<li>Hindi (hi_IN_Hindi) Outshine Solutions </li>
<li>Irish (ga_IR) Ray S.</li>
<li>Italian (it_IT) Gianni Diurno</li>
<li>Polish (pl_PL) Meloniq</li>
<li>Romanian (ro_RO) Webhosting Geeks</li>
<li>Serbo-Croatian (sr_RS) Webhosting Hub</li>
<li>Spanish (es_ES) gogollack</li>
</ul>


Post Avatar

Choose an avatar from a pre-defined list to include in a post.

Avatars Meta Box vs Post Avatar