Nel wordpress Gpci framework il pattern classic menu default serve a generare un menu responsive già pronto all'uso facilmente modificabile e clonabile.
Elementi del pattern
Questo pattern è composto da pochi elementi:
Contenitore
Blocco gutenberg contenitore: ho assegnato l'id menu-classic-default-container per applicare il css tramite il controllo apposito. Tutto il css è scritto qui.
Icona esterna al contenitore
Blocco gutenberg icona: verrà visualizzata negli smartphone per aprire il menu. Per fare questo sono stai applicati gli attributi onclick e data-HiddenOnTabletDesktop.
Icona interna al contenitore
Blocco gutenberg icona: serve a chiudere il menu quando aperto. Anche qui gli attributi applicati sono onclick e data-HiddenOnTabletDesktop.
Menu
Blocco gutenberg menu classico: il menu vero e proprio. A parte le impostazioni base del blocco ci sono alcuni attributi aggiuntivi applicati per aprire e chiudere automaticamente i submenu al passaggio/uscita del mouse e su click dell'icona submenu.