Le modifiche a WordPress non vengono visualizzate sui dispositivi mobili? Domande frequenti e correzioni.

Perché le mie modifiche a WordPress non vengono visualizzate sui dispositivi mobili?

Se hai apportato modifiche al tuo sito WordPress e non vengono visualizzate sui dispositivi mobili, ci sono alcune cose che puoi controllare.

In alcuni casi, le modifiche potrebbero essere nascoste alla visualizzazione sui dispositivi mobili per motivi di progettazione.

Tuttavia, se sei sicuro che le tue modifiche dovrebbero essere visualizzate sui dispositivi mobili e non lo sono, ci sono alcune cose che puoi fare per risolvere il problema.

Assicurati che il tuo tema WordPress sia reattivo.

Un tema reattivo regolerà automaticamente il suo layout in base alle dimensioni del dispositivo su cui viene visualizzato.

Se il tuo tema non è reattivo, le tue modifiche potrebbero non essere visualizzate sui dispositivi mobili. Puoi verificare la reattività visualizzando il tuo sito su un dispositivo mobile.

Assicurati inoltre che le modifiche non vengano nascoste dai dispositivi mobili per motivi di progettazione.

Per vedere se questo è il caso, puoi modificare l'opzione "Opzioni schermo" nella dashboard di WordPress o provare a visualizzare il sito su un browser diverso (come Chrome o Firefox), che potrebbe dare accesso a opzioni altrimenti nascoste.

Plugin.

Se le modifiche vengono visualizzate sull'altro browser, potrebbe esserci un plug-in che causa un problema.

Se il tuo tema è reattivo e hai controllato tutte le sue impostazioni, prova a disattivare tutti i plug-in e quindi a riattivarli uno alla volta per verificare quale plug-in potrebbe causare il conflitto.

Puoi anche creare un nuovo sito WordPress con lo stesso tema per vedere se le modifiche vengono ancora visualizzate. In tal caso, è probabile che il problema sia con un plug-in.

Se hai provato tutti questi passaggi per la risoluzione dei problemi e le modifiche non vengono ancora visualizzate sui dispositivi mobili, contatta il tuo provider di hosting o lo sviluppatore WordPress per assistenza.

Potrebbero essere in grado di aiutare a identificare l'origine del problema e correggerlo.

Come aggiorno il mio sito mobile su WordPress?

L'aggiornamento del tuo sito mobile su WordPress può essere effettivamente un processo molto semplice, tuttavia, solo se conosci PHP e ti senti a tuo agio con esso.

In caso contrario, contatta lo sviluppatore del tuo tema e chiedi la sua assistenza.

Ma se conosci PHP, tutto ciò che devi fare è seguire questi passaggi:

1. Accedi alla dashboard di WordPress.

2. Fare clic sul menu "Aspetto" e quindi selezionare "Editor".

3. Dalla schermata dell'editor, selezionare il file “header.php” dall'elenco a destra.

4. Modifica il file e aggiungi il seguente frammento di codice in cima:

<?php se (è_mobile()) { ?>

<link rel="stylesheet" href="http://www.yourdomain.com/wp-content/mu-plugins/mobile_stylesheet.css" type="text/css" media="schermo e (max-device-width : 480px)”/>

<?php } ?>

5. Aggiorna il tuo sito mobile o copia semplicemente il nuovo link nel browser del tuo telefono per verificare che funzioni come previsto.

6. Infine, salva le modifiche e caricale sul server utilizzando FTP o qualsiasi metodo utilizzato di solito per aggiornare i file sul server web.

Perché il mio sito web ha un aspetto diverso sui dispositivi mobili?

Ci sono alcuni motivi per cui il tuo sito web ha un aspetto diverso sui dispositivi mobili, proviamo a risolverli.

Innanzitutto, è importante capire che non tutti i siti Web sono creati uguali. I siti Web sono progettati in modi diversi, hanno contenuti diversi e vengono visualizzati su dispositivi diversi.

