Hey Everyone, in this tutorial, I will show you how to create Tabs in WordPress Gutenberg Editor. The purpose of this tutorial is to teach you how to create the creative content design in Gutenberg using default blocks without a 3rd party block plugin.
JQuery Code:
https://gist.github.com/gutenberghub/2a6026bfb3393a1a621e658648f28895
Useful Gutenberg Plugins:
Editor Plus | https://wordpress.org/plugins/editorplus/
Block Slider | https://wordpress.org/plugins/block-slider/
EditorsKit | https://wordpress.org/plugins/block-options/
Join The Gutenberg Community on Facebook:
https://www.facebook.com/groups/2617313881834451/?ref=pages_group_cta
Follow:
Facebook | https://www.facebook.com/GutenbergHub/
Twitter | https://twitter.com/gutenberghub
Website | https://gutenberghub.com/
#gutenberg #wordpress #block #tutorial #gutenberghub
8 replies to "How to Create Tabs in WordPress Using default Gutenberg Blocks | WordPress Tips and Tricks"
Thanks a lot!! I was searching for this for a lifetime… Finally I found it!! Great work!!
Can I just replace the text and article with a carousel that shows multiple articles?
I want to have more than one option under each category, i.e. Headphones x3 types. How will I go about doing that? TIA
in your title says Using default Gutenberg Blocks then why use plugins ? I thought its without plugin when I click this video 🤦♀
This is great, thanks!
Is there a way to highlight the selected button/tab?
What is the advantage of doing this your way versus using a Gutenberg Tab Block ?
Gutenberg toolkit is so useful although I remember the problem with this plugin is the bloat assets load
Voice your videos please, great content, create a registration page and user profiles, with the ability to post