Widget Blocks in Gutenberg – Archives, Calendar, Latest Posts, Search, Social Icons & More

Dynamic content blocks that bring your sidebar (or any area) to life.

Traditional WordPress widgets have been around for years. In the block era, almost all classic widgets have been reimagined as widget blocks. You can use them anywhere – not just sidebars.

In this guide, I’ll cover every widget block:

  • Archives
  • Calendar
  • Categories
  • Latest Posts
  • Latest Comments
  • Search
  • Social Icons
  • Tag Cloud
  • RSS
  • Shortcode

By the end, you’ll know how to add dynamic lists, calendars, search forms, and social links – all without touching code.


1. Archives Block – Monthly Post Links

What it does: Displays a list of months, each linking to posts published that month.

When to use: Sidebars on blogs with years of content. Helps readers browse by date.

Settings:

SettingOptionsBest practice
DropdownYes / NoDropdown saves space; list is more visible
Post countShow / HideShows number of posts per month in parentheses
Display asList, DropdownList for clarity, dropdown for minimalism

Pro tip:

Only useful if you have many posts (50+). For newer blogs, skip it.

Shortcut: Type /archives.


2. Calendar Block – Date Navigation

What it does: Shows a monthly calendar grid. Clicking a date shows posts from that day.

When to use: Very niche. Mostly for news sites or daily journals.

Settings:

None. Just add it.

Pro tip:

Most modern sites don’t use calendar – readers prefer search or categories. Use only if your content is time‑sensitive (event blogs, daily deals).

Shortcut: Type /calendar.


3. Categories Block – List of Topics

What it does: Shows all post categories as links. Clicking a category shows all posts in that category.

When to use: Essential for blogs. Helps navigation and SEO (category pages).

Settings:

SettingOptionsBest practice
Display asList, DropdownList is clearer for readers
Show hierarchyYes / NoShows parent/child indentation
Show post countYes / NoNumber of posts per category
Only show top levelYes / NoHides sub‑categories

Pro tip:

  • Show post count – signals category activity.
  • Use hierarchy if you have sub‑categories (e.g., “WordPress → Gutenberg”).

Shortcut: Type /categories.


4. Latest Posts Block – Recent Articles List

What it does: Displays your most recent blog posts. Highly customizable (show images, excerpts, dates, author, categories).

When to use: Sidebars, homepage sections, footer – anywhere you want to promote fresh content.

Settings:

SettingOptionsBest practice
Number of posts1–1005–10 is typical
Display featured imageYes / NoYes – images catch attention
Image sizeThumbnail, Medium, LargeThumbnail (150px) for sidebars
Show excerptYes / NoYes for longer summaries
Excerpt lengthWords (e.g., 15)Keep short (10–20 words)
Show authorYes / NoOptional
Show dateYes / NoUsually yes
Show categoriesYes / NoHelps readers see topic
Order byDate, Title, RandomDate is default
OrderDescending (newest first), AscendingDescending

Pro tips:

  • Add to footer for site‑wide recent posts.
  • Show featured image only if images are consistent (otherwise list only).
  • Don’t duplicate – if you already have a Post Grid on homepage, maybe skip this.

Shortcut: Type /latest-posts.

5. Latest Comments Block – Recent Reader Feedback

What it does: Shows the most recent comments left on your site.

When to use: Community‑driven blogs, to highlight engagement. Less common now but can increase interaction.

Settings:

SettingOptions
Number of comments1–100
Show avatarYes / No
Show dateYes / No
Show excerptYes / No (comment text snippet)

Pro tip:

  • Use when you have active commenters – shows social proof.
  • Keep number low (5) to avoid clutter.

Shortcut: Type /latest-comments.


6. Search Block – Site Search Form

What it does: Places a search bar on your page. Visitors can type keywords to find content.

When to use: Every site needs a search. Put it in header, sidebar, or footer.

Settings:

SettingOptionsBest practice
Button positionInside (icon), Outside (button text)Inside saves space
Button textCustom text (e.g., “Search”)Default “Search” is fine
PlaceholderHint text (“Type and press enter”)Useful for clarity
LabelShow/hide “Search” labelHide for minimalism

Pro tip:

  • Always include a search block somewhere (usually sidebar, mobile menu, or footer).
  • Use wide button for better touch targets on mobile.

Shortcut: Type /search.


7. Social Icons Block – Link to Your Profiles

What it does: Displays clickable icons for your social media profiles (X, Facebook, Instagram, LinkedIn, YouTube, GitHub, etc.).

When to use: Header (top bar), footer, sidebar, contact page – anywhere you want to direct visitors to follow you.

