ThemeLocal: consejos de blog que funcionan como magia
  • Blogging

    7 formas de reducir el tamaño de los archivos PDF

    Por qué la mayoría de los consejos de blogs fallan (y cómo solucionarlo)

    7 preguntas esenciales que todo bloguero debe hacerse

    Cómo escribir contenido que mantenga a sus lectores con ganas de más

    Qué hacer cuando su blog es pirateado

    Cómo escribir más rápido: 10 consejos sencillos para duplicar su salida de escritura

    Cómo monitorear tendencias de manera productiva y escribir contenido de interés periodístico

    Cómo planificar contenido como Walter Bishop

    Cómo escribir la publicación de blog definitiva: una hoja de trucos de un blogger

  • WordPress
    • Todos
    • Plugins
    • Themes

    Los 11 mejores temas de WordPress para afiliados de Amazon en 2022

    Los 5 mejores temas NFT de WordPress de 2022

    Cómo agregar colaboración en el editor de bloques de WordPress (estilo Google-Doc)

    Cómo aceptar Google Pay en WordPress (la manera fácil)

    Los 9 mejores temas de WordPress para generación de prospectos en 2022

    Cómo personalizar la página de resultados de búsqueda de productos de WooCommerce

    Cómo aceptar pagos ACH en WordPress

    Cómo agregar planes de pago «Compre ahora y pague después» a WordPress

    Cómo aceptar Apple Pay en WordPress (la forma FÁCIL)

  • Marketing por correo

    Cómo utilizar los blogs de invitados para crear su lista de correo electrónico

    Las métricas de marketing por correo electrónico en las que debe basarse cada campaña

    Cómo utilizar un formulario de contacto para crear su lista de correo electrónico

  • SEO

    Cómo corregir errores 404 de tipo de publicación personalizada en WordPress

    Aumente el tráfico a su sitio de WordPress en 6 sencillos pasos

    Cómo no seguir automáticamente enlaces externos en WordPress

    Cómo clasificar más alto en los motores de búsqueda

    Cómo eliminar enlaces rotos de su sitio de WordPress para siempre

    Guía para principiantes de SEO: introducción, preparación y jerga

    Investigación y uso de palabras clave de WordPress para SEO

    Mejore el SEO con vínculos de retroceso, velocidad del sitio y más

    Las 10 funciones más importantes de Yoast SEO para WordPress

  • Redes sociales

    Cómo agregar un recordatorio a una publicación de Instagram

    Cómo programar pines de Pinterest gratis

    Cómo volverse viral en Instagram: la guía para principiantes

    5 excelentes formas de diversificar las actualizaciones de sus redes sociales para generar más tráfico y participación

    ¿Puedes usar Instagram para hacer crecer tu negocio?

    6 formas efectivas de marcarte en las redes sociales

    6 consejos inteligentes de marketing en Instagram para impulsar su negocio

    Cómo convertir su perfil personal de Instagram en un perfil comercial

    Revisión de Shorby: Dirija el tráfico desde las redes sociales con páginas de destino y más

  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Sin resultados
