Sección de título

Puede agregar una Titular Secciones para usted página directamente para que pueda agregar una descripción para la página. Cuando desee mostrar una imagen y el texto relevante contra ella, puede utilizar esta sección.

La imagen cargada aquí no es compatible con el modo de caja de luz. Se puede cambiar la escala arrastrando las esquinas de la imagen.

Esta sección se puede utilizar principalmente para una página Acerca de mí/nosotros. Tú también puedes vincula la imagen a cualquier página que desees.

En este artículo hablaremos de:

1. Agregar una sección de título
2. Gestionar el contenido
3. Administrar elementos
4. Cambia el diseño
5. Diseño de texto de ajuste automático
6. Diseño de la sección de portada
7. Las opciones de Estilo

---

Agregue una sección de título:

• Se puede agregar una sección a una página. Puede agregar una sección a una página ya existente o crear una nueva página dentro de su sitio web.
• En tu pagina, Haga clic en el azul + icono para agregar un Nueva sección a tu página.

• Ahora verá el categorías de sección en el lado izquierdo.
• Elija el Secciones de héroes (1) opción y seleccione Titular (2) .

• Elige cualquiera diseño de la sección (3) y haga clic en él para agregarlo a su página.
• A medida que se agrega la sección, puede editar el texto y cargar cualquier imagen.

---

Gestionar el contenido

Una vez que haya agregado la sección: 

• Haga clic en el elemento Contenido editado Botón (1).

• Esto abrirá la Panel de elementos de título (2).

Desde aquí, puede:

• Subir una imagen principal (1) para el bloque Titular.
• Subir una imagen secundaria (2) para el bloque Titular (solo en diseños seleccionados).

• Agregue un Título (3), Subtítulo (4), y Descripción (5) del bloque Titular. Antes de añadir la descripción, compruebe este artículo.

• Agrega cualquier tipo de Enlace (6) a la sección del título. Puede agregar un botón/enlace de imagen/icono social/enlace de texto. Más información.
• guarde (7) sus cambios.

---

Administrar elementos

La sección de título incluye un Pestaña Elementos que le permite administrar la visibilidad de varios elementos dentro de la sección con facilidad. Con simples interruptores, puede habilitar o deshabilitar elementos específicos sin tener que eliminar o modificar los elementos en sí.

• Haga clic en Contenido editado Botón (1).

• Elija el Elementos (2) pestaña.
• Después de realizar los cambios, presione el botón guarde Botón (3).

Opciones de artículos

1. Mostrar imagen: Alternar la visibilidad de las imágenes.
2. Mostrar título:Controla si se muestra el título.
3. Mostrar subtítulo:Habilitar o deshabilitar subtítulos.
4. Mostrar descripcion:Administrar la visibilidad de las descripciones de los artículos.
5. Mostrar Botones:Decide si se deben mostrar los botones de elementos individuales.

---

Cambia el diseño

• Haga clic en el elemento Contenido editado Botón (1).

• Elija el Diseño (2) pestaña.
• Seleccione la Forma para Lentrenamiento (3) para su sección y guarde (4) los cambios.

---

Diseño de texto de ajuste automático

La sección Autofit Text es una poderosa herramienta para crear contenido de texto dinámico y responsivo en su sitio web Pixpa.

Esto le permite establecer un tamaño de fuente máximo y el texto cambiará de tamaño automáticamente según el tamaño de pantalla, el espacio y la longitud del texto disponibles, lo que garantiza una legibilidad óptima y un atractivo estético.

---

Agregar sección de ajuste automático a la página

• Haga clic en el elemento  azul + icono para agregar un Nueva sección a tu página.

• Elija el Secciones de héroe (1) categoría y haga clic en el Titular (2) pestaña.

• De los diseños disponibles en la sección de Título, desplácese hasta la parte inferior y Seleccione cualquiera de los diseños marcados en la captura de pantalla. según su preferencia.

---

Editar sección de ajuste automático

• Haga clic en el elemento Editar bloque de texto de ajuste automático botón en la esquina superior derecha de la sección.
• En la sección Contenido pestaña, puede especificar el contenido del texto de la sección usando 1.º, 2.º y 3.º campos de texto.
• El tamaño de fuente del texto se ajustará automáticamente según el tamaño de la pantalla y la longitud del texto. Finalmente, guarde (4) los cambios.

Sección de ajuste automático de estilo

Personaliza el estilo de la sección desde el DE ESTILO RESORT pestaña. Encontrarás las siguientes opciones aquí:

1. Alto de línea: especifique el espacio vertical entre líneas de texto.
2. Tamaño máximo de fuente: establece el tamaño máximo de fuente que puede alcanzar el texto.
3. Alineación de texto: alinea el texto horizontalmente dentro de la sección.
4. Familia de fuentes: elija la familia de fuentes, como Título 1, Título 2, Párrafo, etc.

---

Diseño de la sección de portada

La sección de portada se puede usar cuando se desea agregar texto, un botón y un fondo a la sección. La sección de portada es la más sencilla y se puede personalizar con mucha facilidad.

También puedes insertar códigos personalizados dentro de este diseño utilizando la opción de fragmento de código personalizado. Más información.

Agregar diseño de sección de portada a una página:

• En tu pagina, Haga clic en el azul + icono para agregar una nueva sección.

• Ahora verá el categorías de sección en el lado izquierdo.
• Elija el Secciones de héroe (1) categoría y haga clic en el Titular (2) pestaña.

• De los diseños disponibles en la sección de Título, desplácese hasta la parte inferior y Seleccione el diseño marcado en la captura de pantalla..

Obtenga más información sobre agregar y editar fragmentos en el diseño de la sección de portada.

