+ Rispondi alla Discussione
Risultati da 1 a 9 di 9

Tema sensitive: Problema tabelle

Ultimo Messaggio di incapace007 il:
  1. #1
    User
    Data Registrazione
    Mar 2019
    Località
    roma
    Messaggi
    63

    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

  2. #2
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    783
    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.

  3. #3
    User
    Data Registrazione
    Mar 2019
    Località
    roma
    Messaggi
    63
    Citazione Originariamente Scritto da hub Visualizza Messaggio
    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.
    Ultima modifica di incapace007; 17-04-19 alle 14:58

  4. #4
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    783
    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:


    Codice:
    <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

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

    se non funziona prova così
    Codice:
    .tablepress img {
        max-width: 100%!important;
    }

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


  5. #5
    User
    Data Registrazione
    Mar 2019
    Località
    roma
    Messaggi
    63
    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

  6. #6
    User
    Data Registrazione
    Mar 2019
    Località
    roma
    Messaggi
    63
    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 /]

  7. #7
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    783
    Solo per fare una prova, sostituisci tutte le immagini con un breve testo.

  8. #8
    User
    Data Registrazione
    Mar 2019
    Località
    roma
    Messaggi
    63
    Citazione Originariamente Scritto da hub Visualizza Messaggio
    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.

  9. #9
    User
    Data Registrazione
    Mar 2019
    Località
    roma
    Messaggi
    63
    Mi avete abbandonato ??

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.