How to add blue verified checkmark for author in WordPress

Adding a blue verified checkmark for an author in WordPress is not a built-in feature, as WordPress doesn’t have a native system for verifying authors. However, you can manually create a visual representation of a verified status.

To add a blue checkmark for the author in WordPress without using a plugin, you can follow these steps:

Method 1

1. Select Your Preferred Verified Badge Icon:
   • Choose an icon to use as the verified badge for the author’s name. You can find icons from libraries like Font Awesome or Iconify.
2. Identify the CSS Class of the Author’s Name:
   • Find out the CSS class of your author’s name by inspecting it on a blog post. The author’s class may vary depending on your WordPress theme.
3. Add the Additional CSS:
   • Once you have the icon and the author’s CSS class, add a CSS snippet to your WordPress Additional CSS.
   • Go to Appearance -> Customizer -> Additional CSS on your WordPress dashboard.
   • Use a CSS snippet like this:
     css

     .author-name:after {
background: url('https://api.iconify.design/akar-icons/circle-check-fill.svg?color=blue') no-repeat center center / contain;
content: url('https://api.iconify.design/akar-icons/circle-check-fill.svg?color=blue');
font-size: 20px;
margin-left: 4px;
vertical-align: middle;
}

     Customize the size and margin of your verified badge by adjusting the property values in the CSS snippet.

4. Publish Your Changes:
   • Click the “Publish” button after adding the CSS snippet to apply the verified badge after the author’s name.

Method 2

This method is thanks to turbohosty.com

To add a verified badge icon in CSS for WordPress authors, follow these steps:

1. Navigate to “Appearance > Customize” in your WordPress Dashboard.
2. Open a blog post in another tab, right-click on the author’s name, and select ‘Inspect’ to identify the ‘CSS Class’ used (commonly set to “author-name”).
3. In the Customize section, add the following CSS code:

1. To apply the badge to specific users, use the following syntax:
   .author-name[user_id="123"]:after {
content: '\f058';
font-family: FontAwesome;
font-size: 20px;
margin-left: 8px;
color: #1DADFF;
}

2. In the Customizer, find “Additional CSS” at the bottom of the menu.
3. Paste the code into the Additional CSS section and click ‘Publish’ to save the changes.

In conclusion, the process of adding a verified badge to WordPress authors is straightforward and provides substantial benefits for website credibility and user trust. By following the steps outlined in this guide, you empower your authors and enhance the overall integrity of your content. Take this opportunity to instill confidence in your audience and elevate the reputation of your WordPress website.