El bloque GutenKit Advanced Tab en WordPress le permite agregar campos personalizados a sus publicaciones y páginas. Estos campos se pueden utilizar para almacenar información adicional sobre su contenido, como información del autor, publicaciones relacionadas o metadatos personalizados.

Consulta la documentación y aprende a utilizar el bloque Pestaña avanzada de GutenKit.

¿Cómo se puede utilizar el bloque de pestaña avanzada? #

Acceso a su panel de WordPress –

• Encontrar Páginas/Publicaciones > Agregar nueva página/publicación o comience a editar una página existente con el editor de bloques.
• Busca el "+”Icono en el lado derecho o en la parte superior de la pantalla del editor. Pinchalo.
• Aparecerá un menú de bloqueo, busca “Lengüeta avanzada”.
• Cuando lo veas, haz clic en él o arrástralo y suéltalo en la pantalla del editor de bloques.

Editar parte del contenido #

Contenido de la pestaña – Aquí agregas pestañas según tus necesidades. Cuando expanda una pestaña, puede personalizar el nombre del elemento y establecer el ícono.

Configuración de pestañas – La opción de configuración le permitirá ajustar la Dirección de las pestañas, Justificar, Alineación de título, Alineación de contenido, Justificar contenido, elegir estilos de intercalación, Habilitar URL Hash y configurar Evento del mouse al hacer clic o pasar el mouse.

Lea la explicación a continuación para comprender el estilo Caret y las funciones Habilitar URL Hash.

➡️ Estilo de intercalación: Se refiere a una marca o diseño, adherido con una línea. Aquí, representa el estado actual de su pestaña.

➡️ Habilitar hash de URL: Cuando habilita esta opción, la función le permitirá obtener enlaces únicos y diferentes de cada pestaña con un Hash (#). Puedes comprobarlo desde el frente.

Estilo #

Aquí puede cambiar el fondo, el borde, el relleno, la sombra del cuadro, la tipografía, el color, ajustar el ancho y el alto cuando sea necesario y otras cosas relevantes para:

• Envoltorio de navegación: Contiene todos los individuos Elementos de navegación (pestañas).
• Elementos de navegación: Desde aquí, puedes diseñar todos los elementos individuales.
• Cuerpo: Contiene la parte del contenido y te permite diseñarlo.
• Signo de intercalación: Puede diseñar el estilo de intercalación con esta función.

Salida final #

Hemos preparado un ejemplo para usted:

Has completado el tutorial. ¡Ahora es tu momento de intentarlo!