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](http://gqxi.cn/wp-content/uploads/2025/05/20250507102041910-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/05/20250507102201202-image.png)
- 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](http://gqxi.cn/wp-content/uploads/2025/05/20250507102237751-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/05/20250507102536861-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/05/20250507102646517-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507102717744-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507102826906-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507102930788-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507103322806-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507103241178-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/05/20250507103407763-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104352391-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104418211-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104450334-image.png)
![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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104601214-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104515363-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104705799-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507104855329-image.png)
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](http://gqxi.cn/wp-content/uploads/2025/05/20250507105034576-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507105208837-image.png)
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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507105250868-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507105329463-image.png)
- 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.](http://gqxi.cn/wp-content/uploads/2025/05/20250507105342548-image.png)
- 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](http://gqxi.cn/wp-content/uploads/2025/05/20250507105549730-image.png)
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
|
① 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 |
Enlace a este artículo:http://gqxi.cn/es/53064El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios