TT4 Child Theme – A ton of wonders and stuff not working

Examples of issues I see:

Editor does not show in frontend:

Blog page editor with exerpt and author

Blog Page frontend no exerpt and centered heading

Front Page editor with post query and footer

Front page ends here No blog query and no footer

Editor Product catalogue template with footer

Shop page ends here without footer

Fonts TT4 default style

Paragraphs show serif. Is this Cardo or not? They should be inter.

Are heading Cardo or not?

In editor all fonts are inter

Apparently something is consistently wrong. I really need help so come on someone.

Thx

Ref. above. Theme.json line 35 expects a , as opposed to “. What am I misssing?

I changed the blockgap for buttons block in child theme.json. It takes no effect, and I assume something is really not working. Question again: Can I have a child of schema 3 on a parent of schema 2 such as TT4??????? Should I not declare version in a CHILD THEME?

Where the f*** is everyone!!!!!

• This reply was modified 4 months, 1 week ago by hebhansen.

Pardon me @janmtm

After asking in fixing wp, develop wp, tt4 and now tt5 forums for any advice on the FSE mess (Please note I love the fse concept) that for 3-4-5 years has not been sorted, patience is running low. No blame on people, but I don’t get why new themes, patterns and blocks roll out while core is a direct route to disaster. Let me elaborate:

I started my current site as multisite on TT4. Did some edits and all good. I decided I need a child theme for many reasons. Child added. Waiting for little to no help, TT5 roll’ed out. Waiting again for a month, I pointed child to TT5.

Only yesterday I learned that because of the core mess, my site is running off theme in database. So part child and part who knows what? TT5 or TT4 or both and then some child. There’s not really any way of knowing, but guessing. And how is it even possible? A newbie would be left in the dark. As also I was. So to any @developer. Please STOP and fix core basic stuff and installation. Any and all will fall into this pit.

I am now heading into database to point tables to the child theme, and that adds a lot of risk I would say.

That said, this is running old.

1. Theme.json was fixed a month ago and comma added, but thx.
2. Yes provided that you have a virgin install, that did not trigger the database theme yet. Adding a comma in editor before adding the child you are in dire straits. I have the child structure in place. Update child theme documentation on these struggles is a very good idea. Fixing core is an even better one.
3. Templates – I learned yesterday that ONLY page allows multiple templates. Of all other only one can exist????? Idea of templates is to have alternatives. Especially on a multisite. Also “Make available on Network” directly in editor > templates would be great as would duplicate template option!
4. Template parts – well I did copy all, cause there was no documentation on this. I will need to clean up the mess eventually, since I am now on parent TT5 !?!? But now I know.
5. Variables – I am still looking for the doc that lays out all variables available so that they may be used in plugins’ legacy css and temporary css as theme.json evolves.
6. Fonts. This was sorted in parent TT4 and now broken in parent TT5, since theme has no idea what theme it is. Same for colors and all other styles.
7. Schema – Yep 2 parent works with child 2. TT5 is on schema 3 as is my child, so that should not create inconsistency once theme know what it is.
8. unique slugs – Back to core FSE. Reserve the slugs you can possibly think of using. Ex: wp-fse-*. Have the code check if any custom stuff has this slug and then issue warning, force another slug or whatever. Just get it idiot proof. It’s essential.

To whom it may concern. Here are some enqeueus for child functions.php with conditions and dependencies:

/*******************************************************************
 ********** Enqeueu functions - functions.php includes *************
 ********* Sub functions may be targeted conditionally *************
 ******************************************************************/

 function draupnir_9_enqueue_plugin_functions() {
    // Helper function to send email notification to admin
    function send_admin_email_notification($subject, $message) {
        // Get the admin email from WordPress settings
        $admin_email = get_option( 'admin_email' );

        // Set email headers
        $headers = array('Content-Type: text/html; charset=UTF-8');
        
        // Send email
        wp_mail( $admin_email, $subject, $message, $headers );
    }

    // Include theme setup functions
    require_once get_stylesheet_directory() . '/path-to-functions/theme-setup.php';

    // Include custom post types functions
    require_once get_stylesheet_directory() . '/path-to-functions/custom-post-types.php';

    // Include other custom functions
    require_once get_stylesheet_directory() . '/path-to-functions/custom-functions.php';

    // Optionally, include admin-specific functionality
    if ( current_user_can( 'administrator' ) ) {
        require_once get_stylesheet_directory() . '/path-to-functions/admin-functions.php';
    }

    // Check if WooCommerce is active and include its functions
    if ( class_exists( 'WooCommerce' ) ) {
        $file_path = get_stylesheet_directory() . '/path-to-functions/woocommerce-functions.php';
        if ( file_exists( $file_path ) ) {
            require_once $file_path;
        } else {
            // Log error and notify admin via email
            $error_message = 'WooCommerce functions file not found: ' . $file_path;
            error_log( $error_message );

            // Send email notification
            send_admin_email_notification( 'Error: Missing WooCommerce Functions File', $error_message );
        }
    }

    // Check if WCFM Marketplace plugin is active
    if ( is_plugin_active( 'wc-multivendor-marketplace/wc-multivendor-marketplace.php' ) ) {

        // Include general WCFM functions
        $file_path = get_stylesheet_directory() . '/path-to-functions/wcfm-functions.php';
        if ( file_exists( $file_path ) ) {
            require_once $file_path;
        } else {
            // Log error and notify admin via email
            $error_message = 'WCFM functions file not found: ' . $file_path;
            error_log( $error_message );

            // Send email notification
            send_admin_email_notification( 'Error: Missing WCFM Functions File', $error_message );
        }

        // Include vendor-specific functions
        if ( current_user_can( 'wcfm_vendor' ) ) {
            $file_path = get_stylesheet_directory() . '/path-to-functions/wcfm-vendor-functions.php';
            if ( file_exists( $file_path ) ) {
                require_once $file_path;
            } else {
                // Log error and notify admin via email
                $error_message = 'Vendor WCFM functions file not found: ' . $file_path;
                error_log( $error_message );

                // Send email notification
                send_admin_email_notification( 'Error: Missing Vendor WCFM Functions File', $error_message );
            }
        }

        // Include admin-specific functions
        if ( current_user_can( 'administrator' ) ) {
            $file_path = get_stylesheet_directory() . '/path-to-functions/wcfm-admin-functions.php';
            if ( file_exists( $file_path ) ) {
                require_once $file_path;
            } else {
                // Log error and notify admin via email
                $error_message = 'Admin WCFM functions file not found: ' . $file_path;
                error_log( $error_message );

                // Send email notification
                send_admin_email_notification( 'Error: Missing Admin WCFM Functions File', $error_message );
            }
        }
    }

    // Check if Amelia Booking is active and include its functions
    if ( class_exists( 'Amelia\Classes\Context' ) ) {
        $file_path = get_stylesheet_directory() . '/path-to-functions/amelia-functions.php';
        if ( file_exists( $file_path ) ) {
            require_once $file_path;
        } else {
            // Log error and notify admin via email
            $error_message = 'Amelia functions file not found: ' . $file_path;
            error_log( $error_message );

            // Send email notification
            send_admin_email_notification( 'Error: Missing Amelia Functions File', $error_message );
        }
    }

    // Include enqueue scripts/styles
    require_once get_stylesheet_directory() . '/includes/enqeue-scripts.php';
}

