Weston Ruter

Ryan Hellyer

Glen Scott

Allows a user to associate a profile photo with their account through their “Your Profile” page. Admins may 
add a user profile photo by accessing the “Edit User” page. Uploaded images are resized to fit the dimensions specified 
on the options page; a thumbnail image correspondingly is also generated. 
User photos may be displayed within a post or a comment to 
help identify the author. New template tags introduced are:
<ul>
<li><code>userphoto_the_author_photo()</code></li>
<li><code>userphoto_the_author_thumbnail()</code></li>
<li><code>userphoto_comment_author_photo()</code></li>
<li><code>userphoto_comment_author_thumbnail()</code></li>
</ul>
Important: all of these “template tags” must appear inside of PHP script blocks (see examples below). 
The first two should be placed in the posts loop near <code>the_author()</code>, and the second two in the comments 
loop near <code>comment_author()</code> (or their respective equivalents). Furthermore, <code>userphoto_the_author_photo()</code> 
and <code>userphoto_the_author_thumbnail()</code> may be called anywhere (i.e. sidebar) if <code>$authordata</code> is set.
The output of these template tags may be modified by passing four parameters: <code>$before</code>, <code>$after</code>, <code>$attributes</code>, and <code>$default_src</code>, 
as in: <code>userphoto_the_author_photo($before, $after, $attributes, $default_src)</code>. 
If the user photo exists (or <code>$default_src</code> is supplied), then the text provided in the <code>$before</code> and <code>$after</code> parameters is respectively 
prefixed and suffixed to the generated <code>img</code> tag (a common pattern in WordPress). If attributes are provided in the <code>$attributes</code> 
parameter, then they are returned as attributes of the generated <code>img</code> element. For example: <code>userphoto_the_author_photo('', '', array(style => 'border:0'))</code> 
Just added in 0.8.1 release are these two new template tags:
<ul>
<li><code>userphoto($user, $before = '', $after = '', $attributes = array(), $default_src = '')</code></li>
<li><code>userphoto_thumbnail($user, $before = '', $after = '', $attributes = array(), $default_src = '')</code></li>
</ul>
By using these, it is uneccessary to set the global <code>$authordata</code> to display a photo. Just pass <code>$authordata</code>, <code>$curauth</code> or 
whatever variable you have which contains the user object, or (as of version 0.9), pass in a user ID or a user login name.
Here’s an example that shows a few ways of inserting a user’s photo into the post loop: 
 //this will display the user’s avatar if they don’t have a user photo,
<pre><code><?php while (have_posts()) : the_post(); ?>
 <div class="post" id="post-<?php the_ID(); ?>">
 <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
 <div class="meta">
 <?php the_time('F jS, Y') ?>
 by <?php the_author() ?>

 
 <?php userphoto_the_author_photo() ?>
 <?php userphoto_the_author_thumbnail() ?>

 
 <?php userphoto($authordata) ?>
 <?php userphoto_thumbnail($authordata) ?>

 
 <?php userphoto_the_author_photo(
 'Photo of me: ',
 '',
 array('class' => 'photo'),
 get_template_directory_uri() . '/nophoto.jpg'
 ) ?>
 </div>
 <?php the_content('Read the rest of this entry &raquo;'); ?>
 </div>
<?php endwhile; ?>
</code></pre>
If you want to display the user’s photo in the sidebar, just get the user ID or object and pass it into <code>userphoto()</code> or <code>userphoto_thumbnail()</code> like this:
<pre><code><?php userphoto($posts[0]->post_author); ?>
</code></pre>
If you want to display a user’s photo their author page, you may do this:
<pre><code><?php userphoto($wp_query->get_queried_object()) ?>
</code></pre>
In version 0.9 the boolean function <code>userphoto_exists($user)</code> has been introduced which returns true if the user has a photo and false if they do not. 
Argument <code>$user</code> may be user object, ID, or login name. This function can be used along with avatars:
<pre><code><?php
if(userphoto_exists($user))
 userphoto($user);
else
 echo get_avatar($user->ID, 96);
