Enhance Theme Templates and Editor Layout

This commit is contained in:
2026-07-27 12:34:55 +02:00
parent cbcdbc1bb8
commit 243fb51770
14 changed files with 382 additions and 82 deletions
+46 -6
View File
@@ -22,15 +22,55 @@ wp_body_open(); ?>
<a class="site-title" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
<?php } ?>
</div>
<button class="icon-button menu-toggle" type="button" data-menu-toggle aria-expanded="false" aria-controls="primary-menu"><span class="screen-reader-text"><?php esc_html_e( 'Toggle menu', 'c1024-2026' ); ?></span><svg class="icon" aria-hidden="true"><use href="#icon-menu"></use></svg></button>
<button class="icon-button menu-toggle" type="button" data-menu-toggle aria-expanded="false" aria-controls="primary-menu">
<span class="screen-reader-text"><?php esc_html_e( 'Toggle menu', 'c1024-2026' ); ?></span>
<svg class="icon" aria-hidden="true"><use href="#icon-menu"></use></svg>
</button>
<nav class="primary-navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'c1024-2026' ); ?>">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu', 'menu_class' => 'primary-menu', 'container' => false, 'fallback_cb' => false ) ); ?>
<?php
wp_nav_menu(
array(
'theme_location' => 'primary',
'menu_id' => 'primary-menu',
'menu_class' => 'primary-menu',
'container' => false,
'fallback_cb' => false,
)
);
?>
</nav>
<div class="header-actions">
<button class="icon-button" type="button" data-search-toggle aria-expanded="false" aria-controls="site-search"><span class="screen-reader-text"><?php esc_html_e( 'Open search', 'c1024-2026' ); ?></span><svg class="icon" aria-hidden="true"><use href="#icon-search"></use></svg></button>
<button class="icon-button" type="button" data-theme-toggle><span class="screen-reader-text"><?php esc_html_e( 'Change color mode', 'c1024-2026' ); ?></span><svg class="icon" aria-hidden="true"><use data-theme-icon href="#icon-auto"></use></svg></button>
<button class="icon-button" type="button" data-search-toggle aria-expanded="false" aria-controls="site-search">
<span class="screen-reader-text"><?php esc_html_e( 'Open search', 'c1024-2026' ); ?></span>
<svg class="icon" aria-hidden="true"><use href="#icon-search"></use></svg>
</button>
<button class="icon-button" type="button" data-theme-toggle>
<span class="screen-reader-text"><?php esc_html_e( 'Change color mode', 'c1024-2026' ); ?></span>
<svg class="icon" aria-hidden="true"><use data-theme-icon href="#icon-auto"></use></svg>
</button>
</div>
</div>
<div class="search-panel" id="site-search" data-search-panel><?php get_search_form(); ?></div>
<div class="search-panel" id="site-search" data-search-panel>
<?php get_search_form(); ?>
</div>
</header>
<svg width="0" height="0" class="screen-reader-text" aria-hidden="true"><symbol id="icon-search" viewBox="0 0 24 24"><circle cx="10.8" cy="10.8" r="6.5"></circle><path d="m16 16 5 5"></path></symbol><symbol id="icon-light" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2m0 16v2M2 12h2m16 0h2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4m0-14.2-1.4 1.4M6.3 17.7l-1.4 1.4"></path></symbol><symbol id="icon-dark" viewBox="0 0 24 24"><path d="M20 15.2A8.5 8.5 0 0 1 8.8 4 8.5 8.5 0 1 0 20 15.2Z"></path></symbol><symbol id="icon-auto" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7"></circle><path d="M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.4 1.4m11.2 11.2L19 19m0-14-1.4 1.4M6.4 17.6 5 19M9.5 15l2.5-6 2.5 6m-4-2h3"></path></symbol><symbol id="icon-menu" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"></path></symbol></svg>
<svg width="0" height="0" class="screen-reader-text" aria-hidden="true">
<symbol id="icon-search" viewBox="0 0 24 24">
<circle cx="10.8" cy="10.8" r="6.5"></circle>
<path d="m16 16 5 5"></path>
</symbol>
<symbol id="icon-light" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="4"></circle>
<path d="M12 2v2m0 16v2M2 12h2m16 0h2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4m0-14.2-1.4 1.4M6.3 17.7l-1.4 1.4"></path>
</symbol>
<symbol id="icon-dark" viewBox="0 0 24 24">
<path d="M20 15.2A8.5 8.5 0 0 1 8.8 4 8.5 8.5 0 1 0 20 15.2Z"></path>
</symbol>
<symbol id="icon-auto" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="7"></circle>
<path d="M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.4 1.4m11.2 11.2L19 19m0-14-1.4 1.4M6.4 17.6 5 19M9.5 15l2.5-6 2.5 6m-4-2h3"></path>
</symbol>
<symbol id="icon-menu" viewBox="0 0 24 24">
<path d="M3 6h18M3 12h18M3 18h18"></path>
</symbol>
</svg>