Ver todos los resultados
  • Blogging

    7 formas de reducir el tamaño de los archivos PDF

    Por qué la mayoría de los consejos de blogs fallan (y cómo solucionarlo)

    7 preguntas esenciales que todo bloguero debe hacerse

    Cómo escribir contenido que mantenga a sus lectores con ganas de más

    Qué hacer cuando su blog es pirateado

    Cómo escribir más rápido: 10 consejos sencillos para duplicar su salida de escritura

    Cómo monitorear tendencias de manera productiva y escribir contenido de interés periodístico

    Cómo planificar contenido como Walter Bishop

    Cómo escribir la publicación de blog definitiva: una hoja de trucos de un blogger

  • WordPress
    • Todos
    • Plugins
    • Themes

    Los 11 mejores temas de WordPress para afiliados de Amazon en 2022

    Los 5 mejores temas NFT de WordPress de 2022

    Cómo agregar colaboración en el editor de bloques de WordPress (estilo Google-Doc)

    Cómo aceptar Google Pay en WordPress (la manera fácil)

    Los 9 mejores temas de WordPress para generación de prospectos en 2022

    Cómo personalizar la página de resultados de búsqueda de productos de WooCommerce

    Cómo aceptar pagos ACH en WordPress

    Cómo agregar planes de pago «Compre ahora y pague después» a WordPress

    Cómo aceptar Apple Pay en WordPress (la forma FÁCIL)

  • Marketing por correo

    Cómo utilizar los blogs de invitados para crear su lista de correo electrónico

    Las métricas de marketing por correo electrónico en las que debe basarse cada campaña

    Cómo utilizar un formulario de contacto para crear su lista de correo electrónico

  • SEO

    Cómo corregir errores 404 de tipo de publicación personalizada en WordPress

    Aumente el tráfico a su sitio de WordPress en 6 sencillos pasos

    Cómo no seguir automáticamente enlaces externos en WordPress

    Cómo clasificar más alto en los motores de búsqueda

    Cómo eliminar enlaces rotos de su sitio de WordPress para siempre

    Guía para principiantes de SEO: introducción, preparación y jerga

    Investigación y uso de palabras clave de WordPress para SEO

    Mejore el SEO con vínculos de retroceso, velocidad del sitio y más

    Las 10 funciones más importantes de Yoast SEO para WordPress

  • Redes sociales

    Cómo agregar un recordatorio a una publicación de Instagram

    Cómo programar pines de Pinterest gratis

    Cómo volverse viral en Instagram: la guía para principiantes

    5 excelentes formas de diversificar las actualizaciones de sus redes sociales para generar más tráfico y participación

    ¿Puedes usar Instagram para hacer crecer tu negocio?

    6 formas efectivas de marcarte en las redes sociales

    6 consejos inteligentes de marketing en Instagram para impulsar su negocio

    Cómo convertir su perfil personal de Instagram en un perfil comercial

    Revisión de Shorby: Dirija el tráfico desde las redes sociales con páginas de destino y más

  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Sin resultados
Ver todos los resultados
ThemeLocal: consejos de blog que funcionan como magia
Sin resultados
Ver todos los resultados
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
Inicio Consejo

Cómo diseñar su sitio de WordPress con contenido dinámico

Hace 8 meses
en Consejo
Tiempo de leer:9 minutos de lectura
A A
0
Compartir en FacebookCompartir en Twitter

¿Cómo puedo hacer que mi sitio web se vea profesional? Es una pregunta que muchos aspirantes a creadores de sitios web se hacen cuando planifican su proyecto. Las respuestas obvias incluirán mejorar el diseño o agregar muchas características sofisticadas.

Pero, de hecho, una de las formas más efectivas de mejorar realmente su sitio web básico y convertirlo en uno profesional y personalizado es agregando contenido dinámico. El contenido dinámico brindará a sus usuarios una experiencia mucho más satisfactoria en su sitio web.

Introducción al contenido dinámico

¿Qué es exactamente el contenido dinámico?

El contenido dinámico se refiere al contenido web interactivo que cambia según la hora, la ubicación y el usuario. Cuando un usuario navega por un sitio web dinámico, WordPress extraerá la información correcta de la base de datos para mostrársela al usuario según la página en la que se encuentre.

Con contenido estático, lo que ve en el front-end no cambiará. De hecho, es muy probable que necesite la ayuda de un desarrollador si desea realizar algún cambio. Sin embargo, con contenido dinámico, los propietarios de sitios web pueden editar todo en el back-end instantáneamente sin codificación. Significa que la información puede cambiar según lo que el usuario esté mirando, proporcionando una experiencia mucho más interactiva.

Para ilustrarlo, si está en el sitio web de un gimnasio, es posible que desee ver los diferentes gimnasios disponibles. Por supuesto, cada gimnasio tendrá información diferente, como su propio nombre, dirección y lista de instalaciones. Por tanto, cuando hagas clic en cada gimnasio verás contenido diferente relacionado con él que no encontrarás en el resto de páginas.

