In passato, la maggior parte dei proprietari di siti che volevano un sito mobile friendly avrebbe utilizzato un diverso tema mobile per il tuo sito con un design appositamente per i dispositivi mobili. Qualcuno potrebbe anche utilizzare mobili da domini diversi. Lo sviluppo del web mobile è un concetto importante che può influenzare il successo del tuo business online.

Se si utilizza un tema cellulare, WordPress è detto di cambiare i temi, se l'utente utilizza un telefono cellulare, e bastone per il tema del desktop, se lui/lei sta usando un sì avete indovinato-desktop.

Una questione delicata, tuttavia, utilizza lo stesso tema e lo stile simile per entrambi i siti, ma utilizza una combinazione di design fluido e media query per rendere il layout e contenuti su diversi dispositivi di diverse dimensioni. Questo funziona non solo per lo sviluppo mobile web; questioni delicate possono modificare l'aspetto di un sito sul tablet o su grandi schermi molto bene.

Progettazione Sensible - Concetti importanti

Per far fronte con un design reattivo, è necessario comprendere i seguenti concetti di sviluppo:

Layout fluido: Questo è un disegno sito che utilizza larghezze percentuali invece di pixel. L'effetto di questo è che quando la larghezza della finestra del browser cambia, così fa il sito. Richieste dei media: utilizzare media query per aggiungere ulteriori modifiche alla larghezza CSS per dispositivi particolari. Le larghezze più comunemente colpite sono: I dispositivi mobili come smartphone: Son 320px di larghezza e 480px alto, il che significa che la larghezza dello schermo cambia quando il dispositivo acceso. E 'importante considerare questo prima di iniziare con lo sviluppo web. Dispositivi tablet: questi variano nelle dimensioni, ma lo schermo iPad, che è di gran lunga il più utilizzato, è 768px di larghezza per 1024px di altezza. Altri compresse, come il Kindle Fire sarà inferiore. Computer Desktop: i loro campi di 1024px di larghezza e oltre. E 'comune per impostare una larghezza massima di nostra disposizione in modo che sui grandi schermi (ad esempio, più di 1200px), il sito non è previsto fino al momento che rende il contenuto difficile da leggere.

Prima di iniziare, è una buona idea pensare al vostro sito, i suoi contenuti e funzionalità, e considerare quale sarebbe l'approccio migliore. Abbiamo cercato di valutare le opzioni di sviluppo a nostra disposizione. Ci sono cinque opzioni principali per lo sviluppo di un sito come segue:

Utilizzando un plugin: Questo dà un sito web SEO-friendly con il minimo sforzo, ma non ci danno molto spazio per inserire il nostro proprio disegno sul sito. Molti plugin anche i dispositivi tablet non bersaglio. Utilizzando un off la voce scaffale reattiva: Ci sono una serie di questioni delicate disponibili plugin WordPress gratuiti repository. Dovete sapere come modificare al tuo sito web è più coerente con il loro sito desktop. Utilizzando un tema di dispositivi off-the-shelf e risponde ai nostri computer tema del desktop del desktop corrente: Otteniamo questo usando un problema di switch. Il vantaggio è che siamo in grado di installare rapidamente una risposta a tema libero, modificarla a guardare come vogliamo, e non perdere i benefici del nostro tema desktop esistente per i visitatori del desktop. Rendere il nostro problema delicato: Facciamo questo con l'aggiunta di un design fluido e di consultazione per il tema del desktop si sta già utilizzando. Costruire il nostro tema e utilizzare un interruttore per accendere il dispositivo: Questo è un approccio utile quando vogliamo che i nostri siti mobile e desktop un aspetto diverso contenuto o molto diversa.