Como criar um tipo de CCT

Vamos começar ativando o módulo Tipo de conteúdo personalizado .

Vá para a guia JetEngine > JetEngine > Módulos e ative a alternância Tipos de conteúdo personalizados . Isso fornecerá acesso à criação do CCT.

Depois que a página for recarregada, a guia Tipos de conteúdo personalizados estará disponível na área administrativa.

Vá para o painel JetEngine > Tipos de conteúdo personalizados e crie um novo CCT clicando no botão “Adicionar novo” .

Depois disso, você será redirecionado para a página Adicionar novo tipo de conteúdo .

Para obter a descrição de todas as opções de CCT, prossiga para Visão geral do tipo de conteúdo personalizado (CCT) .

Defina as configurações gerais

Nas Configurações Gerais , você precisa escrever o Nome do CCT, que será exibido no menu de administração do WordPress.

O Slug será anexado ao ‘wp_jet_cct_’ para criar um slug exclusivo para este CCT DB Table Name . Certifique-se de usar apenas letras minúsculas latinas. Hífens e sublinhados também são aceitos.

Em seguida, prosseguimos para a alternância Has Single Page . A ativação desta alternância é opcional e só é necessária se um item CCT precisar ter uma única página de acordo com a ideia do seu site. Por padrão, não há uma página única para um item CCT de acordo com a ideia inicial do CCT – armazenar um grande número de dados no banco de dados do site.

Ao ativar a alternância, aparece um campo adicional que permite selecionar o Tipo de postagem relacionada . Neste tipo de postagem, uma nova postagem será criada quando um novo item CCT for adicionado no backend ou no formulário front-end. Uma postagem neste tipo de postagem servirá como uma página única para o item CCT relacionado.

Você também pode especificar quais campos CCT serão preenchidos no campo de título e no campo de conteúdo da postagem . 

Já criamos dois campos de texto neste CCT para selecioná-los no Campo de Título e no Campo de Conteúdo de acordo. Você aprenderá como adicionar metacampos para um CCT posteriormente neste tutorial.

As próximas configurações ajudam a definir o ícone do menu e a posição do menu no painel de administração do WordPress.

O ícone do menu é o ícone à esquerda de um CCT na área administrativa.

E a posição Menu define uma parte do menu de administração do WordPress onde o CCT será exibido.

” alt=”ícone de menu na área de administração” width=”1824″ height=”1100″ data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area.webp” data-srcset=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area.webp 1824w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area-300×181.webp 300w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area-1024×618.webp 1024w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area-768×463.webp 768w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area-1536×926.webp 1536w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/menu-icon-and-position-in-the-admin-area-600×362.webp 600w” data-sizes=”(max-width: 1824px) 100vw, 1824px” />

Crie metacampos

Agora vamos para a seção Campos do tipo de conteúdo personalizado.

Como mencionado anteriormente, adicionamos dois campos personalizados ao CCT.

O primeiro campo é do tipo texto e preencherá o título de uma única postagem do CCT.

O segundo campo também é de texto e preencherá o conteúdo da postagem única.

Dois metacampos têm configurações semelhantes:

Adicionar colunas administrativas

A próxima parte das configurações do tipo de conteúdo personalizado é Admin Columns . As colunas administrativas ajudam a exibir os dados de cada item CCT na página Tipo de conteúdo personalizado na área administrativa.

Portanto, ativamos a alternância de várias colunas para que sejam exibidas nas colunas administrativas na página CCT no back-end. O resultado você irá mais longe.

Termine de personalizar o CCT e clique no botão “Adicionar/Atualizar tipo de conteúdo” para salvar as alterações.

Vá para a guia do menu de administração do CCT criado recentemente e pressione o botão “Adicionar novo” .

Preencha os metacampos e clique no botão “Adicionar” .

” alt=”adicionar página de item CCT” width=”1824″ height=”1100″ data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page.webp” data-srcset=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page.webp 1824w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page-300×181.webp 300w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page-1024×618.webp 1024w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page-768×463.webp 768w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page-1536×926.webp 1536w, https://crocoblock.com/knowledge-base/wp-content/uploads/2023/08/add-CCT-item-page-600×362.webp 600w” data-sizes=”(max-width: 1824px) 100vw, 1824px” />

O item CCT é criado. Agora, você pode editar os detalhes do item e salvar os resultados clicando no botão “Salvar” , criar um novo item pressionando o botão “Novo Item” ou ir “Voltar à lista de itens” . ”

Se você ativou a alternância Tem página única , o campo Postagem única aparece. Se você clicar no link “Ir para postagem única” , você navegará para a página de edição de postagem única.

Criamos outro item e voltamos para a lista de itens. Podemos ver os valores das colunas Título do envio (metacampo de texto), Autor do item e Data de criação mostrados.

Existem as seguintes maneiras de mostrar os itens CCT no front end.

A primeira é criar um modelo de listagem para um tipo de conteúdo personalizado na guia JetEngine > Listagens .

Widgets dinâmicos como Dynamic Field , Dynamic Image e Dynamic Link podem ser usados ​​para gerar os dados CCT. O modelo de Listagem pode ser usado na Grade de Listagem para mostrar os itens em uma grade. Os modelos de listagem podem ser personalizados nos editores Elementor, WordPress Block (Gutenberg) e Bricks.

Outra opção é redirecionar da grade de listagem CCT para a página CCT única se a alternância Tem página única estiver habilitada nas configurações de CCT. Essa alternância garante que os dados de um item CCT específico possam ser representados em sua única página.

E outra forma é criar um popup dinâmico com a ajuda do plugin JetPopup , que pode ser anexado a um CCT Listing Grid . Ao clicar em um item CCT em uma listagem, pode aparecer um pop-up que mostra dinamicamente os dados do item CCT. Veja este tutorial para mais detalhes.