Documentação WP Team Display

Introdução

O WP Team Display é um plugin de desempenho usado para gerenciar o fluxograma sem criar uma apresentação de tabela HTML chata.

WP-Team-Display

 

I. WP TEAM DISPLAY INSTALAR

1.1 Instale

Para instalar nosso plugin você deve usar o instalador padrão do WordPress ou descompactar e colocar toda a pasta em / wp-content / plugin.

install-wp-media-folder

 

Então clique em ativar plugin, para ver o menu WP Media Folder aparecer no menu esquerdo do WordPress.

O WP Media Folder pode ser acessado no menu de mídia e no botão de mídia acima do editor. Você também tem os parâmetros no menu "Configurações".

 

1.2 Atualize o plugin

Para atualizar o WP Media Folder, você pode usar o atualizador padrão do WordPress. Você também pode remover e instalar a nova versão de um arquivo .zip baixado em www.joomunited.com. Em qualquer caso, você não perderá nenhum conteúdo porque tudo é armazenado no banco de dados.

notificação de atualização

 

Certifique-se de sempre ter a última versão para evitar problemas de segurança e estabilidade.

 

II. USO COMUM WP TEAM DISPLAY


2.1 Gerenciar fluxograma de post / page

 

A idéia principal do WP Team display é definir tudo do seu editor WYSIWYG. WP Team display funciona em todos os editores WordPress WYSIWYG, tanto públicos como administrativos. Por exemplo, você pode usá-lo em posts e páginas.
Quando o WP Team display é instalado, você tem um botão exibido no seu editor. Você pode ir para Menu esquerdo> Configurações> WP Team Display para gerenciar os gráficos também.

botão de fluxograma

 

Se você já tiver um fluxograma em seu editor, clique nele e, em seguida, neste botão para reabri-lo ou use o símbolo de gráfico disponível em: passe o mouse sobre sua imagem.

gráfico existente


 
2.2 Iniciar um novo fluxograma


Para criar um novo fluxograma, na caixa de luz: adicione um nome e clique em Adicionar novo gráfico (o grande botão azul esquerdo).

novo fluxograma

 

No lado esquerdo da sua interface, o fluxograma existente será listado.

lista de gráficos de fluxo


2.3 Selecione um tema


4 temas estão disponíveis e podem ser selecionados ou alterados sempre que você quiser. Seleção de tema não vai mudar a interface de edição no lado do administrador, apenas o display frontend.

lista de temas

III EDIÇÃO WP TEAM DISPLAY

3.1 Adicionar uma pessoa

Para adicionar a primeira pessoa, primeiro selecione uma imagem, use o botão Carregar ou escolher uma foto

seleção de imagens

 

As imagens podem vir da biblioteca de mídia ou você pode fazer o upload de uma nova. Em seguida, selecione uma imagem e clique no Inserir Imagem botão para adicionar esta imagem como qualquer outra imagem do WordPress.

foto-seleção

 

Você tem a oportunidade de cortar sua imagem usando uma ferramenta específica, por exemplo, se quiser centralizar a imagem na face da pessoa. Clique na seta verde para fazer isso.

link de colheita

Então, você poderá cortar e salvar a imagem.

interface de colheita

3.2 Adicionar informação

Na parte pública há algumas informações exibidas como o nome, a posição na empresa e uma descrição. Nome e posição são exibidos na visualização global, descrição na visualização lightbox detalhada.

pessoa-informação-exibição


Na parte administrativa, apenas adicione algumas dessas informações, o nome é obrigatório e clique em “adicionar uma pessoa” para salvá-la.

pessoa-informação-edição

Nota: no tema plano, você tem campos adicionais com links de redes sociais.

informação social

 

 

3.3 Organize o fluxograma

Uma vez que você tenha adicionado uma pessoa, ele aparecerá na parte central do fluxograma e você começará a organizar a hierarquia. Você tem que usar drag'n drop para organizar as pessoas.

Quando você começa a arrastar uma pessoa, algumas setas aparecem para mover essa pessoa. Coloque a foto em uma nova zona para movê-las na vertical ou na horizontal.

hierarquia de fluxograma

Nota: O gráfico será exibido bem com 5 pessoas por linha.

3.4 Editar uma pessoa existente

Quando você adiciona uma pessoa, ela é registrada no banco de dados para ser reutilizada. Na coluna inferior direita, você verá essa pessoa aparecer com um botão Adicionar. Selecione outro fluxograma, clique nele para adicionar novamente essa pessoa.

reinserção-pessoa

Pessoa é "transferível" através de fluxogramas! Para editar ou remover informações de uma pessoa existente, clique nos ícones de lápis / lixeira sobre a foto.

pessoa de edição


IV. WP TEAM DISPLAY ON FRONTEND

4.1 Adicione um WP Team display no editor

Finalmente, para exibir um fluxograma no frontend, clique no Inserir gráfico botão superior direito. Salve sua página / post e pronto!

inserir-fluxograma

Então, o seu fluxograma WP Team display é materializado no seu editor.

fluxograma no editor

Na parte superior do painel direito, você pode encontrar o shortcode que você pode usar para inserir o gráfico nas suas postagens. Por exemplo: [teamchart id = '1' title = 'gráfico de amostra']

shortcode-chart

4.2 Bloqueio em Gutenberg

Gutenberg é o editor padrão no WordPress agora, então você pode usar shortcode ou usar o bloco WP Team Display para mostrar seu gráfico.

Primeiro, clique no WP Team Display botão na categoria Widgets. Em seguida, escolha o gráfico para inserir pressionando Adicionar novo gráfico botão. Isso é tudo.

team-display-block

 

4.3 Visão geral dos temas


Tema Padrão

Tema Padrão

 

Tema plano e círculo

plano e círculo

 

Tema Natura

natureza-tema-mesa de luz