Blocksy Blog Archive Page Guía de personalización completa (con área de encabezado, dise?o de tarjeta, animación de paginación, etc.)

Blocksy tematizado como.Página del archivo del blogSe proporciona una gran cantidad de opciones de personalización, incluyendo un área de cabecera superior, dise?o de tarjeta de artículo, estilos de paginación, animaciones de desplazamiento y mucho más. Tanto si eres un constructor de sitios novato como un desarrollador con necesidades de dise?o, puedes encontrar la presentación adecuada a partir de estos ajustes.

Este artículo te llevará paso a paso a través de las opciones de configuración de la página de archivo del blog que ofrece Blocksy para ayudarte a crear una página de inicio del blog más bonita y funcional.

Imagen[1]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento

I. Entrar en el personalizador de Blocksy

  • Una vez que se haya identificado, haga clic en el botón "Personalizador" situado en la parte superior de la página.
Imagen [2]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: crea una lista de artículos profesional con efecto de visualización de desplazamiento
  • Se recomienda cambiar a la "Página de archivo del blog" en la ventana de vista previa para ver el efecto de los cambios en tiempo real.
Imagen [3]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento

En segundo lugar, configure el área del título de la página del blog (Hero Section)

Vaya al área Entradas de blog para personalizar el estilo general de las entradas de su blog.

1. Activar/desactivar el área de título

Se puede utilizar un conmutador para controlar si el área de título se muestra o no.

Imagen [4]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: crea una lista de artículos profesional con efecto de visualización de desplazamiento

2. Tipos de disposición

  • Tipo 1: Dise?o regular y estrecho con información ordenada y centrada.
Imagen [5]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento
  • Tipo 2: Dise?o de ancho completo con imágenes de fondo, adecuado para sitios web con un estilo visual excepcional.
Imagen [6]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

3. Elementos de visualización

Se puede activar o desactivar lo siguiente:

  • Título
  • resúmenes(Extracto)
  • Navegación con migas de pan
Imagen [7]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

Admite mostrar u ocultar individualmente, y también admite ajustes de fuente, alineación, imagen de fondo y otros estilos.

4. Ajustes de alineación

Se puede ajustar la posición horizontal y vertical del contenido en el área del título.

Imagen [8]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

5. Configuración del mapa de fondo

  • Se pueden cargar imágenes personalizadas como fondo.
  • Permite ajustar el tama?o y la posición de la imagen
Imagen [9]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.
  • Active el desplazamiento de paralaje para mejorar el dinamismo visual.
  • A?ade una superposición de color o desactiva por completo la imagen de fondo para conseguir un estilo de color sólido.
Imagen [10]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

6. Ajuste de la altura mínima

La altura del área de cabecera puede ajustarse manualmente para adaptarse a diferentes estilos.

Imagen [11]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento

En tercer lugar, configure el dise?o de las tarjetas de blog (Tarjetas de blog)

Vaya al área de Estructura del blog y personalice la secciónblog (palabra de préstamo)La presentación del artículo.

1. Elija un estilo de tarjeta

Blocksy Se ofrecen los cinco dise?os siguientes:

  • Simple: tarjetas anchas dispuestas verticalmente
Imagen [12]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista profesional de artículos con efecto de visualización de desplazamiento.
  • Clásico: estilo de blog tradicional con gráficos y texto
Imagen [13]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista profesional de artículos con efecto de visualización de desplazamiento.
  • Rejilla: Visualización de tarjetas de rejilla
Imagen [14]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.
Imagen [15]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.
  • Portada: fondo de tarjeta con imagen destacada
Imagen [16]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

También hay subestilos dentro de cada dise?o (por ejemplo, Simple, En Caja, Cubierta dentro de Cuadrícula).

Imagen [17]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

2. Control de los elementos de la tarjeta

Puedes elegir libremente mostrar u ocultar los siguientes contenidos:

  • leyenda
  • Imagen destacada
  • resúmenes
  • Leer más
  • Información sobre la publicación (por ejemplo, hora, autor, categoría)
Imagen [18]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

Soporta la ordenación mediante arrastrar y soltar, estructura de disposición personalizada.

3. Estilos y espaciado

Liquidable:

  • Espacio entre tarjetas (Gap)
  • Márgenes interiores por tarjeta (relleno)
  • Alineación del contenido (izquierda/centro/derecha)
Imagen [19]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: crea una lista de artículos profesional con efecto de visualización de desplazamiento

IV. Paginación y configuración de los elementos de página

1. Control de la barra lateral

Se puede activar el lado izquierdo y el derecho.

Imagen [20]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.

2. Opciones de estilo de paginación

Blocksy Se admiten cuatro tipos de paginación:

  • Paginación estándar: con números de página y botones anterior/siguiente
Imagen [21]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.
  • Sólo botones delanteros y traseros: sin números de página, sólo alternar
Imagen [22]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.
  • Cargar más: haga clic para cargar más artículos
Imagen [23]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento.
  • Desplazamiento infinito: carga automáticamente la página siguiente sin actualizar la página.

Para sitios de blogs que desean mejorar la eficacia de la visualización de sus contenidos.

V. Animación de desplazamiento: la carta revela su efecto

Blocksy Proporcionar la opción "Cards Reveal Effect", cuando está activada, puede realizar la aparición dinámica de tarjetas de artículos durante el proceso de desplazamiento, lo que mejora la sensación general de dinamismo y modernidad.

Imagen [24]-Tutorial de configuración de la página de archivo del blog del tema Blocksy: para crear una lista de artículos profesional con efecto de visualización de desplazamiento

VI. Personalización del estilo y el dise?o (pesta?a Dise?o)

Cada zona incluye un panel de estilo independiente:

  • Configuración de fuentes: título, descripción, botones, etc.
  • Control del color: color del texto, color de fondo, color de la superposición
  • Sombreado de bordes: realza la tridimensionalidad
  • Degradados y patrones: para zonas de fondo visualmente ricas

VII. Resumen

Blocksy Ofrece opciones de personalización multidimensionales y modulares para páginas de archivo de blogs. Desde el dise?o visual hasta la disposición estructural, desde los métodos de paginación hasta las interacciones animadas, todo lo cual puede ajustarse rápidamente con una interfaz gráfica, estas opciones ayudan a los usuarios a crear páginas de blog acordes con la marca, fáciles de leer y visualmente atractivas. Para mejorar aún más la experiencia, también puedes explorar Blocksy Pro La función de sustitución de plantillas para una mayor libertad de control del contenido.

Actualizaciones recientes


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Este artículo fue escrito por: ladrones serán ratas y ratones coraje
EL FIN
Si le gusta, apóyela.
felicitaciones1332 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios