Cómo mostrar contenido específico a usuarios móviles en WordPress










  • A veces, ver contenido de un sitio web en un dispositivo móvil le brindará una experiencia muy diferente. Esto puede ser bueno o malo, dependiendo de la situación. Sin embargo, muchos sitios intentan mostrar contenido específico en dispositivos móviles ahora.

    De hecho, hay una manera muy fácil de mostrar una página de WordPress en contenido específico para dispositivos móviles. No tiene que meterse con ningún código, simplemente necesita tener las herramientas adecuadas y estar dispuesto a hacer un poco de edición.

    Veamos cómo mostrar contenido específico para dispositivos móviles. Esto permitirá a sus usuarios de WordPress la capacidad de ver y experimentar las cosas de manera diferente cuando miran una página móvil o publican desde su sitio web.

    Por qué mostrar contenido específico en dispositivos móviles

    Los diseños específicos para dispositivos móviles de publicaciones y páginas han comenzado a ser muy relevantes. Google introdujo AMP hace un tiempo. Si bien eso es más para la optimización de búsqueda, pusieron una piedra en movimiento para que los propietarios de sitios web comiencen a ser más conscientes de cómo se muestra su contenido en las unidades móviles.

    La mayoría de las páginas y publicaciones en la versión móvil de WordPress se mostrarán correctamente debido al tema. La mayoría de los mejores temas de WordPress son compatibles con dispositivos móviles y receptivos.

    Dicho esto, puede haber algunas publicaciones y páginas que están demasiado llenas de contenido para que los usuarios móviles en WordPress las vean de la manera correcta.

    Otra cosa a tener en cuenta es que es posible que desee mostrar diferentes versiones de la misma página o publicar en dispositivos móviles por diferentes motivos. Puede ser que desee un estilo o aspecto diferente, o que desee que la información sea diferente solo por el dispositivo que se utiliza.

    En lugar de tener que preocuparme por un montón de código, encontré un excelente complemento que le permitirá editar sus páginas y publicaciones regulares para crear versiones móviles de ellas para mostrar.

    Este complemento le brinda la capacidad de mostrar fácilmente contenido específico en dispositivos móviles. Echemos un vistazo al complemento juntos.

    Contenido Específico para Móvil

    Contenido específico para complemento móvil

    El complemento Contenido específico para dispositivos móviles le permite crear fácilmente páginas y publicaciones específicas para usuarios de dispositivos móviles en WordPress. Este es un excelente complemento si desea agregar, eliminar o rediseñar contenido específico para que se muestre de manera diferente según las versiones móviles.

    Hay algunas reglas con las que tendrá que jugar, pero en general, el complemento Contenido específico para dispositivos móviles le dará la opción de crear con éxito diferentes versiones de páginas y publicaciones para verlas en dispositivos portátiles.

    El complemento es realmente muy liviano y, según el autor, es compatible con el editor de bloques de Gutenberg , el editor clásico y todos los creadores de páginas de WordPress.

    Echemos un vistazo a cómo instalar y activar el complemento, así como a cómo usarlo.

    Nota: antes de continuar, recuerde que este complemento admite versiones móviles de publicaciones y páginas. No admite tipos de publicaciones , archivos o términos personalizados.

    Instalar y activar el complemento

    Para dividir sus publicaciones y páginas y comenzar a mostrar contenido específico para dispositivos móviles, primero debe instalar y activar el complemento. Puede hacerlo yendo a la página de complementos ubicada en el panel de administración de WordPress. Simplemente busque el nombre del complemento y aparecerá.

    Instalar y activar contenido específico para el plugin de wordpress

    Una vez que el complemento se haya instalado y activado, será redirigido automáticamente a su lista de complementos.

    Sin embargo, el complemento ahora ha agregado una pestaña para versiones móviles de publicaciones y páginas. Esta pestaña se encuentra dentro del editor.

    Echemos un vistazo a cómo llegar allí y qué debe hacer para mostrar contenido de dispositivos móviles a sus usuarios de WordPress.

    Editar publicaciones y páginas para mostrar contenido específico en dispositivos móviles

    Como se indicó anteriormente, el complemento es muy liviano y está listo para implementarse de inmediato. Básicamente, no hay una página de configuración principal para el complemento. Simplemente agrega una pestaña y/o botón de edición dentro de las publicaciones y el área de edición de páginas de su panel de administración de WordPress.

    Para acceder a sus páginas, haga clic en Páginas > Todas las páginas. Esto lo llevará a todas las páginas que tiene en su área de administración.

    Haga clic en las páginas, todas las páginas

    Ahora estás en la sección Páginas de tu área de administración. Desplácese sobre la página que desea editar. Verá aparecer una selección de opciones de edición. Estos dependerán de lo que hayas instalado.

    Puede ver en la captura de pantalla a continuación que tengo instalados tanto el editor de bloques como el editor clásico. También notarás que ahora hay una opción para “crear una versión móvil” de la página en cuestión.

    Diferentes opciones de edición

    Por lo tanto, puede hacer clic en ese enlace, o hacer clic en el bloque o en el enlace del editor clásico. El que elijas es simplemente para que edites la página para que se muestre a los usuarios móviles de WordPress.

    Para este ejemplo, vamos a utilizar el editor de bloques. Hemos hecho clic en ese enlace y ahora la página correspondiente está abierta. Esta página es la versión actual que se muestra tanto para usuarios de escritorio como móviles.

    Página actual

    Desplácese hacia abajo hasta la parte inferior derecha de la página. Verá que ahora hay una pestaña desplegable titulada «Versión móvil». Haga clic en el botón «Crear versión móvil» ubicado dentro de ese menú desplegable.

    Haga clic en el botón crear versión móvil

    Lo que sucede es que se crea una copia de la página que es solo para visualización móvil. Ahora puede editar esta página como desee. Todas las ediciones que realice estarán disponibles para aquellos que usan dispositivos móviles para leer su sitio.

    Sabrá que está editando la versión móvil porque el área del menú móvil desplegable le informará.

    Edición de la versión móvil

    Edita la página como quieras. Cuando haya terminado, simplemente haga clic en el botón «Publicar» para que la versión móvil de la página esté activa.

    Para confirmar, haga clic fuera de la parte de edición y ahora mire la lista de páginas en su área de administración. Verá que se ha creado una versión móvil de la página y ahora está allí para editarla cuando lo necesite.

    Nueva página móvil publicada

    ¡Eso es todo! Ha creado con éxito contenido específico para usuarios móviles. Puede hacer esto para cualquier página que desee.

    Nota: El proceso es exactamente el mismo para las publicaciones. Simplemente vaya a la sección de publicaciones de su tablero y edite las publicaciones para lectores móviles que desee.

    Pensamientos finales

    La creación de contenido específico para dispositivos móviles puede ser un aspecto importante del diseño y la configuración del sitio. Esto es especialmente cierto si está tratando de mostrar diferentes elementos o información según el tipo de dispositivo con el que alguien accede a su sitio web. El acceso móvil a los sitios web ha seguido aumentando con el tiempo. Es importante que le des a la gente una buena vista de tu contenido de WordPress.

    Además de usar AMP para modificar la forma en que se muestra su sitio (que en realidad es un proceso completamente diferente), la creación de contenido específico para usuarios móviles es una excelente manera de permitir que los visitantes del sitio vean fácilmente el contenido en esas unidades de la manera que usted pretendía que fuera.

    ¿Has estado usando un complemento diferente para lograr esto? ¿Cree que el diseño y los estilos se ven mejor en las versiones móviles de las páginas y publicaciones de WordPress que ha creado?