Keith SolomonandClaude Opus 4.7
e2f6270717
* docs: Add onboarding documentation for new developers Add four comprehensive guides to help new developers get started with the VDI-Starter-v5 WordPress theme: - docs/getting-started.md: Setup from zero, local WordPress options, env config, theme activation warnings, troubleshooting - docs/architecture.md: Bootstrap flow, 7 architectural layers, namespace conventions, WP hooks cleanup, enqueue system, theme.json - docs/creating-blocks.md: Step-by-step ACF block creation tutorial, helper functions, parent-child patterns, Tailwind integration - docs/reference.md: Hooks/filters tables, design tokens, CSS import tree, JS module graph, class reference, CLI commands, deployment Update README.md: trim deep-dive API docs (moved to reference), add documentation links section, fix CSS paths (views/styles/ → styles/), add missing contact-info block, fix deployment filename typo (wpengine,yml → wpengine.yml), add backToTop.js and enqEditorAssets(), add namespace conventions table. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> * docs: language graph * docs: Update readme * 🔵 other: Rename project and publish * 🔵 other: Update .gitignore
69 lines
2.7 KiB
PHP
69 lines
2.7 KiB
PHP
<?php
|
|
/**
|
|
* Main Navigation - Menu Item with children
|
|
*
|
|
* Please review documentation upon first use, and, as-needed:
|
|
* https://docs.vincentdevelopment.ca/docs/starter-v3-enhancements/navigation/
|
|
*/
|
|
|
|
namespace SoloFrameEvo;
|
|
|
|
// Variables available:
|
|
// $item from parent template
|
|
// $nestedNavItems, $hasChildren, $currentPage from MenuItems component
|
|
|
|
// Generate item classes
|
|
$itemClasses = array(
|
|
'menu-vdi__item',
|
|
'menu-vdi__item--parent',
|
|
'menu-vdi__item--' . str_replace( ' ', ' -', strtolower( $item->title ) ),
|
|
);
|
|
if ( ! empty( $item->classes ) ) {
|
|
$itemClasses = array_merge( $itemClasses, $item->classes );
|
|
}
|
|
|
|
// Generate toggle classes
|
|
$toggleClasses = array( 'menu-vdi__toggle' );
|
|
if ( ! empty( $item->classes ) ) {
|
|
$toggleClasses = array_merge( $toggleClasses, $item->classes );
|
|
}
|
|
?>
|
|
|
|
<li id="menuVdiItem<?php echo esc_attr( $item->ID ); ?>" class="<?php echo esc_attr( implode( ' ', $itemClasses ) ); ?>">
|
|
<button aria-expanded="false" class="<?php echo esc_attr( implode( ' ', $toggleClasses ) ); ?>">
|
|
<?php echo esc_html( $item->title ); ?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
|
|
</svg>
|
|
</button>
|
|
|
|
<ul class="menu-vdi__submenu">
|
|
<?php foreach ( $nestedNavItems( $item ) as $child ) : ?>
|
|
<?php if ( $hasChildren( $child ) ) : ?>
|
|
<li id="menuVdiItem<?php echo esc_attr( $child->ID ); ?>">
|
|
<span class="menu-vdi__item menu-vdi__item--child <?php echo ! empty( $item->classes ) ? esc_attr( implode( ' ', $item->classes ) ) : ''; ?>">
|
|
<?php echo esc_html( $child->title ); ?>
|
|
</span>
|
|
|
|
<ul>
|
|
<?php foreach ( $nestedNavItems( $child ) as $grandChild ) : ?>
|
|
<li id="menuVdiItem<?php echo esc_attr( $grandChild->ID ); ?>" class="menu-vdi__item menu-vdi__item--grandchild <?php echo ! empty( $item->classes ) ? esc_attr( implode( ' ', $item->classes ) ) : ''; ?>">
|
|
<a href="<?php echo esc_url( $grandChild->url ); ?>" aria-current="<?php echo esc_attr( $currentPage( $grandChild ) ); ?>"
|
|
<?php echo isset( $grandChild->target ) ? esc_attr( "target='$grandChild->target'" ) : ''; ?> class="sub-menu-item">
|
|
<?php echo esc_html( $grandChild->title ); ?>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|
|
<?php else : ?>
|
|
<li id="menuVdiItem<?php echo esc_attr( $child->ID ); ?>" class="menu-vdi__item menu-vdi__item--child <?php echo ! empty( $item->classes ) ? esc_attr( implode( ' ', $item->classes ) ) : ''; ?>">
|
|
<a href="<?php echo esc_url( $child->url ); ?>" class="sub-menu-item">
|
|
<?php echo esc_html( $child->title ); ?>
|
|
</a>
|
|
</li>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</li>
|