---

Las opciones de estilo

• Haga clic en el elemento Contenido editado Botón (1).

• Elija el  DE ESTILO RESORT (2) pestaña.
• Cambie el estilo de los elementos de la sección y guarde (3) sus cambios.

---

Tendrá múltiples opciones de estilo para la sección: 

1. Opciones de estilo de imagen
2. Máscara de forma
3. Opciones de borde de imagen
4. Alineación y Color
5. Opciones de espaciado
6. Tamaño del texto
7. Botones y enlaces

Imágenes 

1. Elija el Imedad cultivo para la imagen Puede configurar la imagen como Cuadrado, Círculo, Paisaje, Retrato y Dinámico.
2. Elija tener un radio de esquina común o un radio de esquina diferente para cada lado de los elementos de la lista y establezca un número (en px) para el Radio de Esquina de las imágenes de elementos de la lista.
   Usando el radio de esquina campo, puede crear diferentes formas de imagen. En caso de que especifique 500 px aquí, la imagen se mostrará en forma de círculo.
   En caso de que haya elegido esquinas divididas, puede establecer un radio de esquina diferente para cada esquina. Saber más. 
3. Elija Animar imágenes al pasar el mouse haciendo clic en Sí.
4. Elige entre los diferentes Estilo de animación para imágenes al pasar el mouse.

Cuando se aplica el diseño de título de ancho completo, verá esta opción adicional:

• Especificar el color de superposición: Esto le permite aplicar una superposición de color En toda la sección del titular. Puedes elegir cualquier color con el selector de color y controlar su transparencia con el control deslizante de opacidad, lo que te ayuda a mejorar la visibilidad del texto o a crear un estilo visual específico.

---

Máscara de forma

1. Máscara de forma: Active este interruptor para aplicar una máscara de forma a la imagen en la sección Título. Una vez activado, la forma seleccionada se ajustará visualmente a la imagen.
2. Seleccionar forma: Elige entre varias formas predefinidas para aplicar a tu imagen. Esto te permite estilizar tu contenido de forma creativa, mostrando la imagen en una forma única, como redondeada, en forma de diamante, en forma de gota, etc.

---

Opciones de borde de imagen

1. Activar/Desactivar borde alrededor de las imágenes cambiando el interruptor.
2. Elige tener un frontera común en todos los lados de las imágenes o puede especificar el fronteras por separado para cada lado.
3. Especifica el el ancho de la frontera. Si se establece en 0, el borde no aparecerá. También tiene la opción de establecer el ancho del borde individualmente para cada lado de la imagen.
4. Seleccione la Forma para Color del borde del selector de color.
5. Seleccione un preferido Estilo de Borde desde el desplegable.
6. Determina el ancho de borde para movil dispositivos, alineándolo con el ancho elegido para escritorio.

---

Alineación y Color 

1. Alineación el contenido en la sección Título horizontalmente. Puede configurarlo para que esté alineado a la izquierda, a la derecha o al centro.
2. Alineación el contenido en la sección Título verticalmente. Puede configurarlo para que esté alineado superior, inferior o central.
3. Seleccione si desea conservar el Color de base (color de fondo del cuadro de texto) a Predeterminado o Personalizado.
4. Si has elegido Personalizado para el color base, tienes la opción de seleccione el color de fondo. También puede especificar el opacidad del color base.

---

Tamaño y espacio 

1. Especifica el Ancho de imagen para la imagen del bloque Titular.
2. Especifica el Ancho del contenido para el texto del bloque Titular.
3. Especifica el Espacio o superposición entre tarjeta de texto e imagen (en %).
4. Especifica el Espacio debajo del título (en %).
5. Especifica el Espacio debajo del subtítulo (en %).

---

Texto 

1. Haga clic en el elemento Cambiar estilo de texto botón para visitar el Diseño sección y administre sus tamaños y estilos de fuente. 
2. Configure  Título estilo de fuente para la sección del bloque Titular.
3. Configure  Subtítulo estilo de fuente para la sección del bloque Titular.
4. Establecer el valor predeterminado Descripción estilo de fuente para la sección del bloque Titular.
5. Habilitar esta opción para animar cualquier número Presente en el Título y Subtítulo campos. Cuando se activa, los valores numéricos aparecerán con una animación de conteo dinámica, lo que los hace más atractivos visualmente.

---

Botones y enlaces 

Puede agregar diferentes tipos de botones a la sección Titular. Son los siguientes:

• Botón Normal (1) Botón de imagen (2), y Botón del icono (3).

1. Especifica el Espacio entre diferentes botones/enlaces.
2. Especifica el Espacio encima del botón/enlaces dentro de la tarjeta de texto.
3. Configure Ancho del botón dentro de la tarjeta de texto.

Tamaño del botón 

1. Establecer el tamaño de Botón normal. Puede elegir entre tres opciones: Pequeño, Mediano y Grande.
2. Especifica el Botón de altura de imagen en píxeles.
3. Configure Tamaño del botón de icono en píxeles.

4. Configure Tipo de Icono para el botón de icono.
5. Elija el Estilo de Color para icono dentro del botón. Puede seleccionar el color de la marca del ícono o especificar cualquier color de su elección.
6. Configure Color del icono del botón Icono. Verá esta opción solo cuando habilite Color seleccionado Opción (28).
7. Si ha seleccionado Personalizado En el paso anterior (29), puede configurar su color preferido para el ícono dentro del botón.
8. Seleccione la Forma para Color de Fondo: para el botón de icono.

---

Vea cómo funciona el radio de esquina: 

---

Artículos relacionados:

• Tipos de secciones
• Visibilidad de la sección
• Construya su sitio web usando Pixpa