Advanced Custom Blocks

Available blocks: Tab Content | Interactive Quiz

Advanced custom blocks are for special requests. They should only be used after being trained on setting them up. These can be found in the BirdPress Advanced Category.

Tab Content

Present content in a tabbed layout.

Important:

  • Each Tab Content Group on should have a Tab Group Name, if two Tab Groups are added on the same page, you will need to change this value on one of them, then go into the Tabs Navigation and Tabs Content blocks and select the radio button next to Tabs Content ID – this is required so that the ID changes on each area. In the example, the Tab Group Name is tab-content
  • The Tab Content Group should have a header before it that describes the content. This header should have an ID on it that is the same name as the Tab Group Name, with the addition of -header. In the example, the header ID is tab-content-header
  • Each panel should have a unique ID that matches the navigation item. In the example, the first link is #panel1, which matches the ID of the first panel which has an ID of “panel1”

Header that describe the example tab content

Panel 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ipsum odio, faucibus tempus imperdiet quis, fringilla vitae augue. Aliquam molestie laoreet nisi et sollicitudin. Donec sollicitudin nisi tristique tincidunt viverra. Mauris malesuada semper lorem, a tristique ex fringilla eget. Quisque tempor nunc nunc, sed efficitur est volutpat eu.

Panel 2

Cras a maximus sem, in viverra diam. Sed luctus est lectus, in maximus felis pharetra ut. In lacus tellus, efficitur ac nibh vitae, porttitor consequat diam. Vestibulum molestie sem sem, eget ultricies metus tincidunt sed. Curabitur vulputate, purus venenatis egestas dignissim, felis erat venenatis mi, sed tristique elit elit a diam.

Panel 3

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris in pretium risus. In eget ipsum vitae urna blandit hendrerit faucibus sed lorem. In at ultrices felis, ut semper nisi.

Panel 4

In nec ornare urna. Etiam dapibus, sapien in rhoncus accumsan, felis magna volutpat neque, nec venenatis lorem libero ut nisi. Aenean laoreet accumsan odio ut luctus. Pellentesque sed laoreet nunc. Quisque vehicula, risus in condimentum lobortis, felis tellus ornare leo, vel lobortis nunc nunc at risus. In hac habitasse platea dictumst.

Interactive Quiz

A simple interactive quiz that presents an instant answer when the user clicks on a choice.

Important:

  • Each question must have a unique ID so that the choices are grouped together for accessibility. In the example, the ID is “question1”
  • Each answer must also have its own unique ID. In the example, the answers have IDs of “answer1-1” “answer1-2” and so on
  • Choose only one correct answer from the block sidebar
  • The disabled answer can be used to demonstrate part of the question as seen in the example
Who is the closest relative of the Peregrine Falcon?
Peregrine Falcon
Sharp-shinned Hawk
Osprey
Red-lored Parrot

This is an example of a global CTA

Supporting Text for the global CTA

Call to action