Come creare un sito predisposto per dispositivi mobili utilizzando WordPress

Io e il mio amico siamo fortunati a vivere nel tempo e nell’era del web design reattivo. Anche senza guardare intensamente, puoi vedere l’ampia proliferazione – sul mercato – di applicazioni web che si adattano alle dimensioni dei nostri vari dispositivi.


La stessa applicazione web apparirà totalmente diversa su schermi di dimensioni diverse, che ha spianato la strada a modi nuovi e dinamici di raggiungere il cliente indipendentemente dal loro dispositivo.

Oggi, puoi offrire ai tuoi utenti un’esperienza straordinaria sul tuo sito WordPress, sia che lo stiano visualizzando su uno smartphone, tablet, phablet, desktop o qualsiasi altro dispositivo a loro disposizione.

Qualche tempo fa, gli imprenditori online hanno dovuto lottare per spingere i siti Web giganteschi nei piccoli schermi dei dispositivi mobili. Il problema è stato quasi risolto quando qualcuno ha introdotto l’idea di creare versioni separate per dispositivi mobili dei siti desktop.

Questo è andato bene per un po ‘fino a quando si sono presentati problemi. In primo luogo, i motori di ricerca non sapevano cosa fare con i contenuti duplicati e, in secondo luogo, i webmaster erano riluttanti a creare e gestire due siti separati. Se ciò non bastasse, le versioni mobili non erano altrettanto efficaci delle loro controparti desktop. Era un enigma.

Ma la vera soluzione è arrivata sotto forma e nome del responsive web design, o in breve RWD. Non sarebbe potuto venire in un momento migliore. Gli imprenditori online potrebbero finalmente emettere un sospiro di sollievo, poiché RWD ha consegnato gli utenti di dispositivi mobili proprio nelle loro avide mani.

Anche se Cameron Adams ha dimostrato, nel 2004, layout dipendente dalla risoluzione, non è stato fino a maggio 2010 che Ethan Marcotte ha coniato il termine “Web design reattivo“. Poco dopo, il web design reattivo è cresciuto in popolarità.

A parte la lezione di storia, perché dovresti preoccuparti di creare un sito mobile-ready? A meno che tu non viva sotto una roccia, è abbastanza ovvio. Sempre più persone utilizzano dispositivi mobili per navigare il tuo sito ogni giorno.

I potenziali clienti stanno acquistando prodotti direttamente dai loro dispositivi mobili e se il tuo sito non ha un bell’aspetto e funziona in modo eccezionalmente buono sugli schermi più piccoli, stai lasciando molti soldi sul tavolo.

Matt Cutts ha menzionato qualcosa di sorprendente alcuni mesi fa. Egli ha detto la ricerca mobile potrebbe superare la ricerca desktop vieni 2015 e oltre. Quindi Google è andato avanti e ha aggiunto etichette “ottimizzate per dispositivi mobili” ai risultati di ricerca sui dispositivi mobili, il che significa che i potenziali clienti sapranno che il tuo sito non è ottimizzato per i dispositivi mobili molto prima che facciano clic.

Ciò significa che puoi dire addio agli alti tassi di conversione da dispositivo mobile se il tuo è un sito Web rigido a larghezza fissa. Nessuno rimarrà fedele alla scarsa esperienza utente, soprattutto se il tuo concorrente ha un sito web che sembra fantastico e funziona incredibilmente bene sui dispositivi mobili.

Con questo come primer, come creare un sito ottimizzato per dispositivi mobili usando WordPress?

Creazione di un sito Web ottimizzato per dispositivi mobili tramite WordPress

wordpress-mobile-app

WordPress, essendo la piattaforma di buon auspicio, ha reso lo sviluppo web non solo più semplice, ma anche piuttosto semplice. In pochi minuti, puoi creare un bellissimo sito Web reattivo al 100% che entusiasmerà tutti i tuoi utenti. I tuoi utenti di dispositivi mobili avranno un’esperienza straordinaria quanto i tuoi utenti desktop, il che può significare solo grandi cose per il tuo business basato su WordPress.

Fluff a parte, puoi creare un sito WordPress ottimizzato per dispositivi mobili in due modi principali. Puoi:

  • Crea / acquista un tema WordPress reattivo
  • Usa plugin mobili

