This members-only tutorial provides the steps to build an author bio section on single posts in Oxygen.
We shall
- use a Code Block for displaying the author profile image since the built-in Oxygen method seems to be outputting only at a max dimensions of 96 x 96 plus and without utilizing the WordPress' srcset.
- add custom user profile fields for Twitter, Facebook, Pinterest and Instagram.
- load and use the individual social icons generated from Fontello and display them conditionally i.e., only if the corresponding user field has been filled.
- use the User Design Library feature to import the entire author bio box section with just a few clicks.
Step 1
Let us add custom social fields in WordPress User Profile pages.
Install and activate Code Snippets plugin.
Go to Snippets > Add New.
Title: Add custom social fields in User Profile
Code:
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $599 one-time).
Already a member? Log in below or here.