ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Search
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
Lectura: Cómo diseñar su sitio de WordPress con contenido dinámico
Cuota
Notificación Mostrar más
Últimas noticias
Cómo duplicar fotos y videos en iPhone y iPad
Cómo
iOS 16.4 Beta: Cómo atenuar automáticamente el video cuando se detectan destellos de luz
Cómo
Cómo corregir el seguimiento de pasos inexacto de Apple Watch
Cómo
MacBook Pro (2023) vs iPad Pro (2022): ¿cuál es la diferencia?
Versus
macOS: cómo usar acciones rápidas en Finder
Cómo
Aa
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Aa
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
Search
  • Blogging
  • WordPress
  • Marketing por correo
  • SEO
  • Redes sociales
  • Más
    • Tutoriales
    • Shopify
    • Críticas
    • Consejo
    • Seguridad
    • Software y servicios
    • Generación de tráfico
    • Guia de principiantes
    • Escaparate
Síganos
  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar
© 2022 Themelocal. Reservados todos los derechos.
ThemeLocal: consejos de blog que funcionan como magia > Blog > Consejo > Cómo diseñar su sitio de WordPress con contenido dinámico
Consejo

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

Última actualización: noviembre 18, 2021 4:23 pm
ThemeLocal hace 1 año 13 Minutos mínimos para leer
Cuota
13 Minutos mínimos para leer
Cuota

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

Contents
¿Qué es exactamente el contenido dinámico?Las ventajas del contenido dinámico1. Cree contenido dinámico con bloques de conjunto de herramientas y Gutenberg¿Cómo funcionan los bloques de conjuntos de herramientas?Cómo crear una plantilla de contenido con contenido dinámico utilizando bloques de conjunto de herramientasVisualización de contenido dinámico de una publicación actualVisualización de contenido dinámico desde un campo personalizado2. Creación de contenido dinámico con Total¿Qué características ofrece Total?Cómo crear una plantilla de contenido dinámico con Total

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 conjunto 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!

También podría gustarte

Cómo duplicar fotos y videos en iPhone y iPad

iOS 16.4 Beta: Cómo atenuar automáticamente el video cuando se detectan destellos de luz

Cómo corregir el seguimiento de pasos inexacto de Apple Watch

macOS: cómo usar acciones rápidas en Finder

Cómo agregar sugerencias de Siri a la pantalla de inicio en iPhone (2023)

ETIQUETADO: Cómo, con, contenido, dinámico, diseñar, sitio, WordPress
ThemeLocal noviembre 18, 2021
Comparte este artículo
Facebook Twitter Pinterest Whatsapp Whatsapp
Cuota
¿Qué piensas?
Amor0
Triste0
Contento0
Somnoliento0
Enfadado0
Sin comentarios0
Guiño0
Artículo anterior Cómo agregar un formulario de contacto a WordPress
Artículo siguiente Complementos de WordPress para aumentar la participación de la audiencia
Deja un comentario

Deja una respuesta Cancelar la respuesta

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

Publicación popular

Cómo eliminar una lista de reproducción de tu iPhone
Cómo
¿El modo de enfoque no funciona? Pruebe estos 8 consejos para solucionar problemas
Cómo
Revisión de Acer Aspire 3
Reseñas de tecnología
iOS 16.4 Beta: Cómo habilitar el aislamiento de voz para llamadas de teléfono celular
Cómo
Revisión de la serie 7000 de Philips
Reseñas de tecnología
Oppo Find X6 Pro vs Oppo Find X5 Pro: ¿Qué hay de nuevo?
Versus

También podría gustarte

Cómo

Cómo duplicar fotos y videos en iPhone y iPad

hace 2 horas 2 Minutos mínimos para leer
Cómo

iOS 16.4 Beta: Cómo atenuar automáticamente el video cuando se detectan destellos de luz

hace 6 horas 2 Minutos mínimos para leer
Cómo

Cómo corregir el seguimiento de pasos inexacto de Apple Watch

hace 7 horas 7 Minutos mínimos para leer
Cómo

macOS: cómo usar acciones rápidas en Finder

hace 11 horas 3 Minutos mínimos para leer
Cómo

Cómo agregar sugerencias de Siri a la pantalla de inicio en iPhone (2023)

hace 11 horas 4 Minutos mínimos para leer
Cómo

iOS 16.4 Beta: Cómo habilitar el aislamiento de voz para llamadas de teléfono celular

hace 15 horas 3 Minutos mínimos para leer
Cómo

Cómo crear un GIF en Photoshop

hace 19 horas 3 Minutos mínimos para leer
Cómo

Cómo eliminar una lista de reproducción de tu iPhone

hace 20 horas 5 Minutos mínimos para leer
Mostrar más
ThemeLocal: consejos de blog que funcionan como magiaThemeLocal: consejos de blog que funcionan como magia
Síganos

© 2022 Themelocal. Reservados todos los derechos.

  • Términos de Uso
  • Política de privacidad
  • Política de cookies
  • Contactar

Removed from reading list

Deshacer
Welcome Back!

Sign in to your account

¿Perdiste tu contraseña?