Il tuo sito su mobile
22 Maggio 2011 in Lezione5, Plugin, Videotutorial
Vuoi visualizzare il tuo sito in modo semplice e facilmente navigabile su dispositivi mobili?
Installa il plugin WPtouch, configuralo, crea una pagina home personalizzata e …in 10 minuti il gioco è fatto.
Attenzione: Nel tema di default la visualizzazione dei titoli di livello 4 (h4) è migliorabile, in quanto il paragrafo che segue è più lontano rispetto al titolo che precede causando una non corretta visualizzazione degli spazi verticali (un contenuto deve essere più vicino al suo contenitore rispetto al succerssivo contenitore). Per ovviare a ciò:
- scaricare il file style.min.css presente nella cartella default di wptouch-themes;
- aprile il file con blocco note;
- trovare con Modifica – Trova “.mainentry h4”;
- sostituire, dopo la graffa, padding:0 0 10px; con padding:8px 0 0 0;.
franca ha detto 28 Maggio 2011
Ho seguito le tue istruzioni e sono riuscita a configurare il sistema mobile.
Mio figlio ha un nokia e si vede bene … a dire il vero la visualizzazione che quel telefonino da di default per me è veramente troppo piccola ma con lo zoom …..
admin ha detto 29 Maggio 2011
Bene! Sai che c’è la possibilità di simulare su Firefox la visualizzazione telefonino? Devi scaricare il componente aggiuntivo https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/. Poi, ridimensiona la finestra a “larghezza cellulare” e prova a navigarci. La cosa bella è anche che puoi analizzarlo con Firebug e, quindi, migliorare ulteriormente la resa grafica. Ad esempio, io ho modificato i margini verticali di h4 (se non ricordo male) perché il riassunto era più vicino al titolo seguente che a quello a cui si riferiva.