Design System is here - Read the release post

Learn GeneratePress

Developers

CSS classes and markup filters

Filters for the CSS classes GeneratePress adds to its structural elements, and for schema/markup output.

Jump to

CSS classes

generate_header_class

GP Free

The generate_header_class allows you to add to the classes in the #site-header element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_header_class', function( $value ) {
    return $value;
} );

Guide: Developers

generate_inside_header_class

GP Free

The generate_inside_header_class allows you to add to the classes in the .inside-header element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_inside_header_class', function( $value ) {
    return $value;
} );

Guide: Developers

generate_navigation_class

GP Free

The generate_navigation_class allows you to add to the classes in the #site-navigation element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_navigation_class', function( $value ) {
    return $value;
} );

Guide: Developers

generate_menu_class

GP Free

The generate_menu_class allows you to add to the classes in the .menu element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_menu_class', function( $value ) {
    return $value;
} );

Guide: Developers

generate_main_class

GP Free

The generate_main_class allows you to add to the classes in the #main element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_main_class', function( $value ) {
    return $value;
} );

Guide: Developers

generate_content_class

GP Free

The generate_content_class allows you to add to the classes in the #primary element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_content_class', function( $value ) {
    return $value;
} );

Guide: Developers

generate_page_class

GP Free

The generate_page_class filter allows you to add custom classes to the #page element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_page_class', function( $classes ) {
        $classes[] = 'my-custom-class';

    return $classes;
} );

Guide: Developers

generate_left_sidebar_class

GP Free

The generate_left_sidebar_class allows you to add to the classes in the #left-sidebar element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_left_sidebar_class', function( $value ) {
    return $value;
} );

Related: generate_right_sidebar_class Guide: Developers

generate_right_sidebar_class

GP Free

The generate_right_sidebar_class allows you to add to the classes in the #right-sidebar element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_right_sidebar_class', function( $value ) {
    return $value;
} );

Related: generate_left_sidebar_class Guide: Developers

GP Free

The generate_footer_class allows you to add to the classes in the .site-footer element.

Parameters: $value. Default: an array of the theme’s own CSS classes for this element.

add_filter( 'generate_footer_class', function( $value ) {
    return $value;
} );

Guide: Developers

Back to top

Markup and schema

generate_body_itemtype

GP Free

The generate_body_itemtype filter allows you to change the itemtype schema value for the body element.

Parameters: $value (string). Default: WebPage.

add_filter( 'generate_body_itemtype', function( $value ) {
    return $value;
} );

Guide: Developers

generate_schema_type

GP Free

The generate_schema_type filter allows you to remove schema from GeneratePress.

Parameters: $value. Default: 'microdata'.

add_filter( 'generate_schema_type', '__return_false' );

Guide: Developers

generate_is_using_hatom

GP Free

The generate_is_using_hatom filter allows you turn off the hatom output.

Parameters: $value. Default: true.

add_filter( 'generate_is_using_hatom', '__return_false' );

Guide: Developers

generate_meta_viewport

GP Free

The generate_meta_viewport filter allows you to change the viewport meta tag.

Parameters: $value (string). Default: <meta name=”viewport” content=”width=device-width, initial-scale=1″>.

add_filter( 'generate_meta_viewport', function( $value ) {
    return $value;
} );

Guide: Developers

Back to top