Supporto » Aspetto = Temi » Integrazione menù JS

  • Risolto mrpress01

    (@mrpress01)


    Ciao a tutti sto sviluppando da poco il mio primo tema basato su underscores. Volevo integrare questo menù (http://www.roblukedesign.com/trunk/trunk.html) al quello predefinito di wordpress.

    Ho potuto notare che wordpress assegna in automatico delle classi alle varie voci di menù ma che si possono modificare attraverso un array come descritto nella documentazione.

    Qualcuno più esperto saprebbe aiutarmi?

    O consigliarmi uno script più appropriato per ottenere un bel menù sia versione desketop che mobile
    Grazie mille

    • Questo topic è stato modificato 6 anni, 3 mesi fa da mrpress01.
Stai visualizzando 1 risposte (di 1 totali)
  • Chi ha creato la discussione mrpress01

    (@mrpress01)

    @thomas-vitale

    Ciao Thomas mi sono permesso di taggarti direttamente spero non ti dispiaccia, come puoi leggere dal mio topic sto cercando di implementare un menù responsive al starter theme Underscores. Sono due giorni che provo ma non riesco a capire dove sbaglio. Per gli scritp mi sono affidato al sito web che fornisce script jqueryscript.net. dove ho provato ,oltre a quello citato, ad implementare questo
    https://www.jqueryscript.net/menu/Mobile-friendly-Multi-level-Dropdown-Menu-Plugin-jQuery-Stellarnav.html
    Ho registrato lo stile e lo script tramite le apposite funzioni
    wp_enqueue_style('styles', get_template_directory_uri() . '/ ');
    e
    wp_enqueue_script( scritp', get_template_directory_uri() . '/js/scritp');

    poi ho assegnato al menù l’ID e le classi appropriate con

    
    <?php wp_nav_menu( array(
    'theme_location'  	=> 'primary',
    'menu_id'      		 => 'primary-menu',
    'container'		  =>  'div',
    'container_class'	  => 'stellarnav',
    'container_id'	 	  => 'main-nav',) );?>
    

    Poi ho provato ad implementare le istruzioni sia richiamando il file (a.js) con all’interno:

    
    jQuery( document ).ready( function( $ ) {
    $('#main-nav').stellarNav({
    // adds default color to nav. (light, dark)
    theme     : 'dark',
    // number in pixels to determine when the nav should turn mobile friendly
    breakpoint: 768,
    // adds a click-to-call phone link to the top of menu - i.e.: "18009084500"
    phoneBtn: false,
    // adds a location link to the top of menu - i.e.: "/location/", "http://site.com/contact-us/"
    locationBtn: false,
    // makes nav sticky on scroll
    sticky     : false,
    // 'static' or 'top' - when set to 'top', this forces the mobile nav to be placed absolutely on the very top of page
    position: 'static',
    // shows dropdown arrows next to the items that have sub menus
    showArrows: true,
    // adds a close button to the end of nav
    closeBtn     : false,
    // fixes horizontal scrollbar issue on very long navs
    scrollbarFix: false
    });
    

    in function.php con la stringa wp_enqueue_script e sia direttamente dal header racchiusa tra i tag
    <script type="text/javascript"></script>
    Ma senza ottenere risultati, Ho sbagliato da qualche parte?
    Grazie mille

    • Questa risposta è stata modificata 6 anni, 3 mesi fa da mrpress01.
Stai visualizzando 1 risposte (di 1 totali)
  • Il topic ‘Integrazione menù JS’ è chiuso a nuove risposte.