How to add author Box in GeneratePress theme.
There are two ways you can add an author box in the GeneratePress theme.
One is by using an external Plugin like a simple Author box and another is by using the Element module of the GeneratePress theme.
In this article, we will use the Element Module in the GeneratePress theme as it doesn’t require an additional plugin. You just need to add some custom HTML & CSS code inside the Element section.
Note: You can only use this trick if you have the Generatepress premium plugin installed on your WordPress website. Otherwise, you can try the simple Author box plugin.
Why Do You Need an Author Box On Your Website?
Author Box is super important to build trust and connection with your readers. Readers always wanted to know who wrote the article and how trusted the author is. So, Mentioning an Author bio at the end of the blog post helps the post to show its credibility.
It also helps Search Engines to calculate the EAT score of a website. EAT means Expertise, Authority, and trustworthiness.
Steps to add author box in generatePress theme.
- Add a Profile photo and Author description
- Activate Element module
- Create a new Hook Element
- Set the title as “Author Box” and paste the HTML code
- Setup Hook setting
- Setup Display Rule
- Add CSS code
Check out this video guide for the complete step by step process practically.
✅ To activate the Element module go to Appearance > GeneratePress > Elements > Activate
✅ Now click on the Appearance section and you will see an option called “Element”, click on it. Now click on “Add new Element” and select Hook.
✅ You have to set the title as Author Box and paste the below HTML code in the code editor.
✅ After pasting the code you have to set up the Hook setting. In the Hook option select “generate after content” and then click on “Execute PHP” and set priority to “20”.
✅ Now click on the Display rule just right of settings. Now in the Location select “All singular” and in the Exclude tab select “Frontpage”.
✅ Now you have to design your author box using CSS code. So, to do that go to appearance>> Customize>>Additional CSS and paste the below code, and hit the publish button.
⏬ You will find the HTML & CSS code for the Author box in GeneratPress from here.
If you have any doubt regarding how to add the author box in the GeneratePress theme in Wordpress, ask me in the comment section.
If you like this article, do share it with your Blogging community.