Login DropDown

caniegatti

Nuovo Utente
4 Nov 2013
27
0
1
Ciao a tutti, vorrei inserire nel sito che sto provando a realizzare un login in dropdown nell'header del sito web. (So che esistono dei plugin ma sto cercando di realizzare ogni funzione senza affidarmi a plugin esterni per quanto possibile).

Ho trovato questa guida http://red-team-design.com/simple-an...own-login-box/ che sto riportando nel mio sito.

Ho inserito all'interno del mio header.php questa stringa di codice:

HTML:
<nav>
  <ul>
    <li id="signup">
<a href="http://www.miosito.it/paginalinkata" /><img src="http://www.miosito.it/wp-content/uploads/2014/02/pulsante-1.png" /></a></li>
<li id="login"><a id="login-trigger" href="#"><img src="http://www.miostio.it/wp-content/uploads/2014/03/pulsante-2.png" /></a>
<div id="login-content">
<?php
          wp_login_form();
?>
</div>
</li>
</ul>
</nav>
Ho poi inserito, esattamente dopo <head> lo script

HTML:
<script src="js/jquery.js"></script>
    <script>
          $(document).ready(function(){
                $('#login-trigger').click(function(){
                    $(this).next('#login-content').slideToggle();
                    $(this).toggleClass('active');                    
                    
                    if ($(this).hasClass('active')) $(this).find('span').html('▲')
                        else $(this).find('span').html('▼')
                    })
          });
    </script>
E inserito nel child theme tutti gli stili css (ho provato sia i loro di default che alcune personalizzazioni).

In home page funziona tutto perfettamente, nel senso che il login apparte in dropbown. Se io vado nelle altre pagine del sito (ad esempio about, contatti, ultimi post etc), se io clicco su "login" non appare il dropdown e l'url diventa www.miosito.it/about/#

Come mai succede questo? Come posso risolvere e far funzionare il dropdown su ogni pagina?

Grazie mille a tutti