If you use standard WordPress tags to categorize your events, you might want to display them directly on The Events Calendar’s list view. This allows visitors to see an event’s topics at a glance and click to find related events.<\/p>\n\n\n\n
This guide provides a single code snippet that automates the entire process. It will:<\/p>\n\n\n\n
The easiest and safest way to add this functionality is by using a code snippets plugin. Alternatively, advanced users can add it to their child theme’s Step 1: Copy the Code Step 2: Add the Snippet to Your Website<\/strong><\/p>\n\n\n\n Choose one of the following methods:<\/p>\n\n\n\n The first part of the snippet runs only once. It checks for a template file at The second part of the snippet adds custom CSS to your site’s header, but only when viewing the calendar’s list view. This ensures the styles are applied efficiently and only where needed.<\/p>\n\n\n\n This code was tested with The Events Calendar version 6.4.1.<\/p>\n\n\n\n Review the following guides for more information on customizing The Events Calendar:<\/p>\n\n\n\n If you use standard WordPress tags to categorize your events, you might want to display them directly on The Events Calendar’s list view. This allows visitors to see an event’s topics at a glance and click to find related events. This guide provides a single code snippet that automates the entire process. It will: How…<\/p>\n","protected":false},"author":69,"featured_media":1955565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[1],"tags":[20,23,25,215,58],"stellar-product-taxonomy":[],"class_list":["post-1966550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-code","tag-css","tag-customizations","tag-list-view","tag-php"],"acf":[],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}],"post_tag":[{"value":20,"label":"Code"},{"value":23,"label":"CSS"},{"value":25,"label":"Customizations"},{"value":215,"label":"list view"},{"value":58,"label":"PHP"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Chika","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/chika\/"},"comment_info":0,"category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":139,"filter":"raw","term_order":"0","cat_ID":1,"category_count":139,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":[{"term_id":20,"name":"Code","slug":"code","term_group":0,"term_taxonomy_id":20,"taxonomy":"post_tag","description":"","parent":0,"count":33,"filter":"raw","term_order":"0"},{"term_id":23,"name":"CSS","slug":"css","term_group":0,"term_taxonomy_id":23,"taxonomy":"post_tag","description":"","parent":20,"count":48,"filter":"raw","term_order":"0"},{"term_id":25,"name":"Customizations","slug":"customizations","term_group":0,"term_taxonomy_id":25,"taxonomy":"post_tag","description":"","parent":0,"count":177,"filter":"raw","term_order":"0"},{"term_id":215,"name":"list view","slug":"list-view","term_group":0,"term_taxonomy_id":215,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw","term_order":"0"},{"term_id":58,"name":"PHP","slug":"php","term_group":0,"term_taxonomy_id":58,"taxonomy":"post_tag","description":"","parent":20,"count":128,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1966550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1966550"}],"version-history":[{"count":5,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1966550\/revisions"}],"predecessor-version":[{"id":1966555,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1966550\/revisions\/1966555"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1966550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1966550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1966550"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1966550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}functions.php<\/code> file.<\/p>\n\n\n\n
Copy the entire PHP snippet provided below.<\/p>\n\n\n\n\/**\n * Auto-create template override for event tags in list view\n *\/\n\n\/\/ Hook into init to create the template override\nadd_action( 'init', 'create_event_tags_template_override' );\nfunction create_event_tags_template_override() {\n \/\/ Only run once\n if ( get_option( 'event_tags_template_created' ) ) {\n return;\n }\n\n $theme_dir = get_stylesheet_directory();\n $template_dir = $theme_dir . '\/tribe\/events\/v2\/list';\n $template_file = $template_dir . '\/event.php';\n\n \/\/ Create directories if they don't exist\n if ( ! file_exists( $template_dir ) ) {\n wp_mkdir_p( $template_dir );\n }\n\n \/\/ Create the template file\n if ( ! file_exists( $template_file ) ) {\n $template_content = '<?php\n\/**\n * View: List Event with Tags\n *\n * Auto-generated template override for event tags\n *\/\n$container_classes = [ \\'tribe-common-g-row\\', \\'tribe-events-calendar-list__event-row\\' ];\n$container_classes[\\'tribe-events-calendar-list__event-row--featured\\'] = $event->featured;\n\n$event_classes = tribe_get_post_class( [ \\'tribe-events-calendar-list__event\\', \\'tribe-common-g-row\\', \\'tribe-common-g-row--gutters\\' ], $event->ID );\n?>\n<div <?php tribe_classes( $container_classes ); ?>>\n\n\t<?php $this->template( \\'list\/event\/date-tag\\', [ \\'event\\' => $event ] ); ?>\n\n\t<div class="tribe-events-calendar-list__event-wrapper tribe-common-g-col">\n\t\t<article <?php tribe_classes( $event_classes ) ?>>\n\t\t\t<?php $this->template( \\'list\/event\/featured-image\\', [ \\'event\\' => $event ] ); ?>\n\n\t\t\t<div class="tribe-events-calendar-list__event-details tribe-common-g-col">\n\n\t\t\t\t<header class="tribe-events-calendar-list__event-header">\n\t\t\t\t\t<?php $this->template( \\'list\/event\/date\\', [ \\'event\\' => $event ] ); ?>\n\t\t\t\t\t<?php $this->template( \\'list\/event\/title\\', [ \\'event\\' => $event ] ); ?>\n\t\t\t\t\t<?php $this->template( \\'list\/event\/venue\\', [ \\'event\\' => $event ] ); ?>\n\t\t\t\t<\/header>\n\n\t\t\t\t<?php $this->template( \\'list\/event\/description\\', [ \\'event\\' => $event ] ); ?>\n\n\t\t\t\t<?php $this->template( \\'list\/event\/cost\\', [ \\'event\\' => $event ] ); ?>\n\t\t\t\t\n\t\t\t\t<?php\n\t\t\t\t\/\/ Add event tags here\n\t\t\t\t$tags = get_the_terms( $event->ID, \\'post_tag\\' );\n\t\t\t\tif ( ! empty( $tags ) && ! is_wp_error( $tags ) ) {\n\t\t\t\t\t$tags = array_values( array_filter( $tags, function( $term ) {\n\t\t\t\t\t\treturn $term instanceof WP_Term;\n\t\t\t\t\t} ) );\n\t\t\t\t\t\n\t\t\t\t\tif ( ! empty( $tags ) ) {\n\t\t\t\t\t\t$tag_links = [];\n\t\t\t\t\t\tforeach ( $tags as $tag ) {\n\t\t\t\t\t\t\t$link = tribe_events_get_url( [\n\t\t\t\t\t\t\t\t\\'tag\\' => $tag->slug, \n\t\t\t\t\t\t\t\t\\'post_type\\' => \\'tribe_events\\', \n\t\t\t\t\t\t\t\t\\'eventDisplay\\' => \\'default\\' \n\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif ( ! is_wp_error( $link ) ) {\n\t\t\t\t\t\t\t\t$tag_links[] = \\'<a href="\\' . esc_url( $link ) . \\'" rel="tag" class="tribe-event-tag-link">\\' . esc_html( $tag->name ) . \\'<\/a>\\';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tif ( ! empty( $tag_links ) ) {\n\t\t\t\t\t\t\techo \\'<div class="tribe-events-calendar-list__event-tags">\\';\n\t\t\t\t\t\t\techo \\'<span class="tribe-event-tags-label">\\' . esc_html__( \\'Tags:\\', \\'the-events-calendar\\' ) . \\'<\/span> \\';\n\t\t\t\t\t\t\techo \\'<span class="tribe-event-tags">\\' . implode( \\', \\', $tag_links ) . \\'<\/span>\\';\n\t\t\t\t\t\t\techo \\'<\/div>\\';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t?>\n\n\t\t\t<\/div>\n\t\t<\/article>\n\t<\/div>\n<\/div>\n';\n\n file_put_contents( $template_file, $template_content );\n\n \/\/ Mark as created\n update_option( 'event_tags_template_created', true );\n }\n}\n\n\/\/ Add CSS styling\nadd_action( 'wp_head', 'add_event_tags_list_view_styles' );\nfunction add_event_tags_list_view_styles() {\n if ( tribe_is_event_query() && tribe_is_list_view() ) {\n ?>\n <style>\n .tribe-events-calendar-list__event-tags {\n margin-top: 8px;\n margin-bottom: 8px;\n font-size: 0.85em;\n color: #666;\n line-height: 1.4;\n }\n \n .tribe-event-tags-label {\n font-weight: 600;\n margin-right: 5px;\n color: #333;\n }\n \n .tribe-event-tag-link {\n color: #0073aa;\n text-decoration: none;\n transition: color 0.2s ease;\n background: #f7f7f7;\n padding: 2px 6px;\n border-radius: 3px;\n margin-right: 3px;\n display: inline-block;\n margin-bottom: 3px;\n }\n \n .tribe-event-tag-link:hover {\n color: #005a87;\n background: #e7f3ff;\n text-decoration: none;\n }\n \n .tribe-event-tags {\n font-style: italic;\n }\n <\/style>\n <?php\n }\n}\n?>\n<\/pre><\/div>\n\n\n\n
\n
<\/li>\n<\/ol>\n<\/li>\n\n\n\nfunctions.php<\/code> file<\/strong>\n\n
wp-content\/themes\/[your-child-theme-name]\/<\/code>.<\/li>\n\n\n\nfunctions.php<\/code> file and paste the copied code at the end.<\/li>\n\n\n\nHow It Works<\/strong><\/h3>\n\n\n\n
[your-theme]\/tribe\/events\/v2\/list\/event.php<\/code>. If the file doesn’t exist, the script creates it and populates it with the code needed to display tags. It then sets an option in the database to prevent this creation process from running again.<\/p>\n\n\n\n\n