CIAO! Sono felice di condividere con voi il mio plugin WordPress chiamato Aggiungi alla schermata principale WP. Questo plugin è basato su awesome Aggiungi allo script della schermata iniziale di Matteo Spinelli da Cubiq.org. Questo script inserisce a palloncino galleggiante che consente all'utente di aggiungere il tuo sito web invitandolo alla schermata iniziale del suo iPhone, iPod touch e iPad. È una funzione molto interessante sapendo che poche persone sanno che è possibile aggiungere un sito Web alla schermata principale come qualsiasi applicazione per iPhone o iPad.
Ho adattato la sceneggiatura a lascia che funzioni su WordPresse aggiunta una pagina delle impostazioni per personalizzare aspetto, effetto, ritardo, messaggio, tocco di icona, ecc...
NUOVO AGGIORNAMENTO 2020: il plugin ora supporta tutti gli iPhone recenti e testato fino a WordPress 6.2!
NOVITÀ: usalo con un plug-in PWA WordPress e trasforma il tuo blog WordPress in una vera app mobile "mi piace"! Maggiori informazioni di seguito.
Ora puoi utilizzare un plugin PWA WordPress, come SuperPWA ad esempio, per trasformare il tuo blog WordPress in una sorta di app mobile, senza i vincoli di un'app mobile nativa (invio al negozio, costi, ecc…).
Con PWA abbinato al plug-in WP Aggiungi alla schermata iniziale, sarai in grado di visualizzare il leggendario fumetto galleggiante che invita i tuoi visitatori ad aggiungere il tuo blog al loro dispositivo iOs, quindi il tuo blog verrà caricato come PWA.
Questa combinazione è il modo migliore per fidelizzare i visitatori, senza essere obbligati a caricare una costosa app mobile nativa su App Store e Play Store.
Installazione del plugin WP Aggiungi alla schermata iniziale
1. Carica la cartella add-to-home-screen-wp nella directory '/wp-content/plugins/' o carica il file zip dalla pagina di aggiunta del nuovo plugin della dashboard.
2. Attiva il plugin tramite il menu "Plugin" in WordPress. Il palloncino galleggiante è ora abilitato.
3. Vai su Impostazioni > Opzioni ATHS e gioca con le impostazioni.
Screenshot del plugin
Come puoi vedere di seguito, il fumetto mobile viene visualizzato in modo diverso a seconda della versione di iOS.
Questo plugin ti ha aiutato? Per favore mi faccia sapere inviandomi un tweet, e da valutandolo su WordPress!
Risposte 50
Ciao
Sto usando il tuo plugin e lo adoro davvero (grazie)
Esiste un modo per forzare il caricamento del mio sito/webapp in orizzontale e non consentire all'utente di ruotare in verticale?
Grazie per qualsiasi aiuto
Cordiali saluti
Ken
Caro Zizo,
C'è un modo per rendere la modalità a schermo intero su un iPhone 5 a schermo intero? La visualizzazione in formato letterbox è davvero orribile. grazie in anticipo
capisco anche questo, penso che ci sia un problema con l'output dell'immagine dell'iPhone 5, l'iPhone imposta la larghezza dell'app in base all'immagine fornita, quindi il plugin non fornisce l'immagine corretta dell'iPhone 5
Ho lo stesso problema con iPhone 5. C'è uno spazio vuoto e nero in alto e in basso. C'è un modo per risolvere questo problema?
Grazie per questo plugin! è (quasi) fantastico :)!
Ottimo plugin e facilissimo da usare... Grazie...
Sarebbe fantastico se possibile cambiare i colori dei pulsanti a schermo intero poiché il rosso non si adatta perfettamente al mio design attuale... possibile?
Grazie…
CIAO,
Per prima cosa vorrei dire che è un ottimo plugin!
Ho una domanda. Mi interessa solo la modalità a schermo intero e il nostro sito è molto ben progettato e non necessita di barre personalizzate di navigazione aggiuntive.
Il tuo plugin funziona in modo che:
In modalità a schermo intero, l'app Web non si aprirà in modalità Safari ma come applicazione Web separata con una barra inferiore di navigazione personalizzata. Il vantaggio è che in questa modalità il palloncino non apparirà mai più. Lo svantaggio è che non avrai le opzioni native di Safari.
Esiste un modo per eliminare completamente la barra inferiore di navigazione personalizzata. Molti nuovi temi reattivi non necessitano della barra che puoi navigare dall'interno del sito web.
C'è un modo per eliminarlo?
Migliore,
Adriano
Ho problemi con lo stile del pop-up.
Non riesco a visualizzare lo sfondo del popup, vedo solo il testo mobile.
Sono sull'ultima versione di Workpress.
Qualche idea su come posso risolvere.
Grazie molto
Segno
Esiste la possibilità che quando i clienti hanno già aggiunto alla schermata iniziale il messaggio non venga visualizzato? Perché i miei clienti si infastidiscono davvero quando visitano spesso il mio sito web e ogni volta vedono quel messaggio quando lo hanno già aggiunto. Vai a dare un'occhiata tu stesso al mio sito web, per favore. SEO-site.nl
Grazie e aspetto la tua risposta!
RIPRISTINARE IL TEMPO SCADUTO?
Ciao!
Ho modificato l'impostazione Scadenza intervallo di tempo un anno per riconfigurare 0 in modo che venga sempre restituito per non funzionare più, come è possibile reimpostare l'intervallo di tempo Scadenza?
GRAZIE
Hai un plugin per i telefoni Android
Ciao!
ADORO il tuo plugin (!), ma ho una domanda però...
Sto utilizzando il tuo plug-in per creare un'app Web Safari a schermo intero. Ma quando apro il sito sul mio iPhone, la barra sopra la pagina (quella che mostra l'orologio, la rete e la durata della batteria, diventa completamente nera. Sarebbe fantastico se quella barra potesse mantenere i suoi colori originali.
Potete (o qualcuno) aiutarmi a risolvere questo problema?
Grazie.
CIAO!
Grazie per il feedback, mi hai aiutato a risolvere questo problema. In effetti, sembra che c'è un bug da iOS 7 con la barra di stato.
Ho aggiornato il plugin per risolvere questo problema, quindi aggiorna il tuo plugin alla versione più recente e fammi sapere se il problema è stato risolto.
Grazie mille!
Ciao Zizo,
Il tuo aggiornamento ha risolto tutto! Grazie.
Forse ho trovato un altro piccolo bug. Non sono sicuro che sia un bug o sono semplicemente stupido, ma il punto è questo:
Nel tuo plugin puoi aggiungere una schermata di avvio per le app web a schermo intero. Ho realizzato 4 immagini diverse per ogni dispositivo. Sul mio iPad 4 l'immagine all'avvio occupa solo un quarto dello schermo. E l'immagine è allineata nell'angolo in basso a sinistra. Ho realizzato l'immagine su una scala di 288 dpi con i pixel esatti che hai menzionato.
Il mio iPhone 4 non riconosce affatto la tua immagine. Non ho l'opportunità di testare l'app web sugli altri dispositivi.
Spero che tu possa dare un'occhiata a questo.
Grazie mille!
Grtz René
A proposito: ha solo qualche bug in modalità orizzontale. Il ritratto funziona perfettamente!
Ehi, qual è il codice che deve essere inserito in header.php? Ho aggiunto tutte le icone alla mia directory e il popup funziona sul mio cellulare ma l'icona è vuota. Ho aggiunto sopra... puoi aiutarmi?
Non è necessario aggiungere nulla nell'intestazione, solo menzionare gli URL delle icone touch nelle impostazioni ATHS.
Ciao Zizo,
L'ho testato adesso. Forse puoi aiutarmi con questo:
La schermata di avvio funziona correttamente su iPhone 5 e 5s. Anche su iPad (ritratto di moda). Non funziona correttamente su iPhone 4 (schermata di avvio bianca) e su iPad (modalità orizzontale). L'immagine sull'iPad è solo un quarto del suo formato originale. Tutti i dispositivi che ho testato funzionano su iOS7
C'è qualcosa che posso fare o è solo un piccolo bug?
Grazie
Ciao Zizo,
Secondo gli altri commenti, ottimo plugin e chiunque altro abbia provato a crearlo non si è avvicinato. Tuttavia anch'io ho alcuni dei problemi menzionati sopra, l'unico modo per far funzionare la schermata di caricamento su iPhone 4/4S è rimuovere l'URL dell'iPhone 5 nelle impostazioni ATHS. Devo testare se funziona ancora, ma penso che sarà un'immagine più piccola sull'iPhone 5.
Stesso problema anche con l'iPad se utilizzo la dimensione dell'immagine consigliata per l'iPad Portait va bene, tuttavia il paesaggio va nell'angolo e non funziona bene. Quindi ho provato a utilizzare dimensioni diverse (come fanno su altri plugin) utilizzando 2048×1496 nel campo orizzontale dell'iPad sul tuo plugin funziona perfettamente! Tuttavia funziona solo sugli iPad di terza generazione e quelli più recenti, 1 e 2 ora non vedono nulla, quindi penso che siano necessari due campi di dimensione iPad 1024×748 per Ipad1 e 2 (orizzontale) e 2048×1496 per Ipad 3 in poi (orizzontale).
Anch'io ho il problema con il timeout impostato su 0 ma una volta aggiunta la webapp alla schermata principale, anche se elimini ecc. non vedi più il fumetto, il che rende difficile il test end-to-end.
Se potessi risolvere questi pochi problemi sarebbe fantastico!! E un plugin a 5 stelle 🙂
Grazie per tutto quello che hai fatto finora
Lee
Ho installato il plugin e funziona molto bene. Dove si trovano le immagini per la navigazione in modalità schermo intero? Vorrei cambiarne il colore, ecc.
Ottimo plugin! Grazie.
Adoro questo plugin!
Come posso cambiare il colore dello sfondo da nero a bianco? (Sto usando un png trasparente)
Grazie!
Ottengo anche uno schermo bianco invece della splash page.
E stai pianificando una versione Android?
CIAO,
Esiste un modo per tenere traccia di quante persone hanno aggiunto il mio sito Web alla loro schermata iniziale?
magari tramite Google Analytics.
Grazie
In seguito alla mia domanda sopra, ho trovato questo post, ma non sono sicuro di come ottenerlo.
http://www.ravelrumba.com/blog/tracking-ios-web-app-usage/
Sfortunatamente, non riesco ad accedere al codice per vedere esattamente cosa c'è che non va, ma quando abbino questo plugin ad altri sul mio sito WordPress (http://release.commons.yale.edu/trumbull/), ricevo il seguente messaggio di errore:
Avviso: call_user_func_array() prevede che il parametro 1 sia un callback valido, funzione 'addmetawebcapablelinks' non trovata o nome funzione non valido in /var/www/html/wp-includes/plugin.php alla riga 406
Qualche idea? Qualsiasi aiuto sarebbe molto apprezzato!
Grazie!
Questo plugin funziona anche per i dispositivi Android? Inoltre, non è chiaro, ma esistono impostazioni che ti consentono di visualizzarlo solo la prima volta o un paio di volte che un utente visita il sito? Quindi dopo non viene visualizzato?
Grazie
Queste sono idee davvero fantastiche sul tema del blogging.
Hai toccato alcune cose carine qui. In ogni caso continua a scrivere.
Ciao Zizo,
Ottimo plugin!
2 domande:
> Come posso scegliere su quale pagina deve apparire il fumetto?
Ora posso solo scegliere tra "Tutte le pagine" o "Home page"
> Il tuo plugin non esiste per Android?
Grazie mólto!
Peter
Adoro il plugin, ma voglio che il fumetto venga mostrato solo una volta! Sembra che venga visualizzato ogni volta che aggiorno il mio iPhone 4s. Si prega di avvisare!
Ho letto molti contenuti interessanti qui. Probabilmente spendi molto
tempo a scrivere, so come farti risparmiare un sacco di tempo,
esiste uno strumento online che crea contenuti unici e compatibili con Google
post in pochi minuti, basta cercare su Google: fonte di contenuti gratuiti laranitas
Ottimo plugin.
Ho due domande: la prima, quando utilizzo la barra di navigazione inferiore della modalità a schermo intero, l'immagine nella pagina Web farà scomparire la barra di navigazione quando scorro verso il basso, come faccio a creare la barra di navigazione sul livello superiore?
la seconda domanda è: come posso cambiare il colore dell'icona della barra di navigazione?
Grazie
caro Zizo
Il mio sito web mostra un errore quando attivo il plugin
Avviso: call_user_func_array() prevede che il parametro 1 sia un callback valido, funzione 'addmetawebcapablelinks' non trovata o nome funzione non valido in C:\wamp\www\envisionasiapacific\wp-includes\plugin.php sulla riga 496
come risolvere questo problema. Grazie
Questo plugin funziona bene su iPhone ma sembra non funzionare su iPad.
Non so perché. Forse deve supportare anche immagini più grandi?
Un'altra domanda:
È possibile disattivare il messaggio quando qualcuno lo ha già fatto
la tua pagina/sito web nella home/segnalibri?
Migliore,
R
CIAO!
Ho trovato davvero utile il tuo plugin per aggiungere alla schermata iniziale, ma mi sembra di avere un problema quando utilizzo il plugin envira con esso: la funzione lightbox del plugin envira sembra scontrarsi durante l'esecuzione http://www.alexsavillephotography.com come app dalla schermata iniziale del mio iPhone. Da Safari, tutto sembra a posto quando tocco la foto in alto, ma dall'app della schermata iniziale, toccando la foto non viene visualizzata correttamente la lightbox. Se disattivo il plug-in Aggiungi alla schermata iniziale, la light box funziona, ma utilizzando qualsiasi collegamento si apre il sito Web in Safari.
Spero che questo abbia senso. Puoi fare luce su questo, per favore? Grazie
Alex
Ciao!
plugin ben fatto! Devo solo correggere quanto segue:
in modalità schermo intero, con la barra in basso con avanti – avanti – ricarica non mi piacciono le icone e il colore dello sfondo, come posso cambiarli?
Grazie!!
Alberto
Mantieni ancora questo plugin?
Non vedo alcun aggiornamento da oltre 2 anni.
Grazie!
Alex
Ciao,
Per favore, aggiorna questo plugin: lo uso da molto tempo ma non funziona con alcuni temi WP più recenti http://www.houzez.co
Per favore, puoi aggiornare questo plugin, lo apprezzerò molto.
Molte grazie in anticipo.
Saluti!
Ciao, sento di aver notato che hai visitato il mio blog, quindi ho capito
qui per restituire la scelta? Sto cercando di trovare problemi per migliorare il mio sito! Suppongo che sia giusto usarne alcuni
dei tuoi concetti!!
Ad oggi (giugno 2019), questo plugin non sembra funzionare. Sono l'unico a sperimentare questa cosa?
Ciao, funziona dal mio telefono. Qual è il tuo sito web?
post fantastico, grazie. Funzionerà per il dispositivo mobile?
Ottimo plugin, funziona perfettamente su iOS con Safari
Ciao, l'ho installato in WordPress 5.2 e sui telefoni Android non funziona, è solo per i telefoni iOS.
grazie e saluti.
Ciao Ziyad,
Grazie per il plugin. L'ho installato sul mio sito web. Tuttavia, voglio che il popup venga mostrato solo su Safari. Perché sul browser Firefox Focus o Brave non viene visualizzata l'opzione di aggiunta alla schermata iniziale. C'è un modo per risolvere questo problema?
Grazie… Funzionerà per tutti i telefoni?
Ciao, qualsiasi altro link al tutorial video
Grazie!!!
Ciao, dopo anni purtroppo il plugin ha smesso di funzionare da quando ho aggiornato il server a php 8.
Sono molto triste perché è stato semplicemente meraviglioso. Abbiamo qualche possibilità che questo venga risolto in futuro?
Fatecelo sapere.
Saluti
Ale
CIAO
Vedo che il plugin è stato rimosso da WordPress per "Violazione delle linee guida", qualunque cosa sia? Ho anche scoperto, come ha scoperto Alessandro, che non funziona su PHP ver 8
Questo è stato un ottimo plugin e vorrei continuare a usarlo, lo stai aggiornando o è ormai "fine vita"
Grazie per il plugin in passato, spero che tu possa aiutare per il futuro.
Ciao Ziyad,
Il tuo plugin "Aggiungi al popup della schermata iniziale" è stato fantastico. L'ho usato sul mio sito web, ma ho appena saputo che è stato rimosso da WordPress. Potresti fornire un collegamento da cui posso scaricare nuovamente il plug-in e utilizzarlo sul mio sito Web?
Ciao! Per qualche motivo il mio sito non può essere aperto sui telefoni. Non è mai stato un problema prima, ma negli ultimi due mesi non si aprirà. Non sono sicuro del perché. Ho il tuo plugin che ha sempre funzionato bene e spero che tu possa darmi qualche consiglio. Grazie!