The Author Info Widget<\/strong> is a customizable sidebar feature designed to highlight the author of a post. When viewing a single post, this widget automatically displays:<\/p>\n\n\n\n The widget is fully responsive and styled to appear as a clean card in the sidebar. It enhances engagement by giving readers a quick view of who wrote the content, providing context, credibility, and a direct connection to the author.<\/p>\n\n\n\n Additionally, the widget\u2019s styling can be customized through CSS to match the theme of your site, including colors, spacing, shadows, and hover effects, making it both functional and visually appealing.<\/p>\n\n\n\n Add this function to the theme\/sub-theme functions.php file (you may replace suffux dox_ ;<\/p>\n\n\n\n Add this to the theme CSS, and revise it to suit your layout needs;<\/p>\n\n\n\n Author Info Widget The Author Info Widget is a customizable sidebar feature designed to highlight the author of a post. When viewing a single post, this widget automatically displays: The widget is fully responsive and styled to appear as a clean card in the sidebar. It enhances engagement by giving readers a quick view of … <\/p>\n\n
This article applies to WordPress Inspiro v2.1.4 by WPZOOM<\/pre>\n\n\n\n
\/**\n * START - function to create widget of author info\n *\/\n\nfunction dox_author_info_widget_display() {\n if (is_single()) {\n $author_id = get_the_author_meta('ID');\n $author_website = get_the_author_meta('user_url', $author_id); ?>\n\n <div class=\"widget author-info\">\n <div class=\"author-avatar\"><?php echo get_avatar($author_id, 96); ?><\/div>\n <h4 class=\"author-name\"><?php echo esc_html(get_the_author_meta('display_name', $author_id)); ?><\/h4>\n <p class=\"author-bio\"><?php echo esc_html(get_the_author_meta('description', $author_id)); ?><\/p>\n\n <?php if ($author_website) : ?>\n <p class=\"author-website\">\n <a href=\"<?php echo esc_url($author_website); ?>\" target=\"_blank\" rel=\"noopener\">\n Visit Website\n <\/a>\n <\/p>\n <?php endif; ?>\n <\/div>\n <?php }\n}\n\nfunction dox_register_author_info_widget() {\n register_sidebar(array(\n 'name' => 'Author Info Sidebar',\n 'id' => 'author-info-sidebar',\n 'before_widget' => '<div class=\"widget %2$s\">',\n 'after_widget' => '<\/div>',\n 'before_title' => '<h3 class=\"widget-title\">',\n 'after_title' => '<\/h3>',\n ));\n\n \/\/ Register as widgetized output\n register_widget('WP_Widget_Author_Info');\n}\n\nclass WP_Widget_Author_Info extends WP_Widget {\n function __construct() {\n parent::__construct('author_info', __('Author Info', 'textdomain'));\n }\n\n function widget($args, $instance) {\n echo $args['before_widget'];\n dox_author_info_widget_display();\n echo $args['after_widget'];\n }\n}\n\nadd_action('widgets_init', function() {\n register_widget('WP_Widget_Author_Info');\n});<\/code><\/pre>\n\n\n\n\/* === Author Info Widget Card Style === *\/\n.widget.author-info {\n background: #fff; \/* white card background *\/\n border: 1px solid #e2e2e2; \/* subtle border *\/\n border-radius: 12px; \/* rounded corners *\/\n box-shadow: 0 4px 10px rgba(0,0,0,0.05); \/* soft shadow *\/\n padding: 20px;\n text-align: center;\n margin-bottom: 20px;\n transition: box-shadow 0.2s ease, transform 0.2s ease;\n}\n\n.widget.author-info:hover {\n box-shadow: 0 6px 15px rgba(0,0,0,0.1);\n transform: translateY(-2px);\n}\n\n\/* Avatar *\/\n.widget.author-info .author-avatar img {\n border-radius: 50%;\n width: 96px;\n height: 96px;\n object-fit: cover;\n margin-bottom: 12px;\n border: 2px solid #ddd;\n}\n\n\/* Author name *\/\n.widget.author-info .author-name {\n font-size: 1.1em;\n font-weight: 600;\n margin: 0;\n color: #222;\n}\n\n\/* Bio text *\/\n.widget.author-info .author-bio {\n font-size: 0.9em;\n line-height: 1.5;\n color: #666;\n margin-top: 10px;\n}\n\/* Author website *\/\n.widget.author-info .author-website {\n font-size: 0.9em;\n line-height: 1.5;\n color: #666;\n margin-top: 10px;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"