«

»

Ott 08 2013

Stampa Articolo

Plugin qTranslate: Allineare le bandierine orizzontalmente

lingue-mondoIn un precedente articolo abbiamo presentato il plugin qTranslate come valida soluzione per rendere multilingua un sito in WordPress, oggi completiamo la presentazione suggerendo come disporre le bandierine da verticali in orizzontale.

Infatti graficamente allineare le bandierine della scelta del linguaggio orizzontalmente è più gradevole, soluzione questa ricercata sovente dai webmaster ma purtroppo non inclusa di default nel widget del plugin.

La soluzione a questo problema consiste nell'inserire nel file style.css del template in uso alcune righe di codice che comandino la formattazione.

Se c'è installato solo qTranslate è sufficiente mettere nel file style.css del template in uso questo codice:

 

Mentre se è installato anche il plugin qTranslate slug (per le url personalizzate a secondo della lingua) è necessario aggiungere, sempre nel file style.css del proprio template, questo altro codice:

 

L'effetto cambia come da immagini qui sotto:

flag-verticale

 

flag-orrizontale

 

 

 

 

 

Se questi appunti vi sono stati utili, un commento o un "mi piace" è per noi una gradita ricompensa 🙂

 

 

30 comments

Vai al modulo dei commenti

  1. Laura

    Ho copiato il codice nel mio style.css ma purtroppo non ha funzionato… Ha qualche consiglio da darmi?
    Grazie!

    1. Admin Cyberspazio
      Admin Cyberspazio

      Ciao, qual’è il tuo sito?

  2. silvia

    Grazie mille!! funziona perfettamente! sono impazzita con quelle bandierine!! grazieeeee

    1. Admin Cyberspazio
      Admin Cyberspazio

      Sono lieto che questo post sia stato utile 🙂

  3. Mario

    Grazie mille: utilissimo articolo!!!

    1. Admin Cyberspazio
      Admin Cyberspazio

      Grazie per l’apprezzamento 🙂

  4. Debora

    Grazie mille dell’articolo!! sai se è possibile posizionare le bandierine nel nav-menu?

    1. Admin Cyberspazio
      Admin Cyberspazio

      Credo che dipenda da template a template, non saprei darti suggerimenti particolari

  5. gingy80

    Ciao, grazie per la dritta! Mi hai risolto un bel problemino!! 🙂

    A me però fa vedere la scritta “Italiano English ” invece della bandiera.

    Il sito lo sto facendo in locale, ma posso mandarti delle schermate se preferisci.
    Grazie!!

    1. Admin Cyberspazio
      Admin Cyberspazio

      Ciao, dovrebbe esserci una funzione nel plugin che seleziona o le scritte o le bandierine

  6. gingy80

    Sì, c’è. Io ho inserito questo nel header e poi la tua stringa per avere le bandiere allineate.
    Non so dove sbaglio! :S

    1. Admin Cyberspazio
      Admin Cyberspazio

      Hai provato ad attivare il modulo (il widget) nativo di qtraslate?

  7. gingy80

    Sì, ce l’ho nel footer, solo con le bandiere

  8. Marco

    Salve a tutti ho un ulteriore problemino con queste benedette bandiere.

    Con il tuo codice sono riuscito a renderle orizzontali, ma quello che davvero mi serve è poterle spostare da in mezzo della mia pagina. Purtroppo non riesco a trovare il modo.

    1. Admin Cyberspazio
      Admin Cyberspazio

      Ciao, puoi provare a scrivere direttamente il codice:

      < ?php qtrans_generateLanguageSelectCode('both');?>

      che richiama la funzione del linguaggio, scrivendolo all’interno del template usato dove ti sembra meglio (spero di essermi spiegato…)

      1. Admin Cyberspazio
        Admin Cyberspazio

        Completo l’elenco del codice che richiama la selezione delle lingue:

        Codice per le sole immagini:
        < ?php echo qtrans_generateLanguageSelectCode('image'); ?>

        Codicee per il solo testo:
        < ?php echo qtrans_generateLanguageSelectCode('text'); ?>

        Codice per immagini e testo:
        < ?php echo qtrans_generateLanguageSelectCode('both'); ?>

  9. Marco

    Se riusciresti ad essere più preciso nel dirmi dove inserire il codice php te ne sarei grato,
    oltretutto ormai che ci sono volevo chiederti se c’è modo di ingrandirle quelle bandiere!!

    Grazie mille dell’attenzione!!

    1. Admin Cyberspazio
      Admin Cyberspazio

      Ti riferisci al codice per allineare le bandierine o al codice su dove posizionarle? nel primo caso ci sono le indicazioni nell’articolo, basta aggiungere il codice in fondo al codice che si trova già all’interno dei file css; nell’altro caso, il codice che ho indicato nella risposta al commento va inserito all’interno dei file che gestiscono il tempalte, non saprei in quale posizione perchè ciascun template è diverso da un’altro.
      Non ti è possibile usare il widget di qtranslate? deve essere proprio incluso in un posto della pagina che non può essere gestita da un widget?

    2. Admin Cyberspazio
      Admin Cyberspazio

      Riguardo le dimensioni delle bandierine, dovrebbero essere quelle che trovi nel file:

      /wp-content/plugins/qtranslate/qtranslate_hooks.php

      nella riga di codice:

      $css .=”.qtrans_flag { height:12px; width:18px; display:block }\n”;

  10. Texcs

    Ciao io sto usando come plug-in di lingua mq traslate che dovrebbe essere l’aggiornamento di qtraslate e vorrei mettere le bandierine di scelta della lingua in orizontale alla estrema destra sulla stessa riga del menu di navigazione, mi puoi aiutare ti ringrazio in anticipo!!

    1. Admin Cyberspazio
      Admin Cyberspazio

      Ciao,
      non abbiamo ancora esaminato questo nuovo plugin, tuttavia penso che sia una questione di formattazione del tema in uso e non tanto di formattazione del plugin.

  11. Francesco

    ciao!
    io ho inserito il codice nel file style.css del template ma non funziona 🙁
    mi potresti aiutare?

    grazie mille!

    1. Admin Cyberspazio
      Admin Cyberspazio

      Dovrebbe funzionare… hai anche installato qTranslate slug? se lo si ha installato il codice è il secondo, altrimenti il primo

  12. Francesco

    qtranslate Slug non lho istallato, o meglio lo avevo istallato ma richiedeva la versione più aggiornata di altri plugin che non avevo.

    comunque ho istallato qtransate plus e non va questo codice 🙁

    1. Admin Cyberspazio
      Admin Cyberspazio

      Il codice è stato testato su qtranslate, non su qtranslate plus, forse vi sono delle differenze tra i due plugin.

    2. Admin Cyberspazio
      Admin Cyberspazio

      Prova con questo codice:


      /** flags horizontal */
      #flaggenmast {heigth: 12px; width: 56px; margin: 0; padding: 0; float: right; clear: right;}
      ul.ppqtrans_language_chooser { list-style: none; margin: 0; padding: 0; }
      ul.ppqtrans_language_chooser li { display: inline-block; float: left; position: relative; margin: 0; padding: 0; }
      a.ppqtrans_flag { margin-left: 10px; margin-top: 20px }

  13. cristiano

    Ciao, qualcuno sa come nascondere le icone delle bandiere e lasciare solo il testo “ENGLISH” e “ITALIANO”?

  14. luca

    CIAO

    NON RIESCO AH INSERIRE LE BANDIERINE NEL MIO SITO E QUESSTO MI RODE MOLTO, NON SO DOVE COPIARE IL TESTO CHE TU CONSIGLI. PUOI DARMI UNA MANO?

    GRAZIE STRAMILLE

    LUCA

  15. Massimiliano

    ciao in quale punto bisogna inserire il codice per fare apparire solo le bandierine in orizzontale?
    grazie

    1. Admin Cyberspazio
      Admin Cyberspazio

      nel file style.css del proprio tema si può copiare il codice in fondo, lo si può mettere ovunque purchè non interrompa altro codice, quindi per facilitare il tutto basta metterlo in fondo.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Puoi usare i seguenti tag ed attributi HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">


*

Login

Register | Lost your password?