Aggiungi al plugin WordPress della schermata iniziale

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!

Non perderti i consigli aziendali via e-mail

Niente spam, solo un'e-mail quando viene pubblicato un nuovo contenuto.

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.

Clicca qui per scaricare il plugin WP Aggiungi alla schermata iniziale dalla directory ufficiale dei plugin di WordPress.

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

  1. 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

  2. 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

    1. 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

    2. 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 :)!

  3. 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…

  4. 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

  5. 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

  6. 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!

  7. 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

  8. 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.

    1. 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!

      1. 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é

  9. 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?

    1. Non è necessario aggiungere nulla nell'intestazione, solo menzionare gli URL delle icone touch nelle impostazioni ATHS.

  10. 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

  11. 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

  12. 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.

  13. 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

  14. 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!

  15. 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

  16. 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

  17. 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!

  18. 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

  19. 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

  20. 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

  21. 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

  22. 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

  23. 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

  24. 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!

  25. 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!!

  26. 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?

  27. 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

  28. 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.

  29. 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?

  30. 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!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Non perderti i consigli aziendali via e-mail

Niente spam, solo un'e-mail quando viene pubblicato un nuovo contenuto.

it_ITIT