Sidebar in Twenty-twenty one theme

Hello Pat,

Yes, the last default WordPress theme with a sidebar was Twenty Seventeen which seems a long time ago so it’s likely that the beloved sidebar has somewhat gone out of fashion!

I suspect that the idea is for us to use the block editor to create a sidebar if we want one with a column block and re-usable blocks to make a sidebar.

That being said we have successfully injected a sidebar for Twenty Tewenty so we’ll look at adding one for Twenty Twenty-One and report back when we have more information for you.

Oliver

Thank you Oliver. I would appreciate that for reasons I’ve stated in my other forum query. I know it must be outdated with the latest remote technologies we’re using out there. But, most preferable for those of us still using laptops.

Pat

Another vote for a sidebar template option in the fantastic Twenty-Twenty-One theme please, with thanks!

Thank you justadandak – also recently heard from Steven Stern, Forum Moderator, that he is working on sidebar and testing for Twenty-Twenty-One theme, even though this inquiry has been marked as resolved.

You can see his response on this original inquiry about sidebars at Sidebar in Twenty-Twenty One Theme. He gives a couple of links he’s working on and code to use if anyone wants to try it.

Thank You

Pat

All done ??

You can now inject a sidebar into Twenty Twenty-One using Options for Twenty Twenty-One plugin and you can choose where the sidebar is used.

Let us know if there’s anything that needs changing.

Oliver

AMAZING addition there @domainsupport – just checked it out and easy to activate, only issue is that the content flows to the right rather than stacks vertically, am I doing something wrong as might be user error?

This is a great addition. I am seeing the same thing as @justadandak with the widgets stacking to the right.

Additionally, I think it would be very beneficial to have some control of the width of the sidebar. As the plug-in adds it, it is too wide for my taste. So either an adjustment or a hint as to where in the code that the width could be edited would be great.

Just fixing that, sorry guys.

To change the width, you need to play with this CSS. We are probably going to add this as a slider at a later date …

@media (min-width: 482px) {
    #content-wrapper>#content {
        width: 67%;
    }
    #content-wrapper>#sidebar {
        width: 33%;
    }
}

Update incoming …

Oliver

OK, just pushed the update.

How’s that for Christmas service? ??

Oliver

AMAZING – thank you @domainsupport – superb work!

Oliver, that is absolute GREAT Christmas service. We all must be just a little crazy. ??

I changed the sidebar width to 20% and am much happier with it. I see how I heel about it as time goes on, but it is easy enough to change.

OK, great news! I’ll mark this as resolved.

Just a quick note to @patruppel that using a child theme to resolve this could cause problems down the line if the parent theme is updated and the child theme then becomes out of sync or incompatible.

I know you don’t like using plugins for this kind of thing but it is extremely unlikely (in my opinion) that this theme (or any future default WordPress theme) will ever have a sidebar template as it has been developed to show off the block editor and sidebars are considered redundant in that regard.

To find out why and for a better explanation please read this thread from way back in 2018 when users were begging for a sidebar in the Twenty Nineteen theme!

Hope that helps.

Oliver