Author Element
The Author Element shows an “About the Author” box for the author of the current post: a heading with the author’s name, the profile picture and the biography from the WordPress user profile. It is typically placed below the content in a post layout.
Because it reads the author automatically, one layout serves all posts of all authors. The box also works on author archive pages, where it introduces the author whose posts are listed. The heading, the picture and the biography can each be switched off, so the box can be as small as a single linked name.
In this article: How To Use · Element Options · Tips · Related Elements
How To Use The Author Element
Under Tirenoa > Layouts, open a layout for single posts (or author archives) and add the Author Element to its content section, usually after the Content Element. With Show Headings on, the box starts with “About the Author:” followed by the author’s name, linked to the author’s archive; HTML Heading Tag sets the tag of that heading.
Choose a square or circle Author Avatar, or hide it, and decide with Show Biography whether the text from the user profile appears. Adjust the space around the box with Margin, and add an entrance animation on the Extras tab if the design calls for one.
The name, picture and biography come from the author’s user profile under Users in wp-admin: the display name, the profile picture and the Biographical Info field. The element only appears on single posts, pages and other single items, and on author archives.
Element Options
The tables below list every option of the element, grouped by the tabs you see when you edit it in the Builder. Many options depend on others, so the edit screen only shows the options that apply to your current choices.
General
| Heading | Description |
|---|---|
| Show Headings | Choose to show or hide headings. |
| HTML Heading Tag | Choose HTML tag of the heading, either div, p or the heading tag, h1-h6. |
| Author Avatar | Make a selection for author avatar. |
| Show Biography | Choose to show or hide author biography. |
| Margin | In pixels or percentage, for example 10px or 10%. |
| Element Visibility | Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. |
| CSS Class | Add a class to the wrapping HTML element. |
| CSS ID | Add an ID to the wrapping HTML element. |
Extras
| Heading | Description |
|---|---|
| Conditional Rendering | Add conditional rendering logic for the element. The element will only be part of the post / page contents, if the set conditions are met. NOTE: Server cache can interfere with results. |
| Animation Type | Select the type of animation to use on the element. |
| Direction of Animation | Select the incoming direction for the animation. |
| Animation Color | Select the color of the animation. |
| Speed of Animation | Type in speed of animation in seconds (0.1 – 5). |
| Animation Delay | Select the delay time after the animation starts(0 – 5). |
| Offset of Animation | Controls when the animation should start. |
Tips
- Fill in the Biographical Info of every author. With Show Biography on and an empty profile, the box shows only a name and picture.
- Pick the HTML Heading Tag to fit the page structure; after an article whose sections use H2, H2 or H3 is usually right for this box.
- Use Conditional Rendering on the Extras tab to hide the box on post types where an author box makes no sense.
- A short author box with a real name and biography helps visitors and search engines see who wrote the content.