style.css<\/strong><\/p>\nfunction wpb_author_info_box($content) {\n\n global $post;\n\n \/\/ Detect if it is a single post with a post author\n if (is_single() && isset($post - > post_author)) {\n\n \/\/ Get author's display name \n $display_name = get_the_author_meta('display_name', $post - > post_author);\n\n \/\/ If display name is not available then use nickname as display name\n if (empty($display_name))\n $display_name = get_the_author_meta('nickname', $post - > post_author);\n\n \/\/ Get author's biographical information or description\n $user_description = get_the_author_meta('user_description', $post - > post_author);\n\n \/\/ Get author's website URL \n $user_website = get_the_author_meta('url', $post - > post_author);\n\n \/\/ Get link to the author archive page\n $user_posts = get_author_posts_url(get_the_author_meta('ID', $post - > post_author));\n\n if (!empty($display_name))\n\n $author_details = '<p class=\"author_name\">About '.$display_name.\n '<\/p>';\n\n if (!empty($user_description))\n \/\/ Author avatar and bio\n\n $author_details. = '<p class=\"author_details\">'.get_avatar(get_the_author_meta('user_email'), 90).nl2br($user_description).\n '<\/p>';\n\n $author_details. = '<p class=\"author_links\"><a href=\"'.$user_posts.'\">View all posts by '.$display_name.\n '<\/a>';\n\n \/\/ Check if author has a website in their profile\n if (!empty($user_website)) {\n\n \/\/ Display author website link\n $author_details. = ' | <a href=\"'.$user_website.\n '\" target=\"_blank\" rel=\"nofollow\">Website<\/a><\/p>';\n\n } else {\n \/\/ if there is no author website then just close the paragraph\n $author_details. = '<\/p>';\n }\n\n \/\/ Pass all this info to post content \n $content = $content.\n '<footer class=\"author_bio_section\" >'.$author_details.\n '<\/footer>';\n }\n return $content;\n}\n\n\/\/ Add our function to the post content filter \nadd_action('the_content', 'wpb_author_info_box');\n\n\/\/ Allow HTML in author bio section \nremove_filter('pre_user_description', 'wp_filter_kses');<\/pre>\n.author_bio_section{\n background: none repeat scroll 0 0 #F5F5F5;\n padding: 15px;\n border: 1px solid #ccc;\n}\n \n.author_name{\n font-size:16px;\n font-weight: bold;\n}\n \n.author_details img {\n border: 1px solid #D8D8D8;\n border-radius: 50%;\n float: left;\n margin: 0 10px 10px 0;\n}<\/pre>\nKode di atas akan memanggil informasi penulis\/author dan menampilkannya di bawah postingan.<\/p>\n
Maka nanti hasilnya akan seperti ini:<\/p>\n
![\"Cara](\"https:\/\/img.pugam.com\/2017\/12\/Cara-Menambahkan-Author-Box-di-WordPress-Posts-8.png\")
<\/p>\n
![\"Cara](\"https:\/\/img.pugam.com\/2017\/12\/Cara-Menambahkan-Author-Box-di-WordPress-Posts.jpg\")
<\/p>\n