H2 Title in Footer, Header, Top Bar and Footer Widgets

When we had our accessibility review, that was one of the things that was suggested to us to increase accessibility of the theme. I believe it's better for screen readers.

However, if you need to switch it to an h4, I don't think it will make your site inaccessible.

Thanks for clarifying Tom :-).

No problem :)

Yes, the widget titles should definately be h4 instead of h2 for SEO.

I tried to make this change into my child theme folder /themes/childtheme/inc/general.php but it doesn't work. Only when I make the change to the /themes/generatepress/inc/general.php it will apply.

So what other changes / files I need in my child theme in order it to use that particular general.php?

You can use whatever element you want with these filters:

add_filter( 'generate_start_widget_title', 'tu_adjust_widget_title' );
function tu_adjust_widget_title() {
      return '<h4 class="widget-title">';
}

add_filter( 'generate_end_widget_title', 'tu_adjust_widget_title_end' );
function tu_adjust_widget_title_end() {
      return '</h4>';
}

hi!

Where am I suposed to put this filter??? I tried in the custom CSS but it doesn't work there (sorry i'm not a programmer). Should I put that in the sidebar.php file in my child theme??? If this is it... Where at?

Thanks

Hi Patricia,

The code is PHP:

https://docs.generatepress.com/article/adding-php/

mmm, so I add it in the functions.php or can I put it in "Elements" as a hook?

danke

I pasted the code in the funtions.php on my child theme and it crashed the site. Also not working in "Elements". Can you be more precise, please?

sorry to bother, thanks

thats odd, can you try the Code Snippets plugin mentioned in the document link?
I can't see an issue with the code (it Tom's so that would be rare :) )

thanks, it is working with code snippets but i'd rather not to use another pluggin (i have tons). Maybe I'm pasting the code in the wrong area of the functions.php file?

Where should it go??

<?php
/**
 * GeneratePress.
 *
 * Please do not make any edits to this file. All edits should be done in a child theme.
 *
 * @package GeneratePress
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

// Set our theme version.
define( 'GENERATE_VERSION', '2.1.4' );

if ( ! function_exists( 'generate_setup' ) ) {
	add_action( 'after_setup_theme', 'generate_setup' );
	/**
	 * Sets up theme defaults and registers support for various WordPress features.
	 *
	 * @since 0.1
	 */
	function generate_setup() {
		// Make theme available for translation.
		load_theme_textdomain( 'generatepress' );

		// Add theme support for various features.
		add_theme_support( 'automatic-feed-links' );
		add_theme_support( 'post-thumbnails' );
		add_theme_support( 'post-formats', array( 'aside', 'image', 'video', 'quote', 'link', 'status' ) );
		add_theme_support( 'woocommerce' );
		add_theme_support( 'title-tag' );
		add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) );
		add_theme_support( 'customize-selective-refresh-widgets' );

		add_theme_support( 'custom-logo', array(
			'height' => 70,
			'width' => 350,
			'flex-height' => true,
			'flex-width' => true,
		) );

		// Register primary menu.
		register_nav_menus( array(
			'primary' => __( 'Primary Menu', 'generatepress' ),
		) );

		/**
		 * Set the content width to something large
		 * We set a more accurate width in generate_smart_content_width()
		 */
		global $content_width;
		if ( ! isset( $content_width ) ) {
			$content_width = 1200; /* pixels */
		}

		// This theme styles the visual editor to resemble the theme style.
		add_editor_style( 'css/admin/editor-style.css' );
	}
}

/**
 * Get all necessary theme files
 */
require get_template_directory() . '/inc/theme-functions.php';
require get_template_directory() . '/inc/defaults.php';
require get_template_directory() . '/inc/class-css.php';
require get_template_directory() . '/inc/css-output.php';
require get_template_directory() . '/inc/general.php';
require get_template_directory() . '/inc/customizer.php';
require get_template_directory() . '/inc/markup.php';
require get_template_directory() . '/inc/element-classes.php';
require get_template_directory() . '/inc/typography.php';
require get_template_directory() . '/inc/plugin-compat.php';
require get_template_directory() . '/inc/migrate.php';
require get_template_directory() . '/inc/deprecated.php';

if ( is_admin() ) {
	require get_template_directory() . '/inc/meta-box.php';
	require get_template_directory() . '/inc/dashboard.php';
}

/**
 * Load our theme structure
 */
require get_template_directory() . '/inc/structure/archives.php';
require get_template_directory() . '/inc/structure/comments.php';
require get_template_directory() . '/inc/structure/featured-images.php';
require get_template_directory() . '/inc/structure/footer.php';
require get_template_directory() . '/inc/structure/header.php';
require get_template_directory() . '/inc/structure/navigation.php';
require get_template_directory() . '/inc/structure/post-meta.php';
require get_template_directory() . '/inc/structure/sidebars.php';

So is that you're child Theme function file? As it looks like a copy of the parent Theme function?

Yes, i duplicated the parent and pasted the code at the end.

In other php files such as "comments.php" i also clonated the file to the child theme and made the changes and additions on the child comments.php clone

Am I doing it wrong? How is this supposed to work?

thanks (and sorry, lol)

haha - so the template files such as comments.php are ok to copy. The child theme function should be blank to start with, you can get a starter one from the links provided here, and should only contain your custom functions, not duplicates of any parent function.

https://docs.generatepress.com/article/using-child-theme/