Adding platforms:

  1. Add Social Icons block
  2. Click “Add social” and choose platform from dropdown
  3. Paste your profile URL
  4. Repeat for each platform

Settings:

SettingOptions
Icon sizeSmall, Medium, Large
Icon colorUse brand colors or custom (recommend brand colors)
BackgroundNone, Circle, Square
AlignmentLeft, center, right
Open in new tabPer link (recommended on)

Pro tips:

  • Don’t add platforms you never post on – dead links hurt trust.
  • Use brand colors (blue for X, red for YouTube, etc.) – readers recognize instantly.
  • Place in footer and header – both work well.

Shortcut: Type /social-icons.


8. Tag Cloud Block – Popular Keywords

What it does: Displays your post tags in a “cloud” where larger size = more posts with that tag.

When to use: Blogs with many tags. Helps readers find related topics.

Settings:

SettingOptions
Show post countYes / No
TaxonomyTags (default) or Categories

Pro tip:

  • Only useful if you tag consistently – otherwise cloud looks sparse.
  • Consider Categories block instead – it’s often cleaner.

Shortcut: Type /tag-cloud.


9. RSS Block – Display Feeds from Other Sites

What it does: Pulls and displays posts from any RSS feed (your other site, a news source, etc.).

When to use: Aggregating content (e.g., “Industry news”), or showing your own posts from a different site.

Settings:

SettingOptions
Feed URLPaste RSS feed address (e.g., https://example.com/feed)
Number of items1–20
Show summaryYes / No
Show authorYes / No
Show dateYes / No
Display asList, Grid

Pro tip:

  • Be careful with copyright – use other sites’ feeds only if allowed.
  • Use your own feed to cross‑promote another blog you run.

Shortcut: Type /rss.


10. Shortcode Block – Compatibility with Old Plugins

What it does: Executes any classic WordPress shortcode (e.g., [contact-form-7 id="123"]) inside a block.

When to use: When a plugin still uses shortcodes and doesn’t have a native block.

How to use:

Just paste the shortcode into the Shortcode block.

Settings:

None – the block passes anything inside to the shortcode handler.

Pro tip:

  • Try to find a native block version – shortcodes work but blocks are better.
  • Use for contact forms, galleries, or sliders from old plugins.

Shortcut: Type /shortcode.


Where to Place Widget Blocks (Beyond Sidebars)

LocationHowBest blocks
HeaderFooter Builder (Kadence) or block‑theme headerSearch, Social Icons
FooterFooter widget areaLatest Posts, Search, Social Icons, Categories
HomepageRow Layout blockLatest Posts (as featured content)
Single post (after content)Kadence hooks or Insert After Post pluginRelated Posts (via Latest Posts block filtered by category)
PageAnywhereSearch, Categories, Tag Cloud

Comparison Table: Which Widget Block Should You Use?

BlockBest forFrequency of use
ArchivesOld blogs with years of contentRare
CalendarDate‑specific sites (news, events)Very rare
CategoriesBlog navigationOften
Latest PostsPromoting recent contentVery often
Latest CommentsCommunity engagementSometimes
SearchEssential for all sitesAlways
Social IconsBuilding followingAlways
Tag CloudTopic discovery (heavy tag users)Sometimes
RSSAggregating external feedsRare
ShortcodeLegacy plugin compatibilityAs needed

Common Mistakes to Avoid

  1. Too many widget blocks – clutters sidebar. Pick 3–4 max.
  2. Missing Search block – every site needs search.
  3. Outdated social links – remove platforms you abandoned.
  4. Latest Posts without thumbnails – if your posts have images, show them.
  5. RSS from low‑quality sources – damages your site’s credibility.

What’s Next?

You’ve mastered widget blocks. Now it’s time for the most powerful dynamic block: Query Loop – which lets you build custom post grids, portfolios, and anywhere you need to display posts on demand.

👉 Next article in this series: Gutenberg Query Loop Block – Build Custom Post Grids, Portfolios & Archives (Complete Guide)


Which widget block do you use most? Any questions about RSS or Shortcode? Ask below.


📌 Key Takeaways (for skimmers)

  • 10 widget blocks – Archives, Calendar, Categories, Latest Posts, Latest Comments, Search, Social Icons, Tag Cloud, RSS, Shortcode.
  • Search and Social Icons – essential for almost every site.
  • Latest Posts – highly customizable (images, excerpts, date).
  • Categories helps navigation and SEO.
  • Shortcode block for legacy plugins without native blocks.
  • Place widgets in footer or sidebar – not everywhere.

🔗 Internal Links