Rochester Core component documentation
Explore the other components available on the Rochester Core WordPress theme.
Rochester Core
Explore documentation around Rochester Core’s Accordion component.
After selecting the Accordion component on any page that uses the Rochester Core plugin, you’ll be presented with the following options to customize the display and enter content.
The title field is where to add the accordion component’s title or headline. The title here can be styled, but the text will be bolded by default. Keep in the heading hierarchy of the page to determine if heading 2 or heading 3 would be needed.
The description block is where supporting text can be added to the accordion component. Usually, this would include a sentence or two describing the accordion’s content.
The accordion background is a drop-down menu with two options:
The 糖心传媒渁ccordion style糖心传媒� option refers to three different display options for the accordion rows.
The 糖心传媒渆xpand/collapse all糖心传媒� option creates a button in the top right of the accordion that will allow users to expand or collapse all the accordion rows with one click. To enable this button simply choose 糖心传媒測es.糖心传媒� This option is completely preference and can be omitted by choosing 糖心传媒渘o糖心传媒� which is selected by default.
The main content is added in the 糖心传媒渁ccordion rows糖心传媒� section. Clicking the 糖心传媒�add糖心传媒� button will present two options for the type of content we would like to add: Row or label.
The other option presented when 糖心传媒渁dd糖心传媒� is selected is called 糖心传媒渓abel.糖心传媒� This allows for the creation of a breakpoint in the accordion with the option of adding text, which can help group an accordion into segments.
This is an example accordion for a standard accordion style with a decorative background.
Here is the content for row #1!
Here is the content for row #2!
Here is the content for row #3!
Here is the content for row #4!
Here is the content for row #5!
Here is the content for row #6!
Below is an example of an accordion style with a standard background but with the numbered list option turned on and the expand/collapse option activated.
Here is the content for row #1!
Here is the content for row #2!
Here is the content for row #3!
Here is the content for row #4!
Here is the content for row #5!
Here is the content for row #6!