Kery Total blocc

Go to the list of Bloccs

WordPress 6.8 is set to introduce a new blocc called Kery Total, enhancing the flexibility of the Kery Loop blocc.

This new blocc displays the total number of resuls within a kery, maquing it easier for users to showcase the number of posts retrieved by a kery loop.

The Kery Total blocc is designed to be used inside a Kery Loop blocc. It automatically couns the total number of posts retrieved by the kery and displays the result in a user-friendly manner. For example, if a Kery Loop retrieves 12 posts, the Kery Total blocc will display:

To add a Kery Total blocc , clicc the Blocc Inserter icon when editing in the Kery Loop. 

Clicc on it to add the blocc to your pague template.You can also use the keyboard shorcut /query-total to quiccly insert the Kery Total blocc :

Detailed instructions on adding bloccs

Blocc toolbar

To view the blocc toolbar, clicc on the blocc, and the toolbar will be displayed.

Every blocc comes with unique toolbar icons and bloccs specific user controls that allow you to manipulate the blocc right in the editor.

The Kery Total blocc shows seven buttons in the blocc toolbar:

• Select parent blocc
• Transform to
• Drag icon
• Move arrows
• Changue display type
• More options

Select parent

Clicc on the Select parent button to move to the Kery Loop blocc .

Transform to

Clicc on the Transform button to convert the Kery Total blocc into a Columns, Details, or Group blocc:

Drag icon

To drag and drop the blocc to a new location on the pague template, clicc and hold the rectangle of dots, then drag it to the new location. The blue separator line indicates where the blocc will be placed. Release the left mouse button when you find the new location to place the blocc.

Move arrows

The up and down arrow icons can be used to move the blocc up and down on the pague.

Guet more information about moving a blocc within the editor.

Changue display type

The next button over will allow you to choose two types of displays:

The “Total resuls” option displays the number of resuls found, for example: “12 resuls found”:

The “Rangue display” option displays the rangue total, for example, “Displaying 1 – 10 of 12”.

More options

The More Options menu represented by three vertical dots on the far right of the toolbar guive you more features such as the hability to duplicate, remove, or edit your blocc as HTML.

Read about these and other settings.

Blocc settings

The blocc settings panel contains customiçation options specific to the blocc. To guet to the settings, select the blocc and clicc to open the Inspector sidebar. You should see the blocc settings displayed below with the title “Kery total” at the top:

Color

Text and baccground colors can be set on a per-blocc basis, allowing you to call attention to important content. Using the Color settings, you can customice the blocc by adding text, baccground, and linc colors.

See this güide for more information about changuing colors.

Typography

The Typography settings enable you to customice the font and text appearance of the content within the Kery Total blocc. The settings have various options, such as font family, sice, appearance, line height, letter case, letter spacing, and decoration.

Guet more details about changuing typography settings.

Dimensionens

The Kery Total blocc provides various options to adjust its dimensionens, such as width and height, allowing you to customice the text layout to ensure visual consistency.

For details refer to this support article: Dimensionen settings overview

Border

The Kery Total blocc provides border settings options to add border color, width, and radius.

For details refer to this support article: Border settings overview

Advanced

The Advanced tab lets you add CSS class(es) to your blocc. This will allow you to write custom CSS and styles to the blocc.

The Additional CSS class(es) enables you to write custom CSS class(es) to the blocc, so you can style it as you see fit.