skills.rest
GodBlf
GodBlfCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

firefly-sidebar-config

Edit sidebar widget order, visibility, and placement in Firefly blog theme config.

1|Updated Feb 16, 2026
Search Tags:#configuration#astro#sidebar#firefly#blog theme#widget customization
One-click install
npx skills add https://github.com/GodBlf/godblf.github.io --skill firefly-sidebar-config
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firefly-sidebar-config
Source: https://github.com/GodBlf/godblf.github.io/tree/main/.agents/skills/firefly-sidebar-config
Command: npx skills add https://github.com/GodBlf/godblf.github.io --skill firefly-sidebar-config

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows users to easily modify the sidebar configuration for the Firefly blog theme, controlling which components appear, their order, and their visibility on different pages.

Core Features & Use Cases

  • Widget Arrangement: Reorder sidebar components like site statistics, calendar, or table of contents.
  • Visibility Control: Show or hide specific widgets on post pages versus non-post pages.
  • Mobile Optimization: Configure widgets that appear at the bottom of the screen on mobile devices.
  • Use Case: A user wants to ensure their "Recent Posts" widget is always visible on the left sidebar of their Firefly blog, while the "Calendar" widget only appears on non-post pages.

Quick Start

Use the firefly-sidebar-config skill to move the 'recent-posts' component to the top of the left sidebar on all pages.

Frequently Asked Questions about firefly-sidebar-config

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize the sidebar layout in an Astro blog theme?▼

You can customize the Astro blog theme sidebar layout by directly editing the src/config/sidebarConfig.ts file to adjust the order, visibility, and placement of sidebar widgets across different page types.

Can I show different sidebar widgets on post pages versus non-post pages?▼

Yes, you can control widget visibility by page type. The sidebar configuration allows you to specify which components appear on post pages and which are restricted to non-post pages.

How do I reorder sidebar components like the table of contents or calendar in Firefly?▼

To reorder sidebar components in Firefly, modify the widget arrangement settings within the sidebarConfig.ts file to reflect your desired sequence for components like the calendar or table of contents.

What is the best way to configure mobile sidebar widgets for an Astro blog?▼

Configuring mobile sidebar widgets involves defining responsive behaviors in the sidebarConfig.ts file, allowing you to set specific widgets to appear at the bottom of the screen on mobile devices.

Do I need to install dependencies to change widget visibility in the Firefly blog theme?▼

No additional dependencies are required to change widget visibility. You only need to directly edit the src/config/sidebarConfig.ts file in your existing Firefly blog theme project.

Related Skills

Explore More Software Engineering Skills→
GodBlfGodBlf
1

firefly-ad-config

Modifies Firefly theme adConfig.ts entries including ad cards, images, CTA buttons, and sidebar slot links.

Community
Basic
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate
GodBlfGodBlf
1

firefly-post-writing

Create and update Firefly blog posts with valid frontmatter in Markdown.

Community
Intermediate
mokbhaimokbhai
1

astro-developer

Initialize and deploy Astro projects with Tailwind and islands architecture.

Community
Advanced