A principios de esta semana, presentamos Divi 2.4 , la mayor actualización en la historia de Divi y un gran avance para nuestro tema de WordPress más popular. Hay tantas funciones excelentes para explorar en esta actualización que fue difícil describirlas todas en la publicación de lanzamiento, por lo que hemos decidido hacer una serie de publicaciones de blog informativas de 2 semanas que tendrán como objetivo enseñarle cómo tomar aprovecha al máximo Divi 2.4 y sus nuevas opciones. En la tercera parte de esta serie, hablaremos sobre cómo usar Divi Builder para crear publicaciones de blog atractivas y atractivas.
Aprenda todo sobre Divi 2.4 aquí
La publicación impulsada por una historia es el comienzo de una revolución en los blogs. Los diseñadores lo han estado haciendo durante años en los medios impresos, donde los programas de diseño les dieron rienda suelta a la página. Creando artículos dinámicos donde la tipografía, las formas y las imágenes se entrelazan para dar a cada página una personalidad propia. A medida que la web ha evolucionado, también lo han hecho las publicaciones, transformándose lentamente de párrafos simples a obras maestras de medios mixtos.
Uno de los primeros ejemplos de una publicación basada en una historia de medios mixtos es el artículo Snowfall del New York Time . Desplazarse hacia abajo en esta página es más que su experiencia de lectura promedio. Tales publicaciones aprovechan al máximo lo que la computadora y el navegador tienen para ofrecer, combinando videos, imágenes, texto e interactuando con el comportamiento del visitante (como el desplazamiento) para crear una experiencia más dinámica.
Desde entonces han aparecido muchas piezas similares, como el reciente artículo de Paul Ford de 38.000 palabras “¿ Qué es el código? “, que empujó los límites aún más. Estas piezas de ruptura pueden ser un cambio bienvenido para sus lectores, y el tiempo adicional que dedica a perfeccionar el diseño de sus artículos puede generar una mayor vitalidad. Este es el futuro de las publicaciones en línea, y así es como puede destacarse entre la multitud.
Las historias se pueden contar visualmente
Las historias se pueden contar de diferentes maneras. Cuando leemos una novela, confiamos únicamente en las palabras y en nuestra imaginación. Esto difiere mucho del cine, donde la narración ha sido reemplazada por técnicas diferentes: una combinación de palabras, sonidos e imágenes que se han enmarcado, actuado y arreglado cuidadosamente. Las publicaciones de blog no son diferentes, ya que son un lienzo de medios mixtos con herramientas y técnicas disponibles que a menudo no se utilizan. Cuando lees el proyecto de Pitckfork Glitter In The Dark , cada desplazamiento de la rueda del mouse es un nuevo cuadro en un libro animado en línea que te hace avanzar una imagen a la vez. Cuando explora Killing Kennedy de National Geographic, retrocede en el tiempo en una experiencia en línea surrealista.
¡Este tipo de publicaciones de blog ahora son posibles con Divi 2.4, ya que el generador ahora se ha habilitado para todos los tipos de publicaciones! Usando Divi Builder, puede construir algunas cosas bastante sorprendentes que nunca fueron posibles antes de usar el editor TinyMCE estándar que se incluye con WordPress.
La anatomía de una hermosa publicación de blog Divi
Una buena entrada de blog cuenta una historia, y la cuenta bien. Para contar una buena historia en un medio visual como la web, es necesario pensar no solo en lo que está escribiendo , sino también en cómo se muestra su escritura . Usar un buen tema con un gran estilo tipográfico base es un buen comienzo, pero aún debe tomar algunas decisiones por su cuenta, como el orden y la estructura de los elementos en su página.
1. No tengas miedo de deshacerte de la barra lateral : las barras laterales son cada vez menos necesarias. Incluso si tiene una barra lateral en todo su blog, podría considerar eliminarla de una o dos publicaciones para poder aprovechar todo el ancho de la pantalla (al igual que los ejemplos anteriores de «Snowfall» y «¿Qué es el código?» ). Si realmente desea mantener los widgets de la barra lateral en la publicación, pero aún desea usar el ancho completo, considere agregarlos al final de su página en una fila de 1 columna usando el módulo de barra lateral. Esto es posible utilizando la nueva opción de diseño «Ancho completo» de Divi para las publicaciones, que se encuentra dentro del cuadro Configuración del tema Divi.
2. No te vuelvas loco : a veces, la simplicidad es tu mejor amigo. Con todos los módulos disponibles en Divi, puede ser tentador agregar un tono de cosas a tu publicación. Considere que incluso cuando se limita a los elementos básicos, como los módulos de texto e imagen, aún puede crear una publicación inspiradora basada únicamente en cómo se organizan esos elementos utilizando los diseños de columna de Divi. Las publicaciones de blog de ejemplo a continuación se crearon casi en su totalidad con módulos de texto e imagen.
3. Use fotos con cuidado : las imágenes hermosas pueden hacer que una publicación se vea increíble, pero las imágenes malas también pueden arruinar su diseño. Si usa fotos en su blog, tenga cuidado de elegir imágenes de alta calidad que tengan un estilo cohesivo. Encontrar buenas fotos puede ser un desafío, así que asegúrese de revisar nuestra publicación sobre el tema .
Haga clic aquí para ver la publicación
4. Use columnas para hacer que el contenido sea digerible : las publicaciones de blog largas pueden ser especialmente difíciles de asimilar cuando el mismo formato se repite una y otra vez (texto, imagen, texto, imagen, imagen de texto). Puede ser difícil saber qué cosas se relacionan entre sí, y puede perderse fácilmente en la publicación. Con los diseños de columnas de Divi, tiene la oportunidad de crear un diseño que tenga sentido para el contenido que está mostrando.
5. Sea consciente de su espacio : ir a Fullwidth es una excelente opción, pero usar una barra lateral también puede verse bien. Pero no olvide considerar el espacio disponible para su contenido según el tamaño de su barra lateral y el ancho del contenido de su sitio web. En general, colocar texto dentro de una fila de 1/4 de columna puede ser difícil de leer cuando tiene una barra lateral habilitada. Trate de apegarse a 1/3 columnas y más.
Haga clic aquí para ver la publicación
6. El espacio en blanco es tu amigo : dale a tus imágenes y texto algo de espacio para respirar. Con Divi, cada módulo, fila y sección tiene controles de espaciado personalizados en la pestaña Configuración de diseño avanzada. A veces, agregar algo de espacio adicional alrededor de su texto puede hacer que su artículo sea más fácil de entender. No se preocupe si las cosas están «en la mitad superior de la página» o si su página es demasiado larga. Un hombre inteligente dijo una vez: “Ninguna página puede ser demasiado larga, solo demasiado aburrida”. Una historia eficaz es intrigante y la curiosidad atraerá a los visitantes hacia abajo de la página de forma natural.
7. Combina tu texto e imágenes : en un diseño de publicación de blog bien diseñado, cada pieza de contenido juega un papel pequeño en una imagen más grande. Cada imagen debe estar alejada del texto que la rodea. Hay tantas oportunidades para crear diseños atractivos al permitir que el texto, las imágenes y los colores de fondo jueguen juntos. Observe en la publicación a continuación, cómo la curva en la silla da paso a los mostradores de la barra a la izquierda de ellos. Observe en la publicación anterior cómo los pasos detallados para crear un especial van acompañados de imágenes instructivas a la derecha.
8. Usar fondos de secciones para organizar el contenido : usar secciones para separar partes más grandes de contenido es una excelente manera de hacer que su artículo esté más organizado, como los capítulos de una historia.
Haga clic aquí para ver la publicación
Use el módulo de título de publicación de Divi para darle a su publicación una apariencia única
Antes de Divi 2.4, todas las publicaciones tenían un diseño uniforme, incluido el título de la publicación y los metadatos. Con la introducción de Divi Builder para publicaciones, queríamos asegurarnos de que todo sobre su publicación fuera personalizable, incluida la visualización de los elementos estándar de su publicación: título de la publicación, metadatos e imagen destacada. Esto ahora es posible usando el módulo de título de publicación .
Deshabilitar la visualización estándar del título de la publicación
Al escribir una publicación con Divi, ahora se puede desactivar la visualización estándar del título de la publicación. Una vez deshabilitado, se le da rienda suelta para usar Divi Builder para construir toda su publicación, incluido el título de la publicación.
Uso del módulo de título de publicación de Divi
Una vez que se ha desactivado el título de publicación estándar, puede usar el módulo de título de publicación Divi para agregar automáticamente un título de publicación personalizado y con un estilo hermoso en la parte superior de su página.
Este módulo muestra automáticamente información importante de la publicación, como el título de la publicación, el nombre del autor, la fecha de la publicación, el número de comentarios, las categorías y la imagen destacada; todas las cosas que normalmente encontrarías en la parte superior de tu publicación. Estas piezas de información se pueden activar y desactivar, y también se pueden reorganizar en diferentes diseños y estilos usando la configuración del módulo de título de publicación.
Esto le permite crear un aspecto completamente nuevo para su publicación de blog. Por ejemplo, en la siguiente publicación, hemos deshabilitado la visualización estándar del título de la publicación a favor del módulo de título de la publicación Divi. Configuramos el módulo para mostrar la imagen destacada como fondo y también agregamos un estilo de texto personalizado para el título y un fondo semitransparente para el texto. Hay una amplia gama de looks que se pueden lograr usando diferentes combinaciones de configuraciones de títulos de publicaciones.
¡Diviértete y comienza a experimentar!
Espero que esta publicación le brinde algunas ideas sobre cómo se puede usar Divi Builder para ayudar a que su blog se destaque entre la multitud mediante la creación de artículos de medios mixtos basados en historias que rara vez se encuentran fuera de grandes publicaciones en línea con grandes equipos de desarrollo. . Trata de dedicar más tiempo al diseño de tu próxima publicación y observa qué sucede. Confía en mí, ¡tus visitantes quedarán impresionados!