{"id":2931,"date":"2010-04-06T12:02:30","date_gmt":"2010-04-06T10:02:30","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=2931"},"modified":"2010-04-06T12:02:30","modified_gmt":"2010-04-06T10:02:30","slug":"widgetbox-crea-la-versione-mobile-del-tuo-sito-in-pochi-minuti","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/widgetbox-crea-la-versione-mobile-del-tuo-sito-in-pochi-minuti\/","title":{"rendered":"Widgetbox: Crea la versione mobile del tuo sito in pochi minuti"},"content":{"rendered":"

\"Logo<\/a> Avete un sito web completo di feed rss, canale twitter, facebook, YouTube o altro e vorreste entrare con il minimo sforzo nel mondo iPhone? Se questo \u00e8 il vostro obiettivo allora Widgetbox<\/strong> fa al caso vostro. Grazie a questo servizio potrete infatti creare facilmente la versione mobile del vostro sito, tramite una semplicissima procedura guidata. Nessuna riga di codice<\/strong>, un semplice form da compilare, che sfrutterete per personalizzare l’aspetto grafico della vostra futura WebApp e per configurare l’accesso ai vostri canali.<\/p>\n


\n\"Widgetbox<\/a>
\n<\/center><\/p>\n

Modalit\u00e0 Basic<\/h4>\n

Come potete vedere dall’immagine qui sopra, avrete a disposizione due modalit\u00e0 (in alto a destra nel form): Basic<\/strong> e Pro<\/strong>. Le differenze tra le due modalit\u00e0 sono minime, ma importanti, ve le illustreremo tra poco, iniziamo a vedere la versione Basic.<\/p>\n

Dovrete innanzitutto scegliere un titolo per la vostra applicazione, in alternativa potrete inserire un’immagine, che finir\u00e0 sulla NavBar. Dopodich\u00e8 potrete iniziare ad inserire le pagine, cliccando semplicemente sulle varie icone con i loghi. Cliccando su una di queste si aprir\u00e0 una finestrella che chiede il link del feed, piuttosto che l’account twitter o facebook. Dovrete poi semplicemente dare l’ok per avere la nuova pagina pronta e funzionante. Ad ogni pagina potrete inoltre dare un nome, che sar\u00e0 poi visualizzato nei pulsanti di navigazione, il cui aspetto sceglierete poco dopo. Aggiunte le varie pagine dovrete scegliere un tema grafico tra gli attuali 6 disponibili e passare quindi alla scelta dello stile di navigazione. Potrete decidere di utilizzare la classica TabBar, la TopBar o un semplice men\u00f9. L’ultima opzione, infine, in modalit\u00e0 Basic non \u00e8 configurabile e riguarda le pubblicit\u00e0. In questa modalit\u00e0 free, infatti, non potrete disabilitare la visualizzazione delle pubblicit\u00e0, n\u00e8 tantomeno configurare questa funzione con i vostri canali.<\/p>\n

Di tutto questo potrete in ogni istante visualizzare un’anteprima nel “simulatore” sulla destra.<\/p>\n

Modalit\u00e0 Pro<\/h4>\n

Nell’immagine qui in basso la parte in pi\u00f9 della modalit\u00e0 Pro rispetto alla Basic:<\/p>\n

\"Widgetbox<\/a><\/p>\n

Come vedete avrete innanzitutto la possibilit\u00e0 di personalizzare la sezione pubblicit\u00e0, rimuovendola dalla vostra app o eventualmente inserendo il vostro canale personale (guadagnerete direttamente voi in questo caso dai click sulle pubblicit\u00e0 mostrate). Poi, potrete inserire per la vostra applicazione un’icona, una splashscreen e un’immagine o un testo per la pagina “About”. Insomma, qualche piccolo accorgimento per dotare la vostra WebApp di caratteristiche tipiche delle app vere e proprie. Ovviamente questi accorgimenti hanno un costo, eccovi, per comodit\u00e0, la tabella comparativa delle 3 versioni esistenti di questo servizio:<\/p>\n


\n\"Widgetbox<\/a>
\n<\/center><\/p>\n

Ricordate che il passo per portare in App store quanto creato con questo semplice ed intuitivo tool \u00e8 davvero minimo, baster\u00e0 infatti creare una semplice App che funge da Browser (potete trovare un tutorial a riguardo sulle nostre pagine<\/a>) che, all’avvio dell’applicazione, carica e visualizza la versione mobile del vostro sito.<\/p>\n

Widgebox, infine, non serve solo per creare la versione mobile del vostro sito per iPhone, ma anche per altri dispositivi mobili, basati ad esempio su Android, e, come il nome suggerisce, potrete utilizzarlo anche per la creazione di widget di vario tipo. Per maggiori informazioni vi rimandiamo al sito ufficiale<\/a>.<\/p>\n

Eccovi uno screenshot del risultato finale che potreste ottenere grazie a pochi minuti dedicati a Widgetbox:<\/p>\n


\n\"Widgetbox<\/a>
\n<\/center><\/p>\n","protected":false},"excerpt":{"rendered":"

Avete un sito web completo di feed rss, canale twitter, facebook, YouTube o altro e vorreste entrare…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7],"tags":[7,167,166],"class_list":["post-2931","post","type-post","status-publish","format-standard","hentry","category-strumenti-di-sviluppo","tag-strumenti-di-sviluppo","tag-webapp","tag-widgetbox"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=2931"}],"version-history":[{"count":6,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2931\/revisions"}],"predecessor-version":[{"id":6586,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/2931\/revisions\/6586"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=2931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=2931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=2931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}