¡Hola a todos! Estoy muy emocionada de compartir con ustedes mi complemento de WordPress "Agregar al complemento WP de la pantalla de inicio", Disponible nuevamente en WordPress y codificado en base al excelente script “Agregar a la pantalla de inicio” de Cubiq.org (bajo licencia MIT). Este complemento permite para invitar a los lectores de tu iPhone a agregar un acceso directo de tu blog a su pantalla de inicio, un método tremendamente efectivo para recordarles su presencia en línea y alentarlos a visitar su sitio con frecuencia.
Actualizaciones 2025:
- Un complemento compatible con todos los iPhones recientes y probado con éxito en WordPress 6.7 🚀
- Funciones premium que descubrirás inmediatamente después 💎
Este script es, en mi opinión, imprescindible en nuestra era en la que la mayoría de los internautas navegan por la web a través de un teléfono inteligente, y ya están muy ocupados con aplicaciones móviles y redes sociales, lo que les hace olvidarse de consultar blogs y sitios web tradicionales cuyo contenido hubieran agradecido.
Para los blogueros, es una pérdida de audiencia, porque los internautas ya no tienen el reflejo de abrir el navegador para consultar contenidos en Internet. Prefieren hacerlo usando aplicaciones móviles nativas, que están acostumbrados a iniciar casi frenéticamente, lo que también ha planteado problemas de tiempo frente a la pantalla.
Con el fin de Captar y volver a involucrar a los visitantes entrantes de su blog, sino también lectores leales que tienden a volver a su blog con frecuencia, la extensión de WordPress Añadir a la pantalla de inicio WP Les permite agregar su sitio a la pantalla de su iPhone o iPad como cualquier otra aplicación.
En otras palabras, este script te permite “imitar” añadiendo tu blog como si fuera una aplicación de iPhone, cuando en realidad sólo está añadiendo un acceso directo. Sin embargo, pocas personas saben cómo utilizar el agregador de accesos directos en iPhone (e incluso en Android), y esta extensión resuelve este problema. Una vez agregado el blog, cuando el usuario hace clic en el ícono desde su pantalla de inicio, el navegador inicia automáticamente su blog.
Una vez activado, el complemento está activo y la ventana emergente se muestra a todos los visitantes que acceden a su blog desde un iPhone, iPod Touch o iPad (siempre que haya borrado su caché si está utilizando un complemento de caché).
El script permite detectar el idioma del dispositivo utilizado y proporcionar un mensaje predeterminado en el idioma del usuario, sabiendo que el guión ha sido traducido a más de 20 idiomas.
Para configurar la extensión, vaya a la página de opciones del complemento (Configuración > ATHS). El complemento admite las siguientes características:
- Capacidad de mostrar la información sobre herramientas solo durante la segunda visita, lo que le permite evitar molestar a los visitantes que descubren su sitio por primera vez.
- Personaliza el mensaje invitando al usuario a agregar el blog a su pantalla de inicio.
- Elige el tipo de animación entrante y saliente y el retraso para que el mensaje aparezca y desaparezca.
- Personaliza el tiempo que debe transcurrir antes de que el mensaje vuelva a aparecer (recomiendo una semana o un mes).
- Proporciona un ícono personalizado que aparezca tanto en la información sobre herramientas como en la pantalla de inicio del teléfono inteligente.
- Capacidad de mostrar la información sobre herramientas en todas las páginas o solo en la página de inicio.
⬇️ ¡Descubre las funciones premium al final de este artículo! ⬇️
Capturas de pantalla de la extensión
Funciones Premium 💎
La versión gratuita de mi complemento Agregar a la pantalla de inicio WP Es un buen comienzo, pero las características premium van aún más allá. ¡Descubre cómo pueden potenciar la experiencia de usuario y fidelizar a tus visitantes!
💻 Soporte completo para PWA :Convierte tu blog en un Aplicación web progresiva rápido y fluido⚡ La PWA es un formato que permite que tu blog Lanzar como aplicación móvil, en una ventana específica de tu blog y ya no en el navegador predeterminado. Tu blog se convierte entonces en una especie de aplicación móvil real, sin necesidad de pasar por las tiendas de iOS y Android. Tus lectores ya no tendrán excusa para perderse tu contenido, sólo tendrán que hacer clic en tu icono (obviamente personalizable) para lanzar tu blog como una aplicación, y ya no como un sitio web en un navegador.
Botón de instalación para Android :Un simple clic en “Añadir a la pantalla de inicio” y hop ✨, tu blog también está en los smartphones Android, además de iOS 😊.
⏳ Indicador de carga :Agregue un elegante spinner durante las transiciones de página para una navegación fluida y profesional, esencial en el formato PWA 🎨. ¡Dale a tus visitantes ese pequeño toque premium que tanto les encanta!
🚀 Forzar la página de inicio al iniciar :Garantice una experiencia consistente para los usuarios al forzar que la página de inicio se muestre de forma predeterminada al iniciar su blog, incluso si agregaron su blog desde una página de publicación.
Obtenga la versión Premium del complemento
¿Te ayudó este complemento?
Por favor házmelo saber en Al compartir este artículo en X, y si tienes 10 segundos, califícalo en WordPress, siempre es lindo ^^
52 respuestas
Hola
Estoy usando tu complemento y realmente me encanta (Gracias)
¿Hay alguna manera de forzar que mi sitio/aplicación web se cargue en modo horizontal y no permitir que el usuario gire a posición vertical?
Gracias por cualquier ayuda
Atentamente
Conocido
Estimado Zizo,
¿Hay alguna manera de hacer que el modo de pantalla completa en un iPhone 5 sea de pantalla completa? Obtengo una vista en formato buzón que es realmente horrible. Gracias de antemano.
También entiendo esto, creo que hay un problema con la salida de la imagen del iPhone 5, el iPhone establece el ancho de la aplicación según la imagen proporcionada, por lo que el complemento no proporciona la imagen correcta del iPhone 5.
Tengo el mismo problema con el iPhone 5. Hay un espacio negro vacío en la parte superior e inferior. ¿Hay alguna manera de solucionar esto?
¡Gracias por este complemento! ¡Es (casi) genial :)!
Gran complemento y muy fácil de usar... Gracias...
Sería genial si fuera posible cambiar los colores de los botones de pantalla completa, ya que el rojo realmente no se ajusta a mi diseño actual... ¿es posible?
Gracias…
Hola,
Primero me gustaría decir que es un gran complemento.
Tengo una pregunta. Solo estoy interesado en el modo de pantalla completa y nuestro sitio está muy bien diseñado y no necesita barras de navegación personalizadas adicionales.
Su complemento funciona de una manera que:
En el modo de pantalla completa, la aplicación web no se abrirá en el modo Safari sino como una aplicación web independiente con una barra inferior de navegación personalizada. La ventaja es que el globo nunca volverá a aparecer en este modo. La desventaja es que no tendrás las opciones nativas de Safari.
¿Hay alguna manera de eliminar por completo la barra inferior de navegación personalizada? Muchos temas responsivos nuevos no necesitan dicha barra, ya que puede navegar desde el sitio web.
¿Alguna forma de eliminarlo?
Mejor,
Adrián
Tengo problemas con el estilo de la ventana emergente.
No puedo mostrar el fondo de la ventana emergente, solo veo el texto flotante.
Estoy en la última versión de Workpress.
Alguna idea de cómo puedo solucionarlo.
Muchas gracias
Marca
¿Existe la posibilidad de que cuando los clientes ya agregados a la pantalla de inicio no aparezcan el mensaje? Porque mis clientes realmente se molestan cuando visitan mi sitio web con frecuencia y cada vez ven ese mensaje cuando ya lo agregaron. Eche un vistazo a mi sitio web usted mismo, por favor. sitio-seo.nl
¡Gracias y esperando tu respuesta!
¿RESTABLECER EL PLAZO VENCIDO?
¡Hola!
Cambié la configuración del plazo de caducidad de un año para reconfigurar 0 para que la pantalla siempre vuelva a no funcionar, ¿cómo puedo restablecer el plazo de caducidad?
GRACIAS
¿Tienes un complemento para teléfonos Android?
¡Hola!
ME ENCANTA tu complemento (!), pero tengo una pregunta…
Estoy usando su complemento para crear una aplicación web de safari en pantalla completa. Pero, cuando abro el sitio en mi iPhone, la barra encima de la página (la que muestra el reloj, la red y la duración de la batería) se vuelve totalmente negra. Sería genial si esa barra pudiera conservar sus colores originales.
¿Puede usted (o alguien) ayudarme a solucionar este problema?
Gracias.
¡Hola!
Gracias por los comentarios, me ayudaste a solucionar este problema. De hecho, parece que hay un error desde iOS 7 con la barra de estado.
Actualicé el complemento para solucionar este problema, así que actualice su complemento a la última versión y avíseme si el problema se resolvió.
¡Muchas gracias!
Hola Zizo,
¡Tu actualización lo solucionó todo! Gracias.
Quizás encontré otro pequeño error. No estoy seguro de que sea un error o simplemente soy estúpido, pero aquí está la cuestión:
En su complemento puede agregar una pantalla de inicio para aplicaciones web de pantalla completa. Hice 4 imágenes diferentes para cada dispositivo. En mi iPad 4 la imagen al inicio ocupa solo una cuarta parte de la pantalla. Y la imagen está alineada en la esquina inferior izquierda. Hice la imagen en una escala de 288 ppp con los píxeles exactos que mencionaste.
Mi iPhone 4 no reconoce tu imagen en absoluto. No tengo la oportunidad de probar la aplicación web en otros dispositivos.
Espero que puedas echarle un vistazo a esto.
¡Muchas gracias!
René Grtz
Por cierto: en modo horizontal sólo tiene algunos errores. ¡El retrato funciona perfecto!
Hola, ¿cuál es el código que hay que poner en header.php? Tengo todos los íconos agregados a mi directorio y la ventana emergente funciona en mi teléfono móvil pero el ícono está vacío. Agregué arriba… ¿puedes ayudar?
No es necesario agregar nada en el encabezado, solo mencionar las URL de los íconos táctiles en la configuración de ATHS.
Hola Zizo,
Lo probé ahora. Quizás puedas ayudarme con esto:
La pantalla de inicio funciona bien en iPhone 5 y 5s. Incluso en iPad (retrato de moda). No funciona correctamente en iPhone 4 (pantalla de inicio blanca) ni en iPad (modo horizontal). La imagen en iPad tiene solo una cuarta parte de su formato original. Todos los dispositivos que probé funcionan con iOS7
¿Hay algo que pueda hacer o es sólo un pequeño error?
Gracias
Hola Zizo,
Según los otros comentarios, es un gran complemento y cualquiera que haya intentado crearlo no se acerca. Sin embargo, yo también tengo algunos de los problemas mencionados anteriormente, la única forma de hacer que la pantalla de carga funcione en el iPhone 4/4S es eliminar la URL del iPhone 5 en la configuración de ATHS. Necesito probar si esto todavía funciona, pero creo que será una imagen más pequeña en el iPhone 5.
También el mismo problema con el iPad si uso el tamaño de imagen recomendado para iPad Portait está bien, sin embargo, el paisaje llega a la esquina y no funciona bien. Así que intenté usar diferentes tamaños (igual que en otros complementos), ¡usando 2048 × 1496 en el campo horizontal del ipad en su complemento funciona perfectamente! Sin embargo, solo funciona en los iPad de tercera generación y posteriores, el 1 y el 2 ahora no ven nada, así que creo que necesita dos campos de tamaño de iPad 1024 × 748 para Ipad 1 y 2 (horizontal) y 2048 × 1496 Ipad 3 en adelante (horizontal).
Yo también tengo el problema con el tiempo de espera establecido en 0, pero una vez que haya agregado la aplicación web a la pantalla de inicio, incluso si la elimina, etc., no volverá a ver el globo, lo que dificulta las pruebas de extremo a extremo.
¡Si pudieras solucionar estos pocos problemas, sería fantástico! Y un complemento de 5 estrellas 🙂
Gracias por todo lo que has hecho hasta ahora.
Sotavento
He instalado el complemento y está funcionando muy bien. ¿Dónde se encuentran las imágenes para la navegación en modo de pantalla completa? Me gustaría cambiar su color, etc.
¡Gran complemento! Gracias.
¡Me encanta este complemento!
¿Cómo puedo cambiar el color de fondo de negro a blanco? (Estoy usando un png transparente)
¡Gracias!
También aparece una pantalla blanca en lugar de la página de inicio.
¿Y estás planeando una versión de Android?
Hola,
¿Existe alguna forma de realizar un seguimiento de cuántas personas agregaron mi sitio web a su pantalla de inicio?
tal vez a través de google Analytics.
Gracias
Además de mi pregunta anterior, encontré esta publicación, pero no estoy seguro de cómo lograrlo.
http://www.ravelrumba.com/blog/tracking-ios-web-app-usage/
Desafortunadamente, no puedo acceder al código para ver qué está mal exactamente, pero cuando emparejo este complemento con otros en mi sitio de WordPress (http://release.commons.yale.edu/trumbull/), aparece el siguiente mensaje de error:
Advertencia: call_user_func_array() espera que el parámetro 1 sea una devolución de llamada válida, la función 'addmetawebcapablelinks' no se encuentra o el nombre de la función no es válido en /var/www/html/wp-includes/plugin.php en la línea 406
¿Algunas ideas? ¡Cualquier ayuda sería muy apreciada!
¡Gracias!
¿Este complemento también funciona para dispositivos Android? Además, no está claro, pero ¿existen configuraciones que le permitan mostrar esto solo la primera vez o un par de veces que un usuario visita el sitio? ¿Entonces después de eso no se muestra?
Gracias
Estas son ideas realmente fantásticas sobre el tema de los blogs.
Usted ha tocado algunas cosas buenas aquí. De cualquier forma sigue escribiendo.
Hola Zizo,
¡Gran complemento!
2 preguntas:
> ¿Cómo puedo elegir una página determinada en qué página debería aparecer el globo?
Ahora sólo puedo elegir entre 'Todas las páginas' o 'Página de inicio'
> ¿Tu complemento no existe para Android?
¡Muchas gracias!
Pedro
Me encanta el complemento, ¡pero solo quiero que el globo se muestre una vez! Parece aparecer cada vez que actualizo mi iPhone 4s. ¡Por favor avise!
Leo mucho contenido interesante aquí. Probablemente gastes mucho
tiempo escribiendo, sé cómo ahorrarte mucho tiempo,
Existe una herramienta en línea que crea anuncios únicos y compatibles con Google.
publicaciones en minutos, solo busca en google – fuente de contenido gratuita de laranitas
Gran complemento.
Tengo dos preguntas: la primera, cuando uso la barra de navegación inferior del modo de pantalla completa, la imagen en la página web hará que la barra de navegación desaparezca cuando me desplazo hacia abajo, ¿cómo hago para crear una barra de navegación en la capa superior?
La segunda pregunta es ¿cómo cambio el color del icono de la barra de navegación?
gracias
querido zizo
Mi sitio web muestra un error cuando activo el complemento
Advertencia: call_user_func_array() espera que el parámetro 1 sea una devolución de llamada válida, la función 'addmetawebcapablelinks' no se encuentra o el nombre de la función no es válido en C:\wamp\www\envisionasiapacific\wp-includes\plugin.php en la línea 496
Cómo arreglar esto. gracias
Este complemento funciona bien en iPhone pero parece no funcionar en iPad.
No sé por qué. ¿Quizás también tenga que admitir imágenes más grandes?
Otra pregunta:
¿Es posible desactivar el mensaje cuando alguien ya lo ha hecho?
¿Su página/sitio web en la página de inicio/marcadores?
Mejor,
R
¡Hola!
Su complemento para agregar a la pantalla de inicio me pareció realmente útil, pero parece que tengo un problema cuando uso el complemento de envira con él: la función de caja de luz del complemento de envira parece chocar cuando se ejecuta http://www.alexsavillephotography.com como una aplicación desde la pantalla de inicio de mi iPhone. Desde Safari, todo parece estar bien cuando toco la foto en la parte superior, pero desde la aplicación de la pantalla de inicio, al tocar la foto no se muestra la caja de luz correctamente. Si desactivo el complemento Agregar a la pantalla de inicio, la caja de luz funciona, pero al usar cualquier enlace se abre el sitio web en Safari.
Espero que esto tenga sentido. ¿Puedes arrojar alguna luz sobre esto, por favor? Gracias
Alex
¡Hola!
complemento bien hecho! Sólo necesito arreglar lo siguiente:
en modo de pantalla completa, con la barra de abajo con retroceso – avance – recargar No me gustan los iconos y el color de fondo, ¿cómo puedo cambiarlos?
¡¡gracias!!
Alberto
¿Aún mantienes este complemento?
No veo ninguna actualización en más de 2 años.
¡Gracias!
Alex
Hola,
Actualice este complemento. Lo he estado usando durante mucho tiempo pero no funciona con ciertos temas de WP más recientes, entre ellos http://www.houzez.co
¿Puedes actualizar este complemento? Te lo agradeceré mucho.
Muchas gracias de antemano.
¡Salud!
Hola, siento que me di cuenta de que visitaste mi blog, así que obtuve
Aquí para devolver la elección. ¡Estoy tratando de encontrar temas para mejorar mi sitio! Supongo que está bien usar algunos.
de tus conceptos!!
A partir de ahora (junio de 2019), este complemento no parece funcionar. ¿Soy el único que experimenta esto?
Hola, funciona desde mi teléfono. ¿Cuál es tu sitio web?
publicación increíble, gracias. ¿Funcionará para dispositivo móvil?
Gran complemento, funciona perfectamente en iOS con Safari
Hola, lo he instalado en wordpress 5.2 y en móviles android no funciona, es solo para móviles ios.
gracias y saludos.
Hola Ziyad,
Gracias por el complemento. Lo he instalado en mi sitio web. Sin embargo, quiero que la ventana emergente se muestre sólo en Safari. Porque en el navegador Firefox Focus o Brave, no tenemos la opción de agregar a la pantalla de inicio. ¿Hay alguna manera de solucionar esto?
Gracias... ¿Funcionará esto para todos los teléfonos?
Hola, hay más enlaces de tutoriales en vídeo.
¡¡¡Gracias!!!
Hola, después de años lamentablemente el complemento dejó de funcionar desde que actualicé el servidor a php 8.
Estoy muy triste porque fue simplemente maravilloso. ¿Tenemos alguna posibilidad de que esto se solucione en el futuro?
Por favor déjanos saber.
Saludos
Cerveza inglesa
Hola
Veo que el complemento se eliminó de WordPress por “violación de las pautas”, sea lo que sea. También descubrí como descubrió Alessandro, no funciona en PHP versión 8
Este fue un complemento excelente y me gustaría seguir usándolo. ¿Lo estás actualizando o ya está “final de su vida útil”?
Gracias por el complemento en el pasado, espero que puedas ayudar en el futuro.
Hola Ziyad,
Su complemento "Agregar a la ventana emergente de la pantalla de inicio" fue increíble. Lo usé en mi sitio web, pero me acabo de enterar de que se eliminó de WordPress. ¿Podría proporcionarme un enlace donde pueda descargar su complemento nuevamente y usarlo en mi sitio web?
¡Hola! Por algún motivo, mi sitio no se puede abrir en teléfonos. Nunca ha sido un problema antes, pero durante los últimos meses no se abre. No estoy seguro de por qué. Tengo su complemento que siempre ha funcionado bien y espero que pueda darme algún consejo. ¡gracias!
Hola,
¿Hay alguna forma en la versión premium de la PWA de conservar los parámetros en la URL?
Gracias
Hola,
¡Gracias por tu pregunta sobre la versión premium de “Agregar a la pantalla de inicio WP”!
Respecto a su consulta sobre la persistencia de parámetros de URL en la PWA: cuando la opción “Forzar página de inicio al iniciar” está deshabilitada en la configuración premium, la PWA debería abrirse en la página exacta (incluidos sus parámetros de URL) desde la que se agregó a la pantalla de inicio. Por ejemplo, si un usuario agrega la aplicación web desde https://example.com/article1?ref=source, la PWA normalmente se iniciará en esa URL específica, completa con los parámetros, en lugar de redirigir a la página de inicio (/).
¡Gracias!