Blocksy Es un sistema flexible y moderno WordPress El tema, con su constructor de pie de página, ofrece una gran libertad para hacer que la zona inferior del sitio sea rica en características y diseño. Este artículo explica el uso completo de Blocksy constructor pie de página, incluyendo la adición de componentes, ajuste de estilo,Gutenberg Entre sus características destacan la compatibilidad con widgets, los efectos de revelado de pie de página y la configuración condicional del pie de página.
![Imagen [1]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514094727622-image.png)
Ir al constructor de pies de página
Abra el personalizador de Blocksy en el backend de WordPress y seleccione la opción Pie de páginapuede acceder a la interfaz de construcción del pie de página.
En esta interfaz, puede arrastrar y soltar varios elementos en el área especificada para completar el diseño del fondo.
![Imagen [2]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514094907922-image.png)
Nota: Algunos elementos pertenecen a la versión Blocksy Premium, si no se muestra la función correspondiente, debe comprobar si dispone de una licencia de pago.
Operaciones de diseño mediante arrastrar y soltar
El constructor de pie de página Blocksy funciona mediante arrastrar y soltar:
- Seleccione el elemento que desea añadir en la parte izquierda (p. ej. logotipo(menús, texto, iconos sociales, etc.)
- Arrastrar y soltar en el pie de página derecho
![Imagen [3]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095234661-image.png)
- Alineación y posicionamiento automáticos de elementos
![Imagen [4]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095253650-image.png)
- Puedes seguir añadiendo más contenidos y mezclarlos y combinarlos libremente.
![Imagen [5]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095356456-image.png)
Compatibilidad con el editor Gutenberg en el área de widgets
Además de los elementos básicos, el pie de página de Blocksy admite áreas de widgets (Áreas de widgets) que se presta a una mayor ampliación de contenidos.
Al hacer clic en cualquiera de las áreas de gadgets, accederá a una versión lite del editor Gutenberg:
![Imagen [6]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095518986-image.png)
- Haga clic en el signo "+" para añadir un bloque
![Imagen [7]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095551881-image.png)
- Compatibilidad con todas las extensiones de bloque de plugins de Gutenberg
- Para compatibilidad con plugins antiguos, utilice el Bloque de widgets heredado
Estilos personalizados y configuración de filas
Tras hacer clic en cualquier elemento del pie de página, puede modificar los detalles del estilo en el panel izquierdo:
- Fuentes, colores
- espaciado en línea
- Colores de fondo y separadores
- Disposición y anchura de varias columnas
![Imagen [8]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095738877-image.png)
En la configuración de la fila, puedes:
- Personalizar el número de columnas de la fila actual (por ejemplo, dos, tres)
- Distribución proporcional entre las columnas de control
- Espaciado y márgenes
![Imagen [9]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095854901-image.png)
- Cambia a la pestaña "Diseño" para ajustar los colores, las fuentes y otras propiedades estéticas.
![Imagen [10]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514095921237-image.png)
Función de efectos especiales: Footer Reveal
Blocksy proporciona el efecto visual dinámico Footer Reveal:
![Imagen [11]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514100035637-image.png)
Cuando está activado, el pie de página se revela lentamente a medida que la página se desplaza hacia abajo, añadiendo capas dinámicas al diseño general.
Pies de página condicionales (Conditional Footers)
Para mostrar pies de página con contenidos diferentes en páginas diferentes, utilice la función de pie de página condicional de Blocksy:
- Abra el menú de configuración del pie de página y haga clic en "Crear nuevo pie de página".
- Asigne un nombre al nuevo pie de página y elija si desea clonar la estructura existente.
![Imagen [12]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514100434204-image.png)
- establecerCondiciones de visualizaciónA continuación se ofrecen algunos ejemplos de tipos de páginas, categorías, estados de inicio de sesión, etc.
![Imagen [13]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514100519716-image.png)
Esta función es adecuada para presentar contenidos personalizados a pie de página en páginas de inicio, páginas de artículos o en escenarios específicos de usuario.
![Imagen [14]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514100653269-image.png)
![Imagen [15]-Tutorial de uso de Blocksy Footer Builder: Dominio completo de la configuración personalizada, de diseño y condicional del pie de página.](https://www.361sale.com/wp-content/uploads/2025/05/20250514100734285-image.png)
resúmenes
Blocksy El constructor de pie de página funciona con claridad y es adecuado para los creadores de sitios web que necesitan personalizar sus diseños. Si usted es un diseñador, sitio web de negocios o personalblog (palabra de préstamo)Es fácil construir una zona inferior que satisfaga tus necesidades visuales.
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:https://www.361sale.com/es/54013El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)
简体中文 
English 
日本語 
Français 
Español 
Sin comentarios