Cómo agregar una imagen de fondo

Haz clic en la tercera pestaña, el ícono de Imagen.

Haz clic en el ícono gris de + para abrir la Biblioteca de Medios, donde puedes seleccionar una foto ya subida o subir una nueva.

Opciones de Imagen de Fondo

• Usar efecto Parallax – Para aplicar un efecto parallax a la imagen (donde la imagen se desplaza más rápido que el contenido en primer plano, dando la ilusión de un efecto 3D), activa esta opción. Por defecto, esta opción está desactivada.

• Tamaño de la Imagen de Fondo – Elige el tamaño de la imagen de fondo desde el menú desplegable.

• Posición de la Imagen de Fondo – Elige la posición de la imagen de fondo desde el menú desplegable.

• Repetición de la Imagen de Fondo – Elige si y cómo se repite la imagen de fondo desde el menú desplegable.

• Mezcla de la Imagen de Fondo – Elige cómo se mezcla la imagen de fondo con otras capas del módulo desde el menú desplegable.

Cómo agregar un video de fondo

Haz clic en la cuarta pestaña, el ícono de Video.

Haz clic en el ícono gris de + para abrir la Biblioteca de Medios, donde puedes seleccionar un video ya subido o subir uno nuevo.

Opciones de Video de Fondo

• Mp4 vs WebM – Se recomienda subir tanto la versión mp4 como la versión webm del video, porque no todos los navegadores soportan el formato WebM. Subir ambos garantiza que el video se reproduzca en todos los dispositivos y navegadores.

• Ancho del Video de Fondo – Establece el ancho del video escribiendo un valor numérico.

• Alto del Video de Fondo – Establece el alto del video escribiendo un valor numérico.

• Pausar Video cuando Otro Video se Reproduce – Si quieres que el video de fondo se pause cuando otro video esté en reproducción, activa esta opción. Por defecto, el video se pausa cuando no está visible. Si quieres que el video siga reproduciéndose, desactiva esta opción.

Cómo agregar un patrón de fondo

Haz clic en la quinta pestaña, el ícono de Patrón.

Haz clic en Agregar Patrón de Fondo.

Elige el tipo de patrón que deseas desde el menú desplegable.

Opciones de Patrón de Fondo

• Color del Patrón – Selecciona el color del patrón desde la paleta de colores de tu sitio o usa el ícono de cuentagotas para elegir un color nuevo.

• Transformación del Patrón – Puedes transformar el patrón horizontalmente, verticalmente, rotarlo o invertirlo.

• Tamaño del Patrón – Selecciona el tamaño del patrón: tamaño real, cubrir, ajustar, estirar para llenar o tamaño personalizado. Si eliges tamaño personalizado, aparecerán opciones para ancho y alto del patrón, que puedes ajustar con el deslizador o escribiendo un valor numérico.

• Origen de Repetición del Patrón – Selecciona el origen desde donde se repetirá el patrón.

• Desplazamiento Horizontal y Vertical del Patrón – Ajusta el desplazamiento horizontal y vertical del patrón.

• Repetición del Patrón – Elige cómo se repite el patrón: horizontalmente, verticalmente, etc.

• Modo de Mezcla del Patrón – Define cómo la capa del patrón interactúa con las capas debajo. Selecciona uno de los 16 modos de mezcla disponibles desde el menú desplegable.

Cómo agregar una máscara de fondo

Haz clic en la sexta pestaña, el ícono de Máscara.

Haz clic en Agregar Máscara de Fondo.

Selecciona el tipo de máscara que deseas desde el menú desplegable.

Opciones de Máscara de Fondo

• Color de la Máscara – Elige el color de la máscara desde la paleta de colores de tu sitio o usa el ícono de cuentagotas para elegir un nuevo color.

• Transformación de la Máscara – Puedes transformar la máscara horizontalmente, verticalmente, rotarla o invertirla.

• Relación de Aspecto de la Máscara – Establece la relación de aspecto de la máscara, que es la proporción entre el ancho y alto.

• Tamaño de la Máscara – Selecciona el tamaño de la máscara: tamaño real, cubrir, ajustar, estirar para llenar o tamaño personalizado. Si eliges tamaño personalizado, aparecerán opciones para ancho y alto que puedes ajustar con el deslizador o valor numérico.

• Modo de Mezcla de la Máscara – Define cómo la capa de la máscara interactúa con las capas debajo. Selecciona uno de los 16 modos de mezcla disponibles.

Etiqueta de Administración

La Etiqueta de Administración es donde puedes darle un nombre al módulo visible solo para ti, para ayudarte a mantener todo organizado y fácil de entender en el backend. Por defecto, la etiqueta será el nombre del módulo, pero puedes cambiarla por el texto que prefieras.