add_action( 'after_setup_theme', 'draupnir_9_enqueue_plugin_functions' );

For inspiration, here are some css enqeueus for child:

/******************************************************************
 ********* Enqeuue Stylessheets - style.css and sub css *************
 ********** Sub styles reside in folder /my-path/ **************
 ******************************************************************/
 
 function draupnir_9_enqueue_styles() {

    // Enqueue the child theme's style.css (No dependencies)
    wp_enqueue_style(
        'draupnir-9-style',
        get_stylesheet_uri(),
        array(), // No dependencies here
        null, // No version number
        'all' // For all media types
    );

    // Enqueue the child theme's editor style (No dependencies)
    wp_enqueue_style(
        'draupnir-9-editor-style',
        get_stylesheet_uri(), // This will load style.css in the editor as well
        array(), // No dependencies here
        null,
        'all'
    );


        // Conditionally enqueue WooCommerce styles and product-page.css (only if WooCommerce is active)
    if ( class_exists( 'WooCommerce' ) ) {
        // Enqueue WooCommerce styles
        wp_enqueue_style(
            'draupnir-9-woo',
            get_stylesheet_directory_uri() . '/my-path/woo.css',
            array( 'woocommerce-general' ), // Depends on WooCommerce styles
            null,
            'all'
        );

        // Enqueue product-page.css on product pages (only if WooCommerce is active)
        if ( is_product() ) {
            wp_enqueue_style(
                'draupnir-9-product-page',
                get_stylesheet_directory_uri() . '/my-path/product-page.css'
            );
        }
    }

        
    // Check if WCFM is active and load styles accordingly
    if ( is_plugin_active( 'wc-multivendor-marketplace/wc-multivendor-marketplace.php' ) ) {

        // Conditionally enqueue WCFM styles
        wp_enqueue_style(
            'draupnir-9-wcfm',
            get_stylesheet_directory_uri() . '/my-path/wcfm.css',
            array(), // No dependency on WCFM core styles here, if it’s not necessary
            null,
            'all'
        );

        // Check if user is a WCFM vendor OR an administrator and enqueue vendor styles
        if ( current_user_can( 'wcfm_vendor' ) || current_user_can( 'administrator' ) ) {
            wp_enqueue_style(
                'draupnir-9-wcfm-vendor',
                get_stylesheet_directory_uri() . '/my-path/wcfm-vendor.css',
                array(), // No dependency on WCFM core styles
                null,
                'all'
            );
        }
    }


    // Conditionally enqueue amelia.css for Amelia Bookings & Events styles (only if Amelia is active)
    if ( class_exists( 'Amelia\Classes\Context' ) ) {
        wp_enqueue_style(
            'draupnir-9-amelia',
            get_stylesheet_directory_uri() . '/my-path/amelia.css',
            array( 'amelia' ), // Depends on Amelia's core styles
            null,
            'all'
        );
    
    }

    // Enqueue global.css for general styles
    wp_enqueue_style(
        'draupnir-9-global',
        get_stylesheet_directory_uri() . '/my-path/global.css',
        array(), // No dependencies
        null,
        'all'
    );
    
    // Enqueue forms.css for form styles
    wp_enqueue_style(
        'draupnir-9-forms',
        get_stylesheet_directory_uri() . '/my-path/forms.css',
        array(), // No dependencies
        null,
        'all'
    );
}

// Enqueue the child theme's styles after WordPress styles (priority 20)
add_action( 'wp_enqueue_scripts', 'draupnir_9_enqueue_styles', 30 );

// Enqueue the child theme's editor styles after WordPress editor styles (priority 20)
add_action( 'enqueue_block_editor_assets', 'draupnir_9_enqueue_styles', 20 );