Tutti questi fattori possono avere un ruolo in ciò che vedi quando visualizzi il tuo sito Web su dispositivi mobili.

C'è anche la possibilità che il tuo sito web non venga visualizzato correttamente su alcuni o tutti i dispositivi mobili.

Molti browser Web utilizzano la formattazione incorporata per i loro siti, ma a volte non forniscono quella formattazione o quelle funzionalità ad altri siti.

Esaminiamo alcuni dei motivi più comuni per cui il tuo sito potrebbe avere un aspetto diverso sui dispositivi mobili e cosa puoi fare al riguardo.

Ottimizzazione mobile.

Sai se il tuo sito web ha una versione mobile? Mentre sempre più siti web stanno passando a layout reattivi, non tutti i siti sono uguali. Di certo una taglia non va bene per tutti.

I layout reattivi sono ottimizzati per la visualizzazione su qualsiasi dimensione dello schermo. Se il tuo sito web ha un layout mobile, apparirà automaticamente sui dispositivi mobili per adattarsi al meglio alle dimensioni dello schermo di quel dispositivo (nessuna azione richiesta).

Se non sei sicuro che il tuo sito abbia una versione mobile, verifica con il tuo sviluppatore o società di hosting per vedere se è stata creata. In caso contrario, è tempo di considerare un design reattivo.

Non tutti i browser supportano il design reattivo.

Come accennato in precedenza, non tutti i browser supportano layout di progettazione reattiva. Alcuni mostreranno il tuo sito web nella sua forma desktop, indipendentemente dal dispositivo che stai utilizzando.

Questo perché il browser sta cercando di visualizzare il sito Web nel modo in cui è stato progettato, non tenendo conto delle dimensioni dello schermo.

Ci sono alcuni modi per aggirare questo problema:

1) Utilizzare media query.

Le media query ti consentono di modificare l'aspetto del tuo sito Web in base alle dimensioni dello schermo. Puoi scegliere come target diversi dispositivi o impostare una larghezza massima per il tuo sito.

Per questo avrai bisogno di conoscere alcuni CSS e/o PHP a seconda del tuo tema.

Molti forum di supporto dei temi possono aiutarti a risolvere problemi come questo. GeneratePress è uno di questi.

Credimi, se hai questo problema, qualcun altro ha avuto questo problema prima.

2) Puoi utilizzare Viewport Resizer - Strumento di test reattivo di Google o utilizzare un plug-in come WPtouch.

Questi aiuteranno a cambiare l'aspetto del tuo sito Web per i dispositivi mobili, senza che tu debba eseguire alcuna codifica.

3) Usa un tema che sia reattivo o abbia un layout mobile.

Se non sei sicuro che il tuo tema sia reattivo, controlla il sito Web dello sviluppatore o contattalo per vedere se è disponibile.

4) Linee guida per la progettazione mobile.

Esistono linee guida che puoi utilizzare per assicurarti che il tuo sito web venga visualizzato correttamente sui browser mobili, comprese le dimensioni degli elementi di contenuto, il modo in cui vengono visualizzate le immagini, ecc.

Questo è un passo importante per assicurarti che il tuo sito web abbia un bell'aspetto e funzioni bene per tutti gli utenti, desktop o mobili!

La pagina ufficiale delle app mobili di WordPress ha anche molti suggerimenti per creare una versione mobile del tuo sito (se non ne hai una).

Come posso rendere il mio sito Web WordPress ottimizzato per i dispositivi mobili?

La risposta è ancora una volta, che dipende dal tuo tema WordPress.

La maggior parte dei temi WordPress sono ottimizzati per i dispositivi mobili, ma ci sono alcune eccezioni.

Se il tuo tema non è ottimizzato per i dispositivi mobili, dovrai utilizzare un plug-in o apportare alcune modifiche al tuo tema.

Innanzitutto, togliamo di mezzo la parte ovvia: il tuo sito Web WordPress dovrebbe essere ospitato su un provider di hosting veloce e affidabile.