Equilibrio Gimnasio

Energy Club

Las ventajas del contenido dinámico

El contenido dinámico aporta muchas ventajas a su sitio web que el contenido estático no puede ofrecer.

  • Una mejor experiencia de usuario. Los usuarios podrán ver contenidos que se adapten a ellos como diferentes ofertas que irán cambiando según su comportamiento.
  • Mejore sus KPI. Con contenido dinámico, puede mejorar las conversiones y reducir las tasas de rebote en su sitio web mediante la creación de contenido personalizado.
  • Navegación fluida. El contenido dinámico proporciona una experiencia perfecta a través de un sitio web en comparación con el contenido estático, ya que puede encontrar fácilmente el contenido que está buscando.
  • Fácil de actualizar. Simplemente puede editar su página en el back-end de WordPress sin necesidad de contratar a un desarrollador experto.
  • Responde a los tamaños de pantalla. Un sitio web dinámico se adapta fácilmente a varios tamaños de pantalla en comparación con uno estático.

Hay dos formas en las que recomendamos que cree contenido dinámico. A continuación, le mostraremos las dos opciones y exactamente cómo puede crear sus sitios web con ambas.

1. Cree contenido dinámico con bloques de conjunto de herramientas y Gutenberg

Conjunto de herramientas

Información y descarga

El lanzamiento de Bloques de juego de herramientas ofrece una nueva forma de crear contenido dinámico en WordPress utilizando su editor de bloques, Gutenberg.

Desde su lanzamiento hace un año, Gutenberg ha mejorado significativamente para ofrecerle una forma simple e intuitiva de diseñar e implementar sus sitios web. La mejor parte es que los no codificadores ahora pueden construir fácilmente exactamente lo que tenían en mente usando Gutenberg y complementos integrados.

Esto incluye contenido dinámico que los creadores de sitios web pueden crear con Gutenberg gracias a Toolset Blocks.

¿Cómo funcionan los bloques de conjuntos de herramientas?

Toolset Blocks es un nuevo complemento que puede usar en dos frentes:

  1. Cree funciones avanzadas personalizadas, como plantillas de contenido, archivos y Puntos de vista.
  2. Admite fuentes dinámicas para bloques, lo que hace que tus campos personalizados y taxonomías estén disponibles para mostrarse en tus páginas.

Por lo tanto, puede usar Toolset Blocks para agregar contenido dinámico fácilmente a cualquier publicación, página o plantilla sin ningún tipo de codificación.

A continuación, he creado un ejemplo de una plantilla de contenido para un sitio web de demostración de gimnasios que garantiza que cada publicación de gimnasio tendrá el mismo diseño pero contenido diferente gracias al contenido dinámico.

Plantilla de contenido del conjunto de herramientas

Cómo crear una plantilla de contenido con contenido dinámico utilizando bloques de conjunto de herramientas

Creemos una plantilla para el tipo de publicación personalizada Gimnasios en nuestro sitio web.

Necesitaras instalar bloques de conjunto de herramientas antes de comenzar y asegúrese de conocer los conceptos básicos del uso del editor de Gutenberg.

Hay dos fuentes principales de las que puede extraer contenido dinámico utilizando Toolset Blocks. Puede utilizar una fuente de la publicación actual o de un campo personalizado. A continuación, revisaremos ambas opciones para mostrar cuándo es posible que deba usarlas.

Visualización de contenido dinámico de una publicación actual

Dirigirse a Conjunto de herramientas> Tablero y haga clic en el Crear plantilla de contenido junto al tipo de publicación para la que desea crear una plantilla de contenido.

Crear plantilla de contenido

Ahora podemos comenzar a agregar nuestros bloques para crear nuestra plantilla de contenido. Imaginemos que quiero agregar una imagen. Primero selecciona el + opción en la parte superior izquierda para agregar un bloque.

Conjunto de herramientas Crear un bloque

