MENU MOBILE
Non è propriamente inerente a wp, ma spesso i menu mobile dei siti lasciano un po’ a desiderare quindi si può adottare una semplice soluzione : possiamo creare due div, uno per il menù desktop e uno per il menù mobile
Ad esempio :
<div class="menu-desktop"> <div class="menu-desktop__menu-container"> <?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?> </div> </div> <div class="menu-mobile" data-menu-mobile> <a class="header__menu-wrapper__logo" href="<?php echo get_home_url(); ?>"> <?php $logo = get_field("red_tmp_logo","options"); // vedremo poi dopo questa funzione del plugin ACF if ($logo != null){ echo "<img src='{$logo}' alt=''>"; } ?> </a> <div class="menu-mobile__navigation" data-menu-wrapper> <div id="menu_mobile" class="menu-mobile__navigation__label" data-menu-trigger> <span class="menu-mobile__navigation__label__icon menu-mobile__navigation__label__icon--closed"></span> <span class="menu-mobile__navigation__label__icon menu-mobile__navigation__label__icon--opened"></span> </div> <div class="menu-mobile__navigation__content" data-menu-container> <div class="menu-mobile__navigation__content__scroll"> <?php wp_nav_menu( array( 'theme_location' => 'main-menu-mobile', 'menu_class' => 'menu clear_both' ) ); ?> </div> </div> </div> </div>
Tramite js (e sfruttando la funzione click, con aggiunta e rimozione di classi) e css, gestiremo poi il tutto.
Articoli recenti
- Combinazioni di tasti utili per la programmazione
- Per i miei studenti: esercitazioni ed esercizi
- Come installare Dropbox sul proprio PC per la condivisione dei documenti
- Come condividere lo schermo e ottenere assistenza come se il webmaster fosse li con te? Con AnyDesk!
- Come fare per…trovare i tasti sulla tastiera!
- Webinar “Come creare un sito con WordPress ed Elementor”
- Come modifico i file del mio sito tramite FTP con la webapp Netsons?
- Che prezzo posso fare ad un cliente che mi ha chiesto un sito semplice?
- Come modifico la versione mobile di un elemento con Elementor?
- Risorse utili
- Installare WordPress utilizzando un dominio Altervista
- Installare WordPress
- Funzionamento base
- Template di pagina
- Menù
- Sidebar
- Custom post type
- Menù mobile
- Short Code
- Hooks
- Gestione dei post lato codice
- Wp_Query
- Plugin – ACF
- Plugin – WPML
- Plugin – CF7
- Plugin – Members
- Plugins – altri
- Form di ricerca
- Creazione plugin
- Ajax e WP
- Multisite