Pestaña Diseño

Aquí encontrarás todos los estilos y opciones de diseño para el módulo Portafolio Filtrable.

Diseño

Puedes elegir el diseño en que quieres que se muestre tu portafolio: en cuadrícula o ancho completo.

• Ancho completo – Selecciona esta opción si quieres que el portafolio se muestre a lo ancho, con los proyectos uno tras otro.

• Cuadrícula – Selecciona esta opción si quieres que el portafolio se muestre en una cuadrícula. Por defecto, es una cuadrícula de 4 columnas.

Superposición

Puedes personalizar un ícono y color de superposición cuando el portafolio está en diseño de cuadrícula. Al pasar el cursor sobre una imagen, aparece una superposición con un ícono.

• Color del Ícono de Zoom – Color del ícono que aparece sobre la imagen al pasar el cursor. Puedes elegir un color de la paleta o usar el cuentagotas para otro color. Para hacer el ícono transparente, haz clic en el círculo con línea roja.

• Color de la Superposición al pasar el cursor – Selecciona el color para la superposición cuando el cursor esté sobre la imagen. Puedes elegir un color o hacerla transparente.

• Selector de Ícono al pasar el cursor – Selecciona el ícono que deseas usar como ícono de hover.

Imagen

Aquí puedes darle estilo a las imágenes destacadas del portafolio.

• Esquinas Redondeadas de la Imagen – Para redondear las esquinas, escribe un valor numérico. Cuanto más alto, más redondeadas. Los valores están vinculados por defecto (cadena azul), si quieres valores diferentes para cada esquina, haz clic para desvincularlos.

• Estilo del Borde de la Imagen – Agrega un borde a las imágenes del portafolio, en todos los lados o individualmente (arriba, derecha, abajo, izquierda).

• Ancho del Borde de la Imagen – Establece el grosor del borde. Debe ser al menos 1px para que se muestre.

• Color del Borde de la Imagen – Elige el color del borde desde la paleta o con el cuentagotas.

• Estilo del Borde de la Imagen – Selecciona el estilo del borde: sólido, punteado, doble, etc.

• Sombra de Caja de la Imagen – Controla la posición horizontal y vertical, fuerza del desenfoque y expansión de la sombra. También puedes elegir el color y la posición (sombra exterior o interior).

• Matiz de la Imagen – Ajusta el matiz con el deslizador o valor numérico.

• Saturación de la Imagen – Ajusta la saturación.

• Brillo de la Imagen – Ajusta el brillo.

• Contraste de la Imagen – Ajusta el contraste.

• Invertir Imagen – Invierte los colores.

• Opacidad de la Imagen – Ajusta la opacidad.

• Desenfoque de la Imagen – Ajusta el desenfoque.

• Modo de Mezcla de la Imagen – Elige cómo se mezcla la imagen con otras capas (normal, multiplicar, pantalla, etc.).

Texto

Aquí configuras el estilo general del texto del módulo, aunque puedes definir estilos específicos en otras opciones como el texto del conteo de comentarios o posición.

• Alineación del Texto – Elige la alineación: izquierda, centro, derecha o justificado.

• Color del Texto – Selecciona la paleta de colores del texto por defecto: claro u oscuro. Esto se configura en las opciones del tema Divi.

• Sombra del Texto – Puedes aplicar una sombra a todo el texto del módulo.

Texto del Título

Aquí configuras estilos específicos para el texto del título.

• Nivel de Encabezado – Elige el nivel de encabezado asignado al título: h1, h2, h3, h4, h5 o h6.

• Fuente del Título – Elige la fuente para el título. Por defecto, se selecciona automáticamente, pero puedes cambiar o subir una fuente personalizada.

• Peso de Fuente del Título – Selecciona el grosor de la fuente.

• Estilo de Fuente del Título – Elige el estilo: cursiva, mayúsculas, pequeñas mayúsculas, subrayado o tachado.

• Alineación del Texto del Título – Elige la alineación solo para el título: izquierda, centro, derecha o justificado.

• Color del Texto del Título – Elige un color específico para el título, desde la paleta o con el cuentagotas.

• Tamaño del Texto del Título – Ajusta el tamaño con el deslizador o valor numérico.

• Espaciado entre Letras del Título – Ajusta el espacio entre letras. Más alto, más espacio.

• Altura de Línea del Título – Ajusta el espacio entre líneas. Más alto, más espacio.

• Sombra del Texto del Título – Añade sombra al título y configura dirección, fuerza y color.