User Profiles is a plugin for Movable Type 4 that extends the user profiles in MT4. Version 1.5 adds the ability for commenters to add user profile images (sometimes called avatars), which can be displayed when posting comments. Also new is User Profiles Pro, which includes user profile pages for all authors and commenters, and extended profiles with many built-in fields and support for extra fields.
From the admin interface, here what the author photos feature looks like on the dashboard:
In the Pro version, extended profiles can be edited from the admin interface, or by commenters:
New Features in User Profiles 1.5
- Commenters can upload a profile image (any authenticated commenter, including Vox, OpenID, etc.)
- Authenticated commenters can edit basic profile info
- Members widget displays user profile images
Features in User Profiles Pro
User Profiles Pro includes the following additional features:
- Authors and commenters have extended profiles. Extended profiles come with 22 built-in fields (such as City, Country, Birthdate, About Me, etc.).
- Custom fields for extended profiles can be defined by system administrators
- Publish profile pages for each author and commenter, including profile images, basic and extended profile info, recent entries, and recent comments.
- Automatically import profile images (avatars) for all your existing users from Gravatar, MyBlogLog, Vox, Livejournal, and BlogCatalog.
- AJAX function auto-imports avatars in the background after new commenters login.
How it Works
From admin MT4 interface, users can add a profile image by editing their profile. (System admins can perform this task for any user on the system):
Users will the be prompted to upload a profile image:
Square images are recommended, but if the uploaded photo is not a square, the plugin will automatically crop the image to make it a square.
After saving the profile image, the image will appear in the user profile:
Authenticated commenters can use a similar process to edit their profiles and upload a profile image:
Finally, the <MTAuthorImageURL> and <MTCommenterImageURL> tags can be used to display the user's profile image on your published blog pages.
Profile images are stored as Assets within Movable Type. This means that these images can also be used in other ways, such as inserting them into entries. Movable Type will keep the full size image (cropped to square, if necessary) and create thumbnails when using the tags described below. Each profile image is tagged with 'profileimage'.
With User Profiles Pro, extended profiles can be edited, either from the admin interface, or by commenter via the "edit profile" link after they login. User Profile pages are published automatically as static pages, which boosts performance for high traffic sites.
Live Demo - Try User Profiles Pro Now
Version 1.5 of User Profiles includes the following template tags:
- <MTAuthorImageURL> - This displays the url to a thumbnail of the author's profile image. There is one optional argument:
- size - the size in pixels of square thumbnail, default is 50 pixels (each side)
- <IfMTAuthorImage> - This conditional tag displays its contents if the author has uploaded a profile image.
- <MTAuthorImageURL> - This displays the url to a thumbnail of the commenter's profile image. There is one optional argument:
- size - the size in pixels of square thumbnail, default is 50 pixels (each side)
- <IfMTCommenterImage> - This conditional tag displays its contents if the commenter has a profile image. Note: if you posted a comment on your own blog (while signed in), your profile image will be displayed using this tag.
Example: In your "Entry Metadata" template module, your could add the following:
<MTIfAuthorImage><img src="<MTAuthorImageURL size="50">" align="left" /> </MTIfAuthorImage>
This would display the author's profile image, if they have one in their profile.
Similarly, in your "Comment Detail" module, you could add:
<MTIfCommenterImage><img src="<MTCommenterImageURL size="50">" align="left" /> </MTIfCommenterImage>
Both example above can be seen in action on the MT4 Test Blog.
User Profiles Pro Template Tags
User Profiles Pro includes the following additional tags:
- <MTAuthorProfileURL> - This displays the url to the author's published profile page.
- <MTCommenterProfileURL> - This displays the url to the commenter's published profile page.
- <MTEntryAuthorLink> - This replaces the core tag of the same name. Instead of linking to the author's URL, it will link to the author's profile page.
- <MTCommentAuthorLink> - This replaces the core tag of the same name. Instead of linking to the commenter's URL, it will link to the commenter's profile page. If the commenter was not authenticated, it will link to the URL provided.
- <MTUserProfile> - This tag is used to display extended profile information. There is one required argument:
- field - the name of the field that you wish to display. For built-in fields, valid values are birthdate, first_name, last_name, address, city, state, country, mobile_phone, land_phone, sex, marital_status, occupation, company, signature, about_me, activities, interests, music, tv_shows, movies, books, or quotes. For custom-defined fields, use the defined name of the field (more on custom fields below). Note that for the built-in "birthdate" field, you can also specify a "date_format" argument that follows MT's date formats.
- <MTAuthorComments> - This container tag, which is used on the default "User Profile" template, displays the comments from the author in context. On the published User Profile page, this is used to display a list of recent comments by the user.
User Profiles Template Set
User Profiles comes with several default templates that are easy to install with the Template Installer plugin. The User Profile template set includes the following templates:
- Edit User Profile - This template module is used to display the "edit profile" page that commenter's see when they click the "Edit Profile" link. Note that this template also displays the image upload and the "edit extended profile" pages. You can customize the user profile experience (and extended profile fields) bu editing this module. Note: you should not rename this template module.
- User Profile (Pro only) - This template module is used to publish the User Profile pages. Customize this template to change the way user profiles are displayed. A special note about this template -- when you save it, it will automatically republish all user profile pages (no need to republish your site). Note: you should not rename this template module.
- Members - This widget template displays thumbnails of member profile images.
- MT 4.01
- Image::Magick perl module
- Template Installer plugin
- Download the zip file and upload the contents of the 'plugins' folder to the 'plugins' directory of your MT installation.
- You should now see an Upgrade Screen for User Profiles. For User Profiles Pro, the upgrade will add a new table for extended profiles and import profile images for existing users in your system
- Go to System Overview, then to Preferences > Plugins. Then choose User Profiles, then Settings. Entry the blog_id for profile images and templates, and the path for uploading profile images, then save.
- Return to the User Profiles settings and click the "Install Templates" button. The templates will be installed into the blog you chose in the previous step.
- In your "Header" template, add the following before the </head> tag:
And (Pro only) after the line that reads <MTIf name="entry_template">, add:
Then save your "Header" template.
- Upload a profile image from your profile. (Tip: the quickest way to get to your profile is to click the "Hi Username!" link in the very top right of the page.) Click the link to add a profile image and follow the steps as shown above.
- Edit your extended profile by clicking "Extended Profile" from your profile page
- Edit your templates to display profile images, as described in the Template Tags section above.
Customizing Extended Profiles and Adding Custom Fields
User of User Profiles Pro may want to customized the display of the fields or add custom fields to the profiles. Click to read an in-depth article on how to customize Extended Profiles.
Get User Profiles Pro
Get User Profiles
User Profiles v1.5 is free for both commercial and non-commercial use. Note that User Profiles does no include the "Pro" features mentioned above.
Downloads: <$MTAjaxRatingVoteCount id="1" type="userprofilesdownloads"$>
As always, comments, questions, and suggestions are welcome.