Introduction to WordPress Default Themes

WordPress releases a new default theme each year, showcasing the latest features and best practices in theme development. These themes serve as both functional starting points and educational resources for developers.

Classic Themes Comparison

Theme Evolution Timeline

Working with Default Themes

Checking Installed Themes

<?php
// Get all themes
$themes = wp_get_themes();

foreach ($themes as $theme) {
    echo $theme->get('Name') . ' - Version: ' . $theme->get('Version') . '<br>';
    
    // Check if it's a default theme
    if (strpos($theme->get_stylesheet(), 'twenty') !== false) {
        echo 'This is a default WordPress theme<br>';
    }
}

// Get current theme
$current_theme = wp_get_theme();
echo 'Active Theme: ' . $current_theme->get('Name');

// Check if block theme
if (wp_is_block_theme()) {
    echo 'Current theme is a block theme';
}
?>

Theme Support Detection

<?php
// Check theme features
$features = array(
    'custom-logo',
    'post-thumbnails',
    'post-formats',
    'html5',
    'custom-header',
    'custom-background',
    'widgets',
    'menus',
    'editor-styles',
    'wp-block-styles',
    'align-wide'
);

foreach ($features as $feature) {
    if (current_theme_supports($feature)) {
        echo "✓ Theme supports: $feature<br>";
    } else {
        echo "✗ No support for: $feature<br>";
    }
}

// Check if using block templates
if (function_exists('wp_is_block_theme') && wp_is_block_theme()) {
    echo "Theme uses block templates (FSE)<br>";
    
    // Get block template parts
    $template_parts = get_block_templates(array('post_type' => 'wp_template_part'));
    echo "Template parts: " . count($template_parts) . "<br>";
}
?>

Choosing the Right Default Theme

Advanced Default Theme Features

Block Theme Patterns

<?php
// Register custom pattern for block themes
register_block_pattern(
    'twentytwentyfour/hero-section',
    array(
        'title'       => __('Hero Section', 'twentytwentyfour'),
        'description' => __('A hero section with heading and button', 'twentytwentyfour'),
        'categories'  => array('featured', 'header'),
        'content'     => '<!-- wp:group {"align":"full"} -->
            <div class="wp-block-group alignfull">
                <!-- wp:heading {"level":1} -->
                <h1>Welcome to Our Site</h1>
                <!-- /wp:heading -->
                <!-- wp:buttons -->
                <div class="wp-block-buttons">
                    <!-- wp:button -->
                    <div class="wp-block-button">
                        <a class="wp-block-button__link">Get Started</a>
                    </div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->
            </div>
            <!-- /wp:group -->',
    )
);

// Modify theme.json programmatically
add_filter('wp_theme_json_data_theme', function($theme_json) {
    $new_data = array(
        'version'  => 2,
        'settings' => array(
            'color' => array(
                'palette' => array(
                    array(
                        'slug'  => 'custom-primary',
                        'color' => '#0073aa',
                        'name'  => 'Custom Primary'
                    )
                )
            )
        )
    );
    
    return $theme_json->update_with($new_data);
});
?>

Classic Theme Customization

<?php
// Add customizer options to Twenty Twenty-One
add_action('customize_register', function($wp_customize) {
    // Add new section
    $wp_customize->add_section('custom_options', array(
        'title'    => __('Custom Options', 'twentytwentyone'),
        'priority' => 30,
    ));
    
    // Add setting
    $wp_customize->add_setting('header_style', array(
        'default'   => 'default',
        'transport' => 'refresh',
    ));
    
    // Add control
    $wp_customize->add_control('header_style', array(
        'label'    => __('Header Style', 'twentytwentyone'),
        'section'  => 'custom_options',
        'type'     => 'select',
        'choices'  => array(
            'default'  => __('Default', 'twentytwentyone'),
            'centered' => __('Centered', 'twentytwentyone'),
            'minimal'  => __('Minimal', 'twentytwentyone'),
        ),
    ));
});

// Apply customizer settings
add_action('wp_head', function() {
    $header_style = get_theme_mod('header_style', 'default');
    
    if ($header_style === 'centered') {
        echo '<style>
            .site-header { text-align: center; }
            .primary-navigation { justify-content: center; }
        </style>';
    }
});
?>

Best Practices with Default Themes

Practice Exercise