{"id":2614,"date":"2021-06-22T09:26:53","date_gmt":"2021-06-22T09:26:53","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2614"},"modified":"2023-02-21T11:15:43","modified_gmt":"2023-02-21T11:15:43","slug":"add-an-author-box-widget-to-wordpress-posts","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/","title":{"rendered":"Add an Author Box Widget to WordPress Posts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2614\" class=\"elementor elementor-2614\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c39a82b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c39a82b\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b5f6d4\" data-id=\"9b5f6d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10ebc251 elementor-widget elementor-widget-video\" data-id=\"10ebc251\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=Zbu7Sf-8XK4&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4fb0042 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4fb0042\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23f1908f\" data-id=\"23f1908f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3822a01a elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"3822a01a\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9411\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9411\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9412\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9412\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9411\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9411\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9411\" tabindex=\"0\" hidden=\"false\"><p>Using Elementor, you can easily add an author box to your blog posts, showing bio and links of the post&#8217;s author. In this video, we show how to add an author box to any blog post dynamically in WordPress, using Elementor&#8217;s Theme Builder.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9412\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9412\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9412\" tabindex=\"0\" hidden=\"hidden\"><p>hey everyone it&#8217;s Cassie from Elementor<br \/>in this video I&#8217;ll go over the author<br \/>box widget each post in WordPress is<br \/>attributed to a specific author by using<br \/>the author box widget you&#8217;ll be able to<br \/>tap into this dynamic information and<br \/>display the author of each post so let&#8217;s<br \/>go over all the options available in the<br \/>widget from the panel drag an author box<br \/>into the editing screen in content under<br \/>author info source you can choose<br \/>between current author or custom author<br \/>if you work with the current author it<br \/>takes the WordPress users dynamic info<br \/>to display the post author this is<br \/>especially suitable for those using<br \/>single post templates go with custom to<br \/>work with static info for example it&#8217;s<br \/>great for displaying an author on a<br \/>landing page where you don&#8217;t need<br \/>dynamic content but you&#8217;d rather just<br \/>display an author so let&#8217;s go over<br \/>custom if you&#8217;re using dynamic just jump<br \/>ahead a few seconds first upload a<br \/>profile picture over here name n HTML<br \/>tag h1 to 6 or set it as div or span in<br \/>the link to field you can add a URL to<br \/>link it in the biography box add a short<br \/>bio in the archive button add a link to<br \/>the author posts or any other link you<br \/>like this will add a button under the<br \/>bio text and remember if you&#8217;re using<br \/>current all your links are dynamic and<br \/>set the layout and alignment of your<br \/>items in the box now let&#8217;s go over the<br \/>style settings the vertical align aligns<br \/>your author image to the top or to the<br \/>middle you can adjust the size of the<br \/>image and the gap between the image in<br \/>the text you can add a border and<br \/>customize it and you<br \/>that&#8217;s an extra style with box-shadow<br \/>under text this is where you can edit<br \/>the style for your name in bio choose a<br \/>font its color all that good stuff you<br \/>can also set the gap between the name<br \/>and bio and between the bio and the<br \/>button as mentioned this button can lead<br \/>your visitors back to your main blog<br \/>page engaging them with your content and<br \/>here you have all the familiar Elementor<br \/>customization tools design your text<br \/>background color and typography for<br \/>normal and hover and for the final touch<br \/>tweak your border width and give it a<br \/>border radius and add some padding to<br \/>the button author box adds a stylish<br \/>portrait of your author giving your page<br \/>a professional look thanks for watching<br \/>don&#8217;t forget subscribe to our youtube<br \/>channel<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview Using Elementor, you can easily add an author box to your blog posts, showing bio and links of the post\u2019s author. In this video, we show how to add an author box to any blog post dynamically in WordPress, using Elementor\u2019s Theme Builder. Transcript hey everyone it\u2019s Cassie from Elementor in this [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3382,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4,18],"tags":[41],"class_list":["post-2614","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","category-theme-builder","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Add an Author Box Widget to WordPress Posts - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add an Author Box Widget to WordPress Posts - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Using Elementor, you can easily add an author box to your blog posts, showing bio and links of the post\u2019s author. In this video, we show how to add an author box to any blog post dynamically in WordPress, using Elementor\u2019s Theme Builder. Transcript hey everyone it\u2019s Cassie from Elementor in this [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T09:26:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:15:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Author-Box-Widget.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add an Author Box Widget to WordPress Posts - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/","og_locale":"en_US","og_type":"article","og_title":"Add an Author Box Widget to WordPress Posts - Academy","og_description":"Overview Transcript Overview Using Elementor, you can easily add an author box to your blog posts, showing bio and links of the post\u2019s author. In this video, we show how to add an author box to any blog post dynamically in WordPress, using Elementor\u2019s Theme Builder. Transcript hey everyone it\u2019s Cassie from Elementor in this [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/","og_site_name":"Academy","article_published_time":"2021-06-22T09:26:53+00:00","article_modified_time":"2023-02-21T11:15:43+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Author-Box-Widget.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Add an Author Box Widget to WordPress Posts","datePublished":"2021-06-22T09:26:53+00:00","dateModified":"2023-02-21T11:15:43+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/"},"wordCount":514,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Author-Box-Widget.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout","Theme Builder"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/","url":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/","name":"Add an Author Box Widget to WordPress Posts - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Author-Box-Widget.jpg","datePublished":"2021-06-22T09:26:53+00:00","dateModified":"2023-02-21T11:15:43+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Author-Box-Widget.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Author-Box-Widget.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/add-an-author-box-widget-to-wordpress-posts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"Add an Author Box Widget to WordPress Posts"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2614"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2614\/revisions"}],"predecessor-version":[{"id":9442,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2614\/revisions\/9442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3382"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}