Desplácese hacia abajo hasta encontrar la lista de bloques de Toolset y agregue el Bloque de imagen.

Bloque de imagen del conj unto de herramientas

Ahora verá una pregunta que le preguntará si desea utilizar Dynamic Sources o no. Hacer clic sí.

Fuente dinámica de la imagen del conjunto de herramientas

Seleccione la fuente de su imagen. Esto determina qué contenido extraerá WordPress según la opción que seleccione. Quiero mostrar las imágenes destacadas de cada gimnasio dentro del bloque, así que seleccionaré el Datos de imágenes destacadas opción.

Datos de imagen destacados del conjunto de herramientas

En la barra lateral de la derecha, puede ajustar aún más su imagen si desea cambiar la fuente del contenido dinámico o diseñar la imagen, por ejemplo.

Configuración de imagen del conjunto de herramientas

Visualización de contenido dinámico desde un campo personalizado

Podemos usar la misma plantilla de contenido que antes para crear bloques con contenido dinámico a partir de un campo personalizado. Esta vez agregaré el campo personalizado para las calificaciones de cada gimnasio como contenido dinámico.

Dirígete a la lista de bloques de Toolset y agrega el Bloque de campo único.

Bloque de campo único del conjunto de herramientas

En la barra lateral a la derecha debajo Fuente de campo, Selecciona el Campo personalizado Tipo de campo.

Bajo la Grupos de campos personalizados desplegable elija el Gimnasios tipo de mensaje. Tenga en cuenta que este será el tipo de publicación personalizada del que desee extraer el campo personalizado.

Bajo la Campo personalizado menú desplegable seleccione el campo personalizado que desea mostrar. He seleccionado el Clasificación opción.

Publicación de campos personalizados del conjunto de herramientas

Si cambia entre las diferentes publicaciones del gimnasio en la interfaz, verá que cada publicación muestra el precio correcto para ese gimnasio gracias al contenido dinámico. Observe cómo no necesitamos usar ningún código para crear nuestro contenido dinámico.

Agregué algunos otros bloques con contenido dinámico a mi plantilla de contenido. Vea cómo se ve ahora en el front-end.

Ejemplo de gimnasio con juego de herramientas

2. Creación de contenido dinámico con Total

Otra forma igualmente eficaz de crear contenido dinámico es mediante el Tema total para crear plantillas de publicaciones dinámicas integradas.

¿Qué características ofrece Total?

Total es uno de los temas más populares en WordPress y viene con una serie de funciones que puede configurar fácilmente sin tener que descargar varios complementos para realizar estas tareas.

  • Importador de demostración fácil – Convierta su sitio vacío en un sitio web completamente funcional repleto de contenido con un solo clic cuando seleccione importar una de las más de 40 demostraciones prediseñadas de Total.
  • Creador de páginas de arrastrar y soltar – Total está integrado con el popular creador de páginas WPBakery para proporcionarle un creador intuitivo de arrastrar y soltar para que pueda crear su sitio web con facilidad.
  • Cientos de elementos del generador de páginas – Aproveche los cientos de elementos de creación de páginas de Total para personalizar sus páginas.
  • Fácilmente personalizable – Use la configuración del personalizador en vivo para cambiar una serie de elementos en su sitio, incluidos colores, fuentes, anchos y mucho más.
  • Apto para desarrolladores – Total viene con una serie de ganchos y filtros integrados que le facilitan la modificación de su tema con más de 450 fragmentos disponibles en la documentación en línea.

Y, por supuesto, puede crear contenido dinámico con Total. A continuación, le mostramos un ejemplo de lo que puede lograr al hacer que un elemento de cartera simple sea dinámico.

Cómo crear una plantilla de contenido dinámico con Total

Dirigirse a Visual Composer> Plantillas y haga clic en Agregar nuevo. A continuación, asigne un nombre a su plantilla.

Disposición total de la publicación de la cartera

Primero agregaré el Publicar medios elemento que mostrará cualquier medio que agregue a sus publicaciones. Para las carteras, esta podría ser la imagen destacada, la galería, el video, etc.