Esamineremo ciascuno di essi, quindi elencheremo esempi di temi WordPress reattivi e plug-in display mobili per farti fare un passo avanti.

Costruisci / acquista un tema WordPress reattivo

Questo è il modo più semplice ed elegante per creare un sito Web ottimizzato per dispositivi mobili utilizzando WordPress. Con il mercato dei temi WordPress che esplode con grandi temi reattivi, dovresti trovarne uno che corrisponda perfettamente ai tuoi gusti e preferenze.

Sebbene ci siano alcuni sviluppatori che rilasciano ancora temi WordPress a larghezza fissa (o rigidi), la stragrande maggioranza dei temi rilasciati dopo il 2010 è parzialmente o totalmente reattiva. Ovviamente, vuoi scegliere un tema WordPress completamente reattivo dall’inizio o quando riprogetti il ​​tuo sito.

Decidi in anticipo le funzionalità di cui hai bisogno, quindi assicurati che il tuo tema si adatti alle diverse larghezze della finestra senza interrompere tali funzionalità. C’è un modo rapido per determinare se un tema WordPress è reattivo o meno.

Prima di acquistare il tuo tema WordPress preferito, gli sviluppatori di solito ti consentono di testarlo con una demo. Una volta caricata la demo, ridimensiona il browser facendo clic sul pulsante Riduci a icona e trascinando i bordi, quindi osserva il comportamento del tema.

Si degrada con grazia quando si riduce la larghezza del browser o viene visualizzata una barra di scorrimento nella parte inferiore del browser? Se il tema si degrada con grazia, hai vinto il jackpot. Esegui l’altro modo se viene visualizzata una barra di scorrimento nella parte inferiore del browser.

Un tema reattivo progettato professionalmente dovrebbe costare meno di $ 70 dollari su siti Web affidabili come Temi eleganti (offrono abbonamenti annuali), Array e Themeforest tra gli altri. Puoi anche sviluppare i tuoi siti WordPress reattivi utilizzando framework di temi reattivi come Genesis, sottolineatura, Tesi e molto altro.

Senza dubbio, se hai qualche moolah da lanciare, assumi uno sviluppatore di WordPress per creare da zero un tema reattivo su misura. Puoi persino avere un hard-code di tutte le funzionalità necessarie per evitare l’uso di plug-in, alcuni dei quali potrebbero non rispondere.

Ma se stai iniziando o con un budget, ecco alcuni temi WordPress economici che sono altrettanto reattivi quanto belli.

Totale – Tema WordPress Drag & Drop multiuso reattivo

Tema WordPress totale

Un articolo di tendenza su Themeforest (con oltre 9k di vendite) al momento della stesura di un autore elitario e rispettabile, il tema Total WordPress aggiunge facilità e divertimento al web design. È un tema multiuso, il che significa che puoi creare qualsiasi design immaginabile e reattivo al 100% per garantire che tutti i tuoi progetti gloriosi si adattino a tutti gli schermi dei dispositivi.

Con un supporto eccezionale e tutte le funzionalità che hai sempre desiderato, incluso Visual Composer per supportare la costruzione di pagine front-end, il tema Total WordPress ti consente di creare un sito WordPress ottimizzato per dispositivi mobili come un boss. Non crederci, vai a dare un’occhiata alle bellissime demo da solo. E per soli $ 58, il tema Total WordPress è un’opzione affidabile per rendere più accattivante il tuo sito WordPress.

Divi – Tema WordPress multiuso reattivo

Tema Divi WordPress Responsive

Il tema più popolare di Temi eleganti, Divi è in una classe a sé stante. È pienamente reattivo? Scommetti che lo è. Che ne dici di multiuso? Dai, per favore, fai un’altra domanda. Perché fa parte del pacchetto Temi eleganti, quindi se cambi idea hai altri temi a tua disposizione.

E proprio come con il nostro tema preferito, il tema Total WordPress, puoi creare disegni illimitati utilizzando Divi senza mai toccare una riga di codice. Il tema ti farà guadagnare $ 69 dollari, o $ 89 se vuoi tutti i file di Photoshop e i plugin premium.

