• User

    Tema sensitive: Problema tabelle

    **Tema sensitive: Problema tabelle
    **
    Salve.
    Utilizzo WP aggiornato sul quale ho installato il tema Sporty.

    Il mio problema è nella versione smartphone/tabelt dove le tabelle non si adattano alla risoluzione dello schermo, causando dei problemi all'interno layout della pagina.

    Oltre a questo, ho riscontrato anche un problem nel menù (sempre nella versione tablet/smart) dove questo, invece di configurarsi in orizzontale, va a calare in senso verticale.

    Nella versione desktop non ho nessun problema: Posso risolvere in qualche modo?

    Grazie


  • User Attivo

    Ciao, hai provato come suggerito nell'altra discussione a usare il modulo integrato per le tabelle? Che risultato hai ottenuto? Ma soprattutto quanti campi e colonne avrebbero queste tabelle?
    Se hanno tante colonne, anche se la struttura è responsive o mobile first, in uno schermo piccolo avrai sempre problemi di visualizzazione.

    Ci sono molti metodi per risolvere, il più facile e veloce è usare un plugin come questi: wordpress.org/plugins/search/tables
    Oppure metodi più complessi senza usare plugin ma con maggiore controllo per esempio integrare manualmente Bootstrap e DataTables: datatables.net
    DataTables è incredibilmente efficace, su smartphone puoi visualizzare moltissimi dati.

    Esattamente come per l'altra discussione sulle tabelle, se dai qualche informazione in più è più facile darti un consiglio valido.


  • User

    @hub said:

    Ciao, hai provato come suggerito nell'altra discussione a usare il modulo integrato per le tabelle? Che risultato hai ottenuto? Ma soprattutto quanti campi e colonne avrebbero queste tabelle?
    Se hanno tante colonne, anche se la struttura è responsive o mobile first, in uno schermo piccolo avrai sempre problemi di visualizzazione.

    Ci sono molti metodi per risolvere, il più facile e veloce è usare un plugin come questi: wordpress.org/plugins/search/tables
    Oppure metodi più complessi senza usare plugin ma con maggiore controllo per esempio integrare manualmente Bootstrap e DataTables: datatables.net
    DataTables è incredibilmente efficace, su smartphone puoi visualizzare moltissimi dati.

    Esattamente come per l'altra discussione sulle tabelle, se dai qualche informazione in più è più facile darti un consiglio valido.

    Ciao

    Questa è la url del sito prova (senza prefisso) testing44.altervista.org
    Su tale free hosting è installata l'ultima versione di WP con tema Sporty e plug in "Table Press" per generare tabelle.
    Ho installato anche Classic editor perchè mi ritrovo meglio con le vecchie funzioni.

    Come puoi notare, nella versione desktop la tabella viene gestita all'interno del layout, stesso discorso per il menu in alto.

    Nella versione tablet/smart il menu appare in verticale, mentre la tabella cambia tutti i parametri del layout, rendendo quasi impossibile una navigazione corretta.

    E' possibile fare qualcosa senza dover necessariamente cambiare tema o acquistarne uno a pagamento?

    Grazie

    N.B. Nella home page non ho inserito nessuna tabella proprio per mostrare che in assenza di questa, il layout non subisce mutazioni.
    In questo caso rimane soltanto il problema del menu in alto.
    Nelle altre pagine è presente una tabella generata con plug in table press.


  • User Attivo

    Pensavo stessi usando codice scritto a mano per le tabelle.
    Comunque il fatto che il blocco tabella va fuori schermo in orizzontale è normale, le celle in qualche modo si restringono ma le immagini no perché sono impostate con una dimensione fissa; 128 x 128 px

    Usando l'inspector del browser infatti:

    <img src="testing44.altervista.org/wp-content/uploads/2019/04/download-2.jpg" alt="" width="128" height="128" class="alignnone size-full wp-image-643">
    

    Puoi provare a forzare la dimensione impostandole al 100% sfruttando una delle classi immagini di Tablepress

    
    .tablepress img {
        max-width: 100%;
    }
    
    

    se non funziona prova così

    
    .tablepress img {
        max-width: 100%!important;
    }
    
    

    Oppure scarica il plugin aggiuntivo che dovrebbe aggiungere la funzione responsvive: *tablepress.org/extensions/responsive-tables


  • User

    Ciao

    A dire il vero, nella versione mobile, il problema non è la tabella che esce fuori dal quadro in orizzontale, ma il resto del layout che subisce delle variazioni.
    Non so se dipende dal mio tablet ma questo è il problema che riscontro: la tabella viene estesa per tutto il riquadro, mentre il resto del layout sito è dimezzato.
    Adesso ho installato il plug in che mi hai segnalato e domani provo a configurarlo.

    Grazie


  • User

    Niente da fare .. .. ho installato il plug-in *tablepress.org/extensions/responsive-tables e seguito le istruzioni per il suo utilizzo
    *Purtroppo il problema del layout rimane lo stesso: le tabelle vengono visualizzate interamente, senza la necessita di scrolling, mentre il resto del layout si dimezza
    Posto di nuovo il link al sito prova per farvi capire di cosa sto parlando: **testing44.altervista.org

    P.S. Le tabelle sono state inserite usando i vari parametri consentiti dal plug in:
    **
    [table id=1 responsive=scroll /]
    [table id=1 responsive=flip /]
    [table id=1 responsive=collapse /]


  • User Attivo

    Solo per fare una prova, sostituisci tutte le immagini con un breve testo.


  • User

    @hub said:

    Solo per fare una prova, sostituisci tutte le immagini con un breve testo.

    Ciao
    Ho sostituito tutte le immagini con "testo prova" ma il problema rimane.
    La tabella viene visualizzata nella sua interezza (avveniva anche con le immagini) ma purtroppo il resto del layout si dimezza e ciò avviene solo nel formato mobile (smart/tablet)
    A questo punto credo che l'unica soluzione sia creare una diversa versione per dispositivi mobili.
    Ho sempre saputo che WP era già ottimizzato per la versione mobile ma con le tabelle non riesce a gestire la situazione in modo adeguato.

    Ho controllato alcuni siti che utilizzano schemi e/o tabelle per il loro sito e ho notato che nella versione smart/tablet, queste sono diverse, sia nelle forme che nel layout.


  • User

    Mi avete abbandonato ??