• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×
    Home » News & Updates

    User Profile Block

    Published: Jun 11, 2020 · Modified: Jun 9, 2021 by Skylar · 2 Comments

    The HTML-based user profile widget has long been a staple of the sidebar, giving your visitors information about who you are and demonstrating E-A-T.

    Note: we haven't recommended using the Gravatar user-profile widget in years due to pagespeed issues.

    As more parts of WordPress move towards blocks, having a user profile block will become key.

    Here's the full setup video:

    The user profile block will be usable in the Modern Sidebar, due out later in 2020.

    Jump to:
    • Creating the block
    • Live example
    • Long term maintainability
    • Modern sidebar

    Creating the block

    The user profile block uses the WordPress-core "Media & Text" block with some custom styling. The custom styling comes from the "feast-about-author" class that gets added to the Advanced section of the block settings.

    Simply copy the following, and paste it directly into the block editor:

    
    <!-- wp:media-text {"mediaId":1835,"mediaLink":"https://foodiepro.com/feast-skylar-headshot/","mediaType":"image","className":"feast-about-author"} -->
    <div class="wp-block-media-text alignwide is-stacked-on-mobile feast-about-author"><figure class="wp-block-media-text__media"><img src="https://foodiepro.com/wp-content/uploads/2020/03/feast-skylar-headshot.jpg" alt="" data-pin-nopin="true" class="wp-image-1835"/></figure><div class="wp-block-media-text__content"><!-- wp:heading -->
    <h2>About Skylar, NRD</h2>
    <!-- /wp:heading -->
    
    <!-- wp:paragraph -->
    <p>This is a fake profile talking about how I switched to a paleo diet and it helped my eczema and I grew 4". Trust me, I'm an online doctor.</p>
    <!-- /wp:paragraph -->
    
    <!-- wp:paragraph {"align":"right"} -->
    <p class="has-text-align-right"><a href="https://foodiepro.com/about"><strong>Learn more about me →</strong></a></p>
    <!-- /wp:paragraph --></div></div>
    <!-- /wp:media-text -->

    You want to change the image to a 1000x1000 (or at least square) image, and edit the text directly in the new block. Remember to edit the alt text for the image.

    Live example

    Here's what it looks like:

    About Skylar, NRD

    This is a fake profile talking about how I switched to a paleo diet and it helped my eczema and I grew 4". Trust me, I'm an online doctor.

    Learn more about me →

    Long term maintainability

    WordPress has a habit of making unpredictable changes to core blocks, and there's a possibility they'll change how this functions in the future.

    If that happens, we'll release either an update, or if needed, a new custom block.

    Modern sidebar

    Do not follow this tutorial for inserting the user profile into the Modern Sidebar, instead, follow the Modern Sidebar tutorial to create it with 1-click.

    More

    • Block themes
    • Introducing Feast+
    • Redis Object Cache
    • Kadence

    Reader Interactions

    Comments

    1. Chef Rodney says

      June 11, 2020 at 9:12 pm

      Thanks for this. Might not seem like a big deal to some but this is the "proper" way of doing things. Thanks for all the work you guys continuously put into your products.

      Reply
    2. Daniel Westerdale says

      July 07, 2020 at 7:16 am

      Thanks for posting this . I have the gravatar based use profile in my primary sidebar and and at the bottom of each post. I will replace the latter with your User Profile block and wait to replace the former when the support is released.

      Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Themes

    • Feast Plugin grants access to all 5 themes
    • Not sure where to start? See the getting started guide

    Feast Plugin

    • Feast Plugin
    • Modern Homepage
    • Modern Sidebar
    • Modern Footer
    • Modern Mobile Menu
    • Modern Menu
    • Modern Recipe Index
    • Modern Categories
    • Modern 404
    • Recipe Update Checklist
    • Recipe Post Template
    • Tools
    • Site Info

    Resources

    • Image optimization
    • Recipe Guidelines for Foodie Bloggers
    • How to write a recipe post
    • Page headings
    • SEO for Food Bloggers
    • Tutorials
    • Pagespeed
    • Analytics
    • Comments
    • Internal links

    more resources →

    Categories

    • Modern Recipe Index
    • Modern Categories
    • Posts per Page
    • How to use categories
    • Category pages need content
    • How to configure the category pages
    • Food blog site structure
    • Food blog page structure

    Classic themes

    The classic themes are only for hobby sites and any food blog interested in monetizing or SEO needs the Feast Plugin.

    • Foodie Pro Classic
    • Brunch Pro Classic
    • Cook'd Pro Classic
    • Cravings Pro Classic
    • Seasoned Pro Classic

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.