Tema WordPress ultra – flessibile e reattivo

Tema WordPress ultra flessibile

Ultra è l’ultimo tema di Themify ed è eccezionale. È potente e meravigliosamente reattivo (oh, e gratuito per un tempo molto, molto limite). Il tema più flessibile di Themify, Ultra ha grandi opzioni di layout e di costruzione della pagina.

Inoltre, se ti candidi per un abbonamento al master club, otterrai anche tutti i fantastici temi di Themify e tutti i loro fantastici plugin premium – come Themify Builder, Barra degli annunci, menu condizionali e altro!

Vertoh – Temi WordPress per eventi reattivi

Temi Vertoh Responsive Events WordPress

Stai pianificando un grande evento? O forse un WordCamp forse? Acquista Vertoh. È elegante e strutturato per essere bello ma potente proprio come vuoi tu. Inoltre con tutte le funzionalità di eventi aggiunti come supporto WooCommerce, widget di conto alla rovescia, integrazione sociale, altoparlanti, programmazione e altro.

Sviluppato da SHOWthemes, Vertoh è un tema WordPress per eventi all’avanguardia all’avanguardia che apparirà incredibilmente bello sui dispositivi mobili. A partire da soli $ 79 per un tema avanzato di gestione degli eventi, Vertoh è sicuramente un vincitore.

uDesign – Tema WordPress reattivo

UDesign-reattiva-wordpress-tema

È super veloce, potente, bello e pronto per dispositivi mobili. È pieno delle funzionalità di cui hai bisogno per creare siti Web WordPress dai tuoi sogni, tra cui il grazioso Visual Composer, il design pronto per la SEO, il supporto WPML e WooCommerce.

Fondamentalmente, ottieni un tema WordPress unico nel suo genere che ti consente di creare siti Web pronti per dispositivi mobili senza sudare. Oh, ho già detto che hai un supporto eccezionale 24/7 e aggiornamenti illimitati? uDesign è da anni un punto di riferimento per la foresta dei temi a soli $ 58 dollari.

Directory – Un tema WordPress reattivo

Temi WordPress reattivi alle directory

Cercando ispirazione per la tua prossima attività basata su WordPress? Beh, potresti averlo trovato. Non è necessario guardare oltre Directory, un tema reattivo realizzato a mano da Templatic, pulito, professionale e ricco di funzionalità.

Directory è un tema WordPress utile adatto a qualsiasi attività commerciale che desideri condividere elenchi, recensioni o qualsiasi altro tipo di directory (da cui il nome). E con tutti i temi premium per bambini creati da Templatic, è facile iniziare. E proprio come con tutti i temi qui, sono inclusi supporto e aggiornamenti, il che significa che ottieni il massimo dal tema.

Il rivenditore – Temi WordPress reattivi

the-rivenditore-reattiva-wordpress-tema

Utilizzando The Retailer, puoi creare qualsiasi sito Web WordPress predisposto per dispositivi mobili a cui riesci a pensare. Da blog, siti Web personali, portali aziendali, portafogli e persino negozi online, The Retailer viene fornito in bundle con funzionalità adeguate per gestire tutto ciò che gli passi..

È reattivo al 100%, viene fornito con componenti aggiuntivi premium e assistenza clienti affidabile, nonché procedure video dettagliate per metterti in funzione in pochissimo tempo. Il rivenditore ha una valutazione dell’acquirente di 4,64 / 5,00 e costa $ 58.

Che esiste un breve elenco di alcuni dei temi di WordPress reattivi disponibili in tutto il Web. In ogni caso, e se hai bisogno di più opzioni, non esitare a visitare Themeforest e cercare “temi WordPress reattivi” e avrai più scelte di quante tu abbia mai bisogno.

Inoltre, puoi dare un’occhiata ai nostri temi WordPress premium o temi WordPress gratuiti per alcuni fantastici temi WordPress reattivi. E se il tuo budget è limitato, dai un’occhiata a temi WordPress reattivi gratuiti su WordPress.org.

Andare avanti…

Creazione di un sito WordPress predisposto per dispositivi mobili con plugin mobili