?>
</code></pre>
Or if the new “Serve Avatar as Fallback” option is turned on, then the avatar will be served by any of the regular calls to display the user photo:
<pre><code><?php
//this will display the user's avatar if they don't have a user photo,
// and if "Serve Avatar as Fallback" is turned on
userphoto($user);
?>
</code></pre>
Additionally, all of the regular function calls to display the user photo may be done away with alltogether if the new “Override Avatar with User Photo” 
option is enabled:
<pre><code><?php
//both will display the user photo if it exists
// and if "Override Avatar with User Photo" is turned on
echo get_avatar($user_id);
echo get_avatar($user->user_email);
?>
</code></pre>
Both options “Serve Avatar as Fallback” and “Override Avatar with User Photo” require that the ‘Avatar Display’ setting under Discussion be set to “Show”.
Uploaded images may be moderated by administrators via the “Edit User” page.
Localizations included for Spanish, German, Dutch, Polish, Russian, French, Hungarian, Brazilian Portuguese, Italian, and Catalan.
If you value this plugin, please donate to ensure that it may continue to be maintained and improved.

User Photo

Allows a user to associate a photo with their account and for this photo to be displayed in their posts and comments.

Stencil

Stencil is the fastest way to create incredible visuals and increase your engagement on social media, blog posts, emails and presentations. Create images faster and easier than you ever imagined.
With Stencil for WordPress, you can design images as you write posts without ever leaving the page!
This 30-second video will show you what you can do with the Stencil plugin for WordPress:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6QkVdKyMhsE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Just some of the major features:
Powerful Image Editor – Designed with simplicity in mind, Stencil is a powerful but lightweight image editor that never gets in your way.
5,000,000+ Royalty-Free Stock Photos – More royalty-free “CC0” images than you’ll know what to do with! Thousands of new photos added every week!
3,100,000+ Icons & Graphics – Beautiful icons right at your fingertips, royalty-free and safe to use however you want (personal or commercial).
1,350+ Templates – Create beautiful images even faster with our premium templates, ready to be edited.
Upload & Store Logos – Upload & store every variation of your logo or different logos if you’re creating visuals for different brands. Add logos to your images instantly!
4,700+ Google Fonts or upload your own – Find the perfect font for your image by using any of Google’s thousands of web fonts! Or match your brand perfectly by uploading your own fonts directly to Stencil and use them in all your visuals.
140+ Preset Sizes – Perfect pre-loaded optimal sizes for social networks, ads, blog posts and more. Not enough? Create your own!
Instant Image Resizing – Change the size of your image without ever leaving the page or reloading.
Unlimited Uploads – Upload and use your own images in Stencil.
Favorites – Keep all your favorite photos, icons, and templates for easy future access.
Image Filters – Beautify your images with amazing filters.
Social Connections – Share to Facebook, Twitter, Instagram and Pinterest.
Collections – Create your own custom collections and keep everything in Stencil organized.
More about Stencil: 
We designed Stencil to be the fastest way to design beautiful images and graphics for your website, blog, social media channels, podcast covers, eBook covers, Facebook, Twitter, Instagram, Pinterest, or YouTube channels.
While other services (like Canva, PicMonkey, Vectr, Crello, BeFunky, Fotor, Snappa) and products (like Photoshop, Sketch, GIMP) are great for certain tasks, Stencil is the fastest way to get your images designed in a matter of minutes. If you’re looking for a great Canva alternative or PicMonkey alternative, Stencil is the one!
We support unlimited uploads, meaning you can upload your entire collection of photos and graphics straight to Stencil for use. We support all the major image types (including JPEG, PNG, GIF, SVG, WebP), and you can always download any images you uploaded back down to your computer later on.
More about the Stencil for WordPress plugin: 
While Stencil on it’s own is an amazing service, we (like you) spend a lot of time in our WordPress Admin area writing up our newest blogs and announcements.
Something we noticed while doing this is that it was a bit cumbersome switching tabs to Stencil to design our Featured Images for the blog post we were writing, download it, and then re-uploading into WordPress.
So we design this simple to use (and install) plugin so that you can use Stencil right from your WordPress Admin area.
This video will show you what that experience is like:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6QkVdKyMhsE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

The fastest and easiest way to design images as you write posts in WordPress. Millions of stock photos, premium icons & templates at your fingertips.

User Photo vs Stencil