O bloco GutenKit Advanced Tab no WordPress permite adicionar campos personalizados às suas postagens e páginas. Esses campos podem ser usados para armazenar informações adicionais sobre o seu conteúdo, como informações do autor, postagens relacionadas ou metadados personalizados.

Verifique a documentação e aprenda a usar o bloco GutenKit Advanced Tab.

Como você pode usar o bloco Advanced Tab? #

Acesso ao seu painel do WordPress –

• Encontrar Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
• Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
• Um menu de bloqueio aparecerá, procure por “Guia Avançado”.
• Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.

Editando parte do conteúdo #

Conteúdo da guia – Aqui você adiciona abas de acordo com sua necessidade. Ao expandir uma guia, você pode personalizar o nome do item e definir o ícone.

Configurações da guia – A opção de configurações permitirá que você ajuste a direção, justificação, alinhamento do título, alinhamento do conteúdo, justificação do conteúdo das guias, escolha estilos de cursor, habilite hash de URL e defina o evento do mouse ao clicar ou passar o mouse.

Leia a explicação abaixo para entender o estilo Caret e os recursos Habilitar Hash de URL.

➡️ Estilo de cursor: Refere-se a uma marca ou desenho, anexado com uma linha. Aqui, representa o estado atual da sua guia.

➡️ Habilitar hash de URL: Ao habilitar esta opção, o recurso permitirá obter links únicos e diferentes de cada aba com um Hash (#). Você pode verificar isso no front-end.

Estilo #

Aqui, você pode alterar o plano de fundo, borda, preenchimento, sombra da caixa, tipografia, cor, ajustar largura e altura quando necessário e outras coisas relevantes para –

• Wrapper de navegação: Contém todos os indivíduos Itens de navegação (guias).
• Itens de navegação: a partir daqui, você pode estilizar todos os itens individuais.
• Corpo: contém a parte do conteúdo e permite projetá-la.
• Careta: você pode definir o estilo do cursor com esse recurso.

Resultado final #

Preparamos um exemplo para você –

Você concluiu o tutorial. Agora é sua hora de tentar!