Genesis Framework: Eigene CSS-Klassen hinzufügen

Das Genesis-Framework bietet über spezielle Filter die Möglichkeit, eigene CSS-Klassen den vorgegebenen Standardklassen hinzuzufügen oder diese auch zu überschrieben. Nachfolgende Beispiele zeigen, wie man eigene CSS-Klassen den jeweils benannten Elementen hinzufügen kann:

.site-container

add_filter('genesis_attr_site-container', function ($attributes) {
    $attributes['class'] .= ' my-container-class';
    return $attributes;
} );

.site-inner

add_filter('genesis_attr_site-inner', function ($attributes) {
    $attributes['class'] .= ' my-site-inner-class';
    return $attributes;
} );

.sidebar-wrap

add_filter( 'genesis_attr_content-sidebar-wrap', function ( $attributes ) {
    $attributes['class'] = $attributes['class']. ' my-content-sidebar-wrap-class';
    return $attributes;
} );

.content

add_filter( 'genesis_attr_content', function ( $attributes ) {
    $attributes['class'] = $attributes['class']. ' my-content-class';
    return $attributes;
} );

Die komplette Liste der vorhandenen Filter ist:

  • genesis_attr_head
  • genesis_attr_site-header
  • genesis_attr_site-title
  • genesis_attr_site-description
  • genesis_attr_header-widget-area
  • genesis_attr_breadcrumb
  • genesis_attr_breadcrumb-link-wrap
  • genesis_attr_breadcrumb-link-wrap-meta
  • genesis_attr_breadcrumb-link
  • genesis_attr_breadcrumb-link-text-wrap
  • genesis_attr_search-form
  • genesis_markup_search-form_content
  • genesis_attr_search-form-meta
  • genesis_markup_search-form-label_open
  • genesis_markup_search-form-label_close
  • genesis_attr_search-form-label
  • genesis_attr_search-form-input
  • genesis_attr_search-form-submit
  • genesis_attr_nav-primary
  • genesis_attr_nav-secondary
  • genesis_attr_nav-primary
  • genesis_attr_nav-secondary
  • genesis_attr_nav-header
  • genesis_attr_nav-link-wrap
  • genesis_attr_nav-link
  • genesis_attr_structural-wrap
  • genesis_attr_content
  • genesis_attr_taxonomy-archive-description
  • genesis_attr_author-archive-description
  • genesis_attr_cpt-archive-description
  • genesis_attr_date-archive-description
  • genesis_attr_blog-template-description
  • genesis_attr_posts-page-description
  • genesis_attr_entry
  • genesis_attr_entry-image
  • genesis_attr_entry-image-link
  • genesis_attr_entry-image-widget
  • genesis_attr_entry-image-grid-loop
  • genesis_attr_entry-author
  • genesis_attr_entry-author-link
  • genesis_attr_entry-author-name
  • genesis_attr_entry-time
  • genesis_attr_entry-modified-time
  • genesis_attr_entry-title
  • genesis_attr_entry-title-link
  • genesis_attr_entry-content
  • genesis_attr_entry-meta-before-content
  • genesis_attr_entry-meta-after-content
  • genesis_attr_archive-pagination
  • genesis_attr_entry-pagination
  • genesis_attr_adjacent-entry-pagination
  • genesis_attr_comments-pagination
  • genesis_attr_entry-comments
  • genesis_attr_comment
  • genesis_attr_comment-author
  • genesis_attr_comment-author-link
  • genesis_attr_comment-time
  • genesis_attr_comment-time-link
  • genesis_attr_comment-content
  • genesis_attr_author-box
  • genesis_attr_sidebar-primary
  • genesis_attr_sidebar-secondary
  • genesis_attr_site-footer
  • genesis_attr_footer-widget-area
  • genesis_attr_nav-primary
  • genesis_attr_content
  • genesis_attr_sidebar-primary
  • genesis_attr_sidebar-secondary
  • genesis_attr_footer-widgets
  • genesis_attr_pagination-previous
  • genesis_attr_pagination-next
  • genesis_attr_site-container
  • genesis_attr_site-inner

Sollte ich einen Filter vergessen haben, hinterlasse bitte einen Hinweis in einem Kommentar. Ich werde die Liste dann entsprechend ergänzen.

Schreibe einen Kommentar