![\"A](\"https:\/\/www.techcoil.com\/ph\/img\/blog\/posts\/about-me-at-end-of-blog-post.jpg\")
<\/p>\nEvery blog post has an author behind it. As web masters, we have the authority to decide whether to display some information about the author. <\/p>\n
Although I am the sole author of my blog, I feel that including some information about myself right after my posts can give my readers some form of assurance that they are reading something from a human.<\/p>\n
I present such information in the form of a little box:<\/p>\n
<\/p>\n
Since I am the only writer for my blog, a straightforward approach to putting up information about myself could be hard coding them into Every author in a WordPress blog will use a user account<\/strong> to log into and write blog posts. With that, I use the edit profile page in the administration area of my blog to save some information about myself. <\/p>\n In this page, I filled up three pieces of information:<\/p>\n After I had saved the relevant information which I wish to display, I went on to identify the functions that will retrieve these information from the WordPress engine.<\/p>\n I used the I employed a two-step approach to outputting my Gravatar photo to the browser. <\/p>\n As with the outputting of the display name, I used the With an idea of what functions to call for the information, I craft the entire HTML markup that will form the box. <\/p>\n With the HTML markup in place, I then style the information with the following CSS rules.<\/p>\n Every blog post has an author behind it. As web masters, we have the authority to decide whether to display some information about the author. <\/p>\n Although I am the sole author of my blog, I feel that including some information about myself right after my posts can give my readers some form of assurance that they are reading something from a human.<\/p>\n","protected":false},"author":1,"featured_media":1217,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"footnotes":""},"categories":[375],"tags":[13,5],"jetpack_featured_media_url":"https:\/\/www.techcoil.com\/blog\/wp-content\/uploads\/WordPress-logo-on-black-background.gif","jetpack_shortlink":"https:\/\/wp.me\/p245TQ-44","jetpack-related-posts":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/posts\/252"}],"collection":[{"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":0,"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/media\/1217"}],"wp:attachment":[{"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/media?parent=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techcoil.com\/blog\/wp-json\/wp\/v2\/tags?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}single.php<\/code>. However, this approach hurts scalability and maintainability. In the future, I could put up similar information at places other than single.php<\/code>. Or I could invite others to post content in my blog in return for some visual space. <\/p>\nStoring authors' details with WordPress<\/h4>\n
![\"Wordpress](\"https:\/\/www.techcoil.com\/ph\/img\/blog\/posts\/wordpress-edit-user-profile-page.jpg\")
<\/p>\n\n
Displaying author's details<\/h3>\n
Outputting display name<\/h4>\n
\r\n<?php the_author_meta('display_name');?>\r\n<\/pre>\nthe_author_meta<\/code><\/a> function with the string literal 'display_name'<\/code> to write my display name to the browser.<\/p>\nOutputting the Gravatar photo<\/h4>\n
\r\n<?php echo get_avatar(get_the_author_meta('user_email')); ?>\r\n<\/pre>\n\n
get_the_author_meta<\/code> function, by passing it the string literal 'user_email'<\/code>. Note that unlike the the_author_meta<\/code> function, the get_the_author_meta<\/code> returns a string containing the requested information instead of directly writing it out to the browser.<\/li>\nimg<\/code> tag for my Gravatar photo by passing the return value of get_the_author_meta<\/code> into the get_avatar<\/code><\/a> function. I then write the image tag to the browser via the echo<\/code><\/a> function.<\/li>\n<\/ul>\nOutputting the biographical info<\/h4>\n
\r\n<?php the_author_meta('user_description');?> \r\n<\/pre>\nthe_author_meta<\/code> function with the string literal 'user_description'<\/code> to write my biographical information to the browser.<\/p>\nFormatting the information with HTML markup<\/h3>\n
\r\n<div id="post-author">\r\n <?php echo get_avatar(get_the_author_meta('user_email')); ?>\r\n <h3>About <?php the_author_meta('display_name');?><\/h3>\r\n <p>\r\n <?php the_author_meta('user_description');?> \r\n <\/p>\r\n<\/div>\r\n<\/pre>\n\r\n#post-author {\r\n border: 3px solid #B8D6FF;\r\n margin: 0 30px 0 17px;\r\n min-height: 116px;\r\n}\r\n\r\n#post-author h3 {\r\n color: #19447E;\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin: 10px 10px;\r\n}\r\n\r\n#post-author img {\r\n border: 1px solid #B8D6FF;\r\n display: block;\r\n float: left;\r\n margin: 10px;\r\n}\r\n\r\n#post-author p {\r\n font-size: 14px;\r\n text-align: left;\r\n margin-right: 10px;\r\n}\r\n<\/pre>\nSome posts which may interest you<\/h3>\n
\n
\n
![\"Facebook](\"\/ph\/img\/3rd-party\/social-icons\/Facebook.png\")
Share\n <\/a>\n <\/li>\n ![\"Twitter](\"\/ph\/img\/3rd-party\/social-icons\/Twitter.png\")
Tweet\n <\/a>\n <\/li>\n ![\"Linkedin](\"\/ph\/img\/3rd-party\/social-icons\/linkedin.png\")
Share\n <\/a>\n <\/li>\n ![\"Pinterest](\"\/ph\/img\/3rd-party\/social-icons\/Pinterest.png\")
Save\n <\/a>\n <\/li>\n <\/ul>\n ","protected":false},"excerpt":{"rendered":"