Se il tuo sito è lento o non risponde, Google abbasserà le tue classifiche. Ciò significa che anche se il tuo sito web ha un bell'aspetto sui dispositivi mobili, non importa.

Molti provider di hosting WordPress non segnalano i tempi di risposta per i loro piani di hosting condiviso.

Ma se ospiti il ​​tuo sito altrove, il plug-in Pingdom Tools è un buon modo per vedere la velocità di caricamento della tua pagina.

La seconda cosa che influisce sulla compatibilità mobile è la dimensione delle tue immagini. Se hai immagini grandi e pesanti, Google non sarà in grado di visualizzarle su un dispositivo mobile.

Se la tua pagina impiega troppo tempo a caricarsi anche con una connessione veloce, Google abbasserà le tue classifiche.

La soluzione è semplice: usa il plugin TinyPNG per WordPress. Il plug-in riduce le dimensioni di tutte le tue immagini ottimizzandole con il servizio basato su cloud di TinyPNG. Il plugin comprime immagini JPEG, PNG e GIF.

Dopo aver ottimizzato tutte le tue immagini con TinyPNG, devi controllare le pagine nel test ottimizzato per dispositivi mobili di Google.

Puoi anche utilizzare il tuo dispositivo mobile o un emulatore mobile per vedere come appare su diversi dispositivi. Se qualcosa non sembra buono, puoi apportare le modifiche necessarie.

Se il tuo sito Web non è ancora ottimizzato per i dispositivi mobili, devi procurarti un tema WordPress reattivo.

Un tema reattivo regolerà automaticamente le dimensioni e il layout del tuo sito Web in base al dispositivo utilizzato.

Ci sono molti temi reattivi disponibili, ma il mio preferito è GeneratePress Framework di Tom Usborne.

È un tema leggero con molte funzionalità. Non viene fornito con tutte le opzioni gonfie e inutili che trovi nella maggior parte dei temi. Invece, si concentra sul rendere il tuo sito reattivo e veloce.

La parte migliore di questo tema è che è completamente personalizzabile tramite il Personalizzatore di WordPress. Puoi progettare il tuo tema senza scrivere una sola riga di codice.

Il tema è anche facile da estendere con plugin WordPress gratuiti ea pagamento. Ho installato diversi plugin su questo sito che aggiungono funzionalità extra, ma non devi installare nulla se non ne hai bisogno.

Se utilizzi un tema diverso, dovresti consultare la guida di Google per rendere il tuo tema ottimizzato per i dispositivi mobili.

La guida ha diverse sezioni che devono essere completate. Ad esempio, se utilizzi un tema avanzato, avrà aree widget che devi controllare.

Se il tuo sito web non è ottimizzato per i dispositivi mobili, Google può penalizzare il tuo posizionamento o addirittura eliminare l'intero sito web.

È importante assicurarsi che il tuo sito appaia e funzioni perfettamente su tutti i dispositivi.

Le modifiche a WordPress non vengono visualizzate sui dispositivi mobili. Riepilogo.

È chiaro che il team di WordPress ha cercato di spingere gli utenti verso un'esperienza più ottimizzata per i dispositivi mobili con ogni aggiornamento e lo sarà solo con il passare del tempo.

Gli ultimi aggiornamenti sono stati rilasciati con uno sforzo maggiore per rendere più facile per le persone sui loro telefoni e tablet la navigazione nel tuo sito, fornendo loro un rapido accesso ai tuoi contenuti più visti.

La conclusione di questo post sul blog è che anche se aggiorni il tuo sito WordPress, le modifiche non verranno sempre visualizzate su dispositivi mobili o immediatamente.

È importante assicurarsi che tutti i dispositivi siano presi in considerazione quando si sceglie il tema di un sito Web o anche il design di una pagina Web perché ci sono molte persone diverse con molte preferenze diverse per la visualizzazione dei contenuti.

Quindi procurati sempre un tema reattivo e progettato per funzionare bene con tutti i dispositivi, inclusi i dispositivi mobili, come GeneratePress!