A continuación, incluiré el Publicar Contenido módulo que mostrará cualquier contenido que se agregue a las publicaciones en el editor.

Total de medios de publicación

Con Total puede incluir varios elementos de publicación en su plantilla dinámica. Agregue el título de la publicación, metadatos, elementos relacionados, etiquetas, enlaces sociales y más. Cuando termine, haga clic en Publicar.

Ahora debemos asignar la plantilla dinámica a nuestro tipo de publicación personalizada de cartera. Para hacer esto, navegue a WordPress. Personalizador, luego dirígete a portafolio y seleccione la plantilla que acaba de crear en Plantilla dinámica (avanzado).

Plantilla dinámica total

Ahora puede ver sus medios en acción. Hacer clic Guardar y publicar y su contenido dinámico debería estar listo.

Frontend de plantilla dinámica total

La creación de plantillas dinámicas es una opción particularmente buena si está creando sitios web para clientes. Al usarlos, puede crear una plantilla una vez y asignarla a todos los elementos de su cartera al instante. No solo eso, sino que si necesita cambiar un diseño, todo lo que necesita hacer es editar la plantilla y todos los elementos de su cartera también se actualizarán.


¡Cuéntanos tu experiencia en la creación de contenido dinámico! Ahora tiene dos métodos para crear contenido dinámico. Puedes descargar Bloques de juego de herramientas o Tema total hoy mismo y comience a llevar su sitio web de básico a personalizado.

¿Ha utilizado alguna de las herramientas para agregar contenido dinámico a su sitio web? ¡Cuéntanos cómo te funcionó en los comentarios a continuación!

Share30Tweet19Send
Página anterior

Cómo agregar un formulario de contacto a WordPress

Página siguiente

Complementos de WordPress para aumentar la participación de la audiencia

Relacionado Mensajes

Cómo

Cómo verificar la batería de AirPod y cómo saber si los AirPods se están cargando (actualización de 2022)

Hace 5 horas
Tecnología

Se anuncia el HTC Desire 22 Pro de gama media compatible con VR

Hace 8 horas
Cómo

Cómo cambiar entre su teclado de iPad de software y hardware (actualización de iPadOS 15)

Hace 18 horas
Carga más
Página siguiente

Complementos de WordPress para aumentar la participación de la audiencia

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

RECOMENDADO

Oppo Find X5 Pro vs OnePlus 10 Pro: ¿Cuál debería obtener?

Hace 4 meses

MacBook Air M2 vs MacBook Pro de 14 pulgadas: ¿Cómo se comparan?

Hace 4 semanas

Guía del comprador de chips M1 vs. M2: ¿Cuánto mejor es realmente M2?

Hace 2 semanas

Samsung Galaxy Tab S8 Ultra vs Tab S8 Plus vs Tab S8: ¿cuál es la diferencia?

Hace 5 meses

Cómo configurar el tiempo de inactividad en la configuración de tiempo de pantalla en su iPhone y iPad

Hace 2 meses
ThemeLocal: consejos de blog que funcionan como magia

Ayudamos a emprendedores inteligentes a convertir sus blogs en negocios rentables. Somos un blog galardonado que ha estado ayudando a blogueros y emprendedores desde 2020.

Síguenos

Noticias recientes

Asus ROG Phone 6 para obtener una gran mejora en la calidad de vida

julio 4, 2022

Cómo verificar la batería de AirPod y cómo saber si los AirPods se están cargando (actualización de 2022)

julio 4, 2022
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar

© 2022 ThemeLocal. Tous droits réservés.

Sin resultados
Ver todos los resultados
  • Blogging
  • WordPress
    • Plugins
    • Themes
  • Shopify
  • Marketing por correo
  • Monetización
  • SEO
  • Redes sociales
  • Tutoriales
  • Críticas
  • Consejo
  • Seguridad
  • Software y servicios
  • Generación de tráfico
  • Guia de principiantes
  • Escaparate

© 2022 ThemeLocal. Tous droits réservés.