Se il tuo tema WordPress preferito non è reattivo o non vuoi lasciar andare il tuo attuale tema a larghezza fissa per i tuoi motivi, puoi sfruttare i plug-in WordPress per dispositivi mobili per offrire esperienze ottimizzate per i dispositivi mobili sul tuo dispositivo mobile utenti.

Il processo è generalmente semplice; basta installare il plug-in, configurare alcune opzioni e il lavoro è fatto. La maggior parte di questi plugin ha una funzione di trigger, che indica al plugin di mostrare un tema mobile agli utenti mobili. Il tema mobile non è stato lanciato per gli utenti desktop.

I seguenti plug-in mobili ti aiuteranno a creare un sito WordPress pronto per dispositivi mobili in modo semplice e rapido:

Plugin WordPress gratuito per WPtouch Mobile

WPtouch-mobile-plugin-per-wordpress

Questo è probabilmente il plugin mobile più popolare per WordPress, che con oltre 400k installazioni attive. Con pochi clic, puoi utilizzare WPtouch per abilitare un “… tema mobile semplice ed elegante per i visitatori mobili del tuo sito Web WordPress”.

WPtouch viene fornito con un pannello di amministrazione intuitivo che ti consente di personalizzare l’aspetto del tuo sito sui dispositivi mobili. Il processo è piuttosto semplice e non toccherai mai una singola riga di codice.

I tuoi visitatori possono anche scegliere tra le versioni mobile e desktop con un solo clic. Gli sviluppatori, BraveNewCode, Inc. e Dave Storey, tra gli altri, forniscono anche una versione professionale fornita con temi e funzionalità migliorati. Il plugin ha una valutazione superiore alla media di 3,7 / 5,0.

Plugin WordPress gratuito per WP Mobile Detector

wp-mobile-detector-plugin-per-wordpress

Stai cercando di mobilitare il tuo sito Web WordPress nel modo più semplice? Se questo è un clamoroso sì, WP Mobile Detector è la tua risposta. Grazie all’ingegno che è andato alla realizzazione di questo plugin, WP Mobile Dectector può caricare automaticamente un tema mobile compatibile se rileva che il visitatore si trova su uno smartphone o un tipico telefono cellulare.

Le funzioni speciali includono il rilevamento di oltre 5.000 dispositivi mobili, il ridimensionamento delle immagini, le statistiche mobili e il contenuto formattato automaticamente. Inoltre, il plug-in è facile da installare, personalizzare e utilizzare. Viene fornito con sette temi mobili e puoi creare il tuo tema personalizzato utilizzando l’editor di temi mobili interattivo. Puoi persino caricare il tuo logo e aggiungere annunci per dispositivi mobili!

Le opzioni sono praticamente illimitate con WP Mobile Detector. Il plug-in ha una valutazione di 3.7 / 5.0 e viene fornito con una versione pro che vanta funzionalità avanzate.

WordPress Mobile Pack Plugin gratuito per WordPress

wordpress-mobile-pack-plugin-per-wordpress

WordPress Mobile Pack fa un passo oltre la reattività dandoti la possibilità di comprimere l’intero sito WordPress in un’applicazione mobile multipiattaforma.

Il plug-in è supportato su Windows Phone 8, iPhone, telefoni Android e Firefox OS. Inoltre, è compatibile con tutti i principali browser. Da una dashboard di facile utilizzo, puoi personalizzare l’aspetto dell’app, organizzare post, pagine e commenti in categorie e tenere traccia dell’utilizzo dei dispositivi mobili tramite Google Analytics.

Altre caratteristiche includono il supporto per phablet e tablet, fonti di contenuti illimitate, applicazioni illimitate, modalità offline, monetizzazione e modalità a schermo intero, tra gli altri. Per così dire, WordPress Mobile Pack è incredibilmente reattivo.

Parola finale …

Fino a questo punto, dovresti essere in grado di creare un sito pronto per dispositivi mobili con WordPress. L’opzione migliore e consigliata, ovviamente, sta usando un tema WordPress reattivo sin dall’inizio. Se questa non è una scelta per te, puoi sempre contare su plugin mobili.

Andrò con un tema WordPress reattivo ogni giorno. E tu? A parte questo, quali consigli usi per rendere il tuo sito WordPress pronto per i dispositivi mobili? Condividi con noi!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me