Implementar navbar sticky con Bootstrap 5 y animaciones - Issue #7
Implementación completa de navbar sticky con menú hamburguesa responsive según especificaciones del template del cliente: **Archivos Modificados:** - header.php: Reescritura completa con navbar Bootstrap 5, sticky positioning, y responsive hamburger menu - functions.php: Agregado require para nav-walker.php - inc/enqueue-scripts.php: Agregado enqueue de custom-style.css y main.js **Archivos Creados:** - assets/css/custom-style.css: Estilos navbar con animaciones (gradient underline, dropdown slideDown, etc.) - assets/js/main.js: JavaScript para scroll effect, active menu highlight, y mobile auto-close - inc/nav-walker.php: Bootstrap 5 Nav Walker para dropdowns WordPress **Características:** ✅ Navbar sticky con transición de sombra al hacer scroll ✅ Gradient underline animation en hover de nav-links ✅ Dropdown menus con animación slideDown ✅ Menú hamburguesa responsive (< 991px) ✅ Auto-close mobile menu al hacer click en enlaces ✅ Active menu item highlighting ✅ Smooth scroll para anchor links ✅ Skip link para accesibilidad ✅ Compatible con WordPress menu system 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -86,6 +86,34 @@ function apus_enqueue_header() {
|
||||
|
||||
add_action('wp_enqueue_scripts', 'apus_enqueue_header', 10);
|
||||
|
||||
/**
|
||||
* Enqueue custom styles and main JavaScript
|
||||
*/
|
||||
function apus_enqueue_custom_assets() {
|
||||
// Custom Styles - navbar animations and theme components
|
||||
wp_enqueue_style(
|
||||
'apus-custom-style',
|
||||
get_template_directory_uri() . '/assets/css/custom-style.css',
|
||||
array('apus-bootstrap'),
|
||||
'1.0.0',
|
||||
'all'
|
||||
);
|
||||
|
||||
// Main JavaScript - navbar scroll effects and interactions
|
||||
wp_enqueue_script(
|
||||
'apus-main-js',
|
||||
get_template_directory_uri() . '/assets/js/main.js',
|
||||
array('apus-bootstrap-js'),
|
||||
'1.0.0',
|
||||
array(
|
||||
'in_footer' => true,
|
||||
'strategy' => 'defer',
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
add_action('wp_enqueue_scripts', 'apus_enqueue_custom_assets', 11);
|
||||
|
||||
/**
|
||||
* Enqueue footer styles
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user