author-bio

author-bio

ds.author-bio can be used to show blog/article author profile page. To see it in action - Click here.

Example:

Input
-- common.author-meta john-doe: John Doe
profile: UX Designer
bio-url: blog-authors/john-doe/
image: $assets.files.static.avatar.jpg
company: Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 
velit esse.

-- ds.author-bio: 
author: $john-doe
Lang:
ftd
Output
John Doe
UX Designer
Company name
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.
-- ds.author-bio: 
author: $john-doe
Lang:
ftd

Properties of author-bio component

  • author - type: record use common.author-meta record to create author details as shown in below code snippet. To see it in action - Click here.
-- common.author-meta john-doe: John Doe
profile: UX Designer
bio-url: blog-authors/john-doe/
image: $assets.files.static.avatar.jpg
company: Company name

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 
velit esse.
Lang:
ftd
Copyright © 2023 - FifthTry