Documentação WP Table Manager

Introdução

WP Table Manager é uma extensão do WordPress usada para gerenciar tabelas HTML no WordPress com uma interface de planilha. Vem como um único pacote, todos os temas estão incluídos.

 

WP-Table-Manager

 

Vantagens principais:

  • Gerenciar tabelas como em uma planilha
  • 6 temas incluídos
  • Totalmente gerenciado de qualquer editor
  • Economia automática AJAX
  • Dados classificáveis ​​no frontend
  • Editor de estilo de célula, linha e coluna
  • Redimensionar linha e coluna com arrastar e soltar
  • Copiar célula com o recurso arrastar e soltar
  • Copie a tabela completa em um clique
  • Formato de células HTML
  • Editor de código CSS avançado

 

I. WP TABLE MANAGER 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.

WP Table manager é acessível a partir de um menu esquerdo dedicado ou em uma mesa de luz do editor. Você também tem os parâmetros no menu "Configuração".

 

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.

 

atualização do wptm

 

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

Para atualizar a versão paga, você precisa fazer o login na sua conta do JoomUnited a partir das configurações do WordPress: Configurações> Geral

 

link da conta

 

Em seguida, use o login e a senha da sua conta do JoomUnited. Após um login bem-sucedido, o botão fica azul com um texto Desconectar minha conta do JoomUnited

 

image9

 

Então, finalmente, você pode atualizar todos os plugins comerciais do JoomUnited do padrão WordPress atualizado.

 

II. USO COMUM WP TABLE MANAGER

A idéia principal do WP Table Manager é gerenciar todas as tabelas do editor, embora você tenha uma visualização de plug-in. WP Table Manager funciona em todos os editor WordPress WYSIWYG, tanto para frontend e backend. Por exemplo, você pode usá-lo em um módulo WordPress personalizado.
 

2.1 Gerenciar tabelas do artigo

 

botão de gerente de mesa

 

Quando o WP Table Manager é instalado, você tem um botão de editor que é exibido abaixo do seu editor. Clique nele para abrir a visualização principal do WP Table Manager.

Gerente de mesa em uma mesa de luz aberta a partir de um post:

 

image14

 

Quando você quiser inserir uma tabela em seu editor, use o botão superior direito. Insira esta tabela para colocá-la em seu artigo. Em seguida, a tabela será materializada com uma área cinza e um ícone do tipo Excel.

 

image15

 

Se você clicar na área e depois no botão WP Table Manager novamente, a tabela anteriormente adicionada será carregada.

 

image16

 

No entanto, Gutenberg é o editor padrão no WordPress agora, então você pode dar uma olhada 2.7 Blocos em Gutenberg

2.2 Gerenciar tabelas e categorias

Tabelas são classificadas dentro das categorias. Você pode ter quantas tabelas quiser dentro das categorias.

Para criar uma categoria de tabela, clique em Nova categoria de mesa botão no cabeçalho do painel. Para criar uma nova tabela, basta clicar em Crie o botão de tabela.

 

categorias de tabelas

 

Nota: uma categoria e tabela padrão já é criada durante a instalação do plug-in

 

A categoria pode ser gerenciada colocando o mouse nela, você poderá editá-lo ou excluí-lo.

 

Nome da mesa

 

Para ordenar as categorias, você pode usar o recurso arrastar e soltar.

 

mesa-mova

 

Colocar o mouse no título da tabela fará com que apareçam ícones para editar o título da tabela, copiar a tabela (toda a tabela incluindo dados e modelo) ou descartá-la.

 

2.3 Edição de mesa

Para adicionar dados em tabelas, você precisa agir como se estivesse em um spreadsheat. Clicar duas vezes em uma célula lhe trará a possibilidade de atualizar o conteúdo, um único clique para selecionar uma / algumas células (e aplicar estilo, por exemplo).

 

image20

 

Para adicionar linhas ou colunas, clique no + na borda da tabela ou use o botão direito do mouse!

 

adicionar linha de linha

 

Para copiar as células, você pode usar CTRL + C / CTRL + V (ou o material da maçã que faz o mesmo J) ou você também pode colocar o mouse no canto inferior direito da célula e trazê-lo na direção desejada.

 

cópia em célula

 

Note que tudo o que você está fazendo é salvo automaticamente com uma mensagem no canto superior direito

 

Você tem a opção de desfazer a última modificação.

 

image24

 

O WP Table Manager mantém um backup da modificação que você fez e é capaz de restaurá-lo.

 

image25

 

2.4 Edição de conteúdo avançada

Você pode adicionar conteúdo HTML com um editor WYSIWYG dentro de cada célula. Selecione uma célula, na parte direita Formatar> HTML.

 

image26

 

Agora, quando você editar a célula, você terá um editor de HTML. Imagem e HTML estão disponíveis.

 

html-table-cell

 

As células também podem ser mescladas. Selecione 2 células ou mais, em seguida, clique com o botão direito, um menu permitirá que você faça a fusão.

 

image28

 

2.5 Importação / exportação de planilhas e Excel

Você pode importar e exportar planilhas em WP Table Manager usando nossa ferramenta dedicada.

 

image29

 

As tabelas podem ser importadas do Excel ou abrir documentos do Office. O formato será detectado automaticamente e importado. Observe que somente a primeira página do Excel será importada.

A exportação pode ser feita no formato Excel 2003 ou 2007.

 

image30

 

2,6 Shortcode

Cada tabela tem seu shortcode, você pode encontrar em Mais guia no painel direito. Então você pode compartilhar a tabela facilmente usando o shortcode, por exemplo: [wptm id = 8]

 

Código curto

2.7 Blocos em Gutenberg

Você pode mostrar suas tabelas ou gráficos no editor Gutenberg agora. Esses dois blocos WP Table Manager são WP Table Manager e WP Table Manager.

Para exibir uma tabela no editor do Gutenberg, clique no WP Table Manager botão na categoria Widgets. Haverá um menu suspenso, e você selecionará a tabela que deseja mostrar no frontend.

 

add-table-block

 

É semelhante a um gráfico, clicando no Gráfico WP Table Manager botão na categoria Widgets. Então você escolhe um gráfico no menu suspenso.

 

add-chart-block

 

III TABELAS DE ESTILO

3.1 Formato

A guia de formato está disponível à direita da tela por padrão. Ele contém parâmetros diferentes.

 

image31

 

  • Tipo de célula: padrão ou HTML. O tipo padrão permite fazer cálculos com o HTML inserindo conteúdo HTML como imagens. Um editor WYSIWYG para cada célula será implementado na próxima versão, no momento em que você adicionar HTML na célula.
  • Fundo celular cor: definindo cor de fundo, claro

 

image32

 

Bordas e opções de fonte podem ser aplicadas em células únicas ou múltiplas

image33

 

A largura da linha e da coluna pode ser definida em pixels. Selecione a coluna ou linha em qualquer lugar da tabela e valide o tamanho.

 

3.2 Opções de tema e classificação

Na guia da tabela, ainda à direita, você seleciona um tema. Basta clicar em um tema para aplicá-lo.

A aplicação de um tema substituirá todos os dados e estilos dentro de sua tabela. Portanto, a maneira de proceder é aplicar um tema, em seguida, editar os dados ou criar seu próprio tema e duplicar suas tabelas.

 

escolha temática

 

O "recurso de estilo automático: ajuda a colorir a linha em sua mesa com Estilo de cabeçalho e Estilo de rodapé opções. Você pode selecionar os estilos de modelo ou fazer o seu próprio nas configurações do plugin.

 

image35

 

O parâmetro classificável permite que você faça a ordenação de dados AJAX no frontend.

 

image36

 

O alinhamento da tabela é sobre alinhar a div que contém a tabela inteira, centralizar toda a tabela por exemplo.

 

image37

 

Um hightlight de célula também está disponível como uma opção. Você pode ativar esse recurso na configuração. É desativado por padrão. Você pode selecionar a cor de realce da linha de destaque e a opacidade do realce.

 

mesa-destaque

 

3.3 Adicionar dica de ferramenta nas células

Dicas de ferramentas de células precisam ser ativadas a partir da configuração do plug-in (Menu de configuração). Após a ativação, você receberá um botão na parte inferior da guia de formatação durante a edição da tabela.

image39

 

Você pode por uma largura em pixels. A dica de edição o levará a uma dica de ferramenta com um editor para editar a dica de ferramenta.

 

image40

 

Adicione conteúdo e salve, pronto, a dica de ferramenta será exibida no lado público no foco do mouse.

 

image41

 

3.4 Congelamento de linha e coluna

O congelamento de linha ou coluna está disponível no Mesa aba. Você pode congelar até 5 linhas ou colunas. É contado a partir da primeira linha / col.

 

image42

 

Para tornar o congelamento de linha, há uma opção adicional que permite fixar a altura da tabela (porque o contêiner de sua tabela pode ter uma altura infinita).

 

image43

 

Quando você tiver escolhido a linha ou coluna para congelar, poderá rolar em sua tabela e sempre exibir as linhas / linhas fixas.

 

image44

 

3.5 Filtrando dados da coluna

Uma opção de filtragem está disponível na guia da tabela novamente. Você pode ativá-lo para ativar campos de filtragem de dados públicos.

 

image45

Exemplo de filtros:

 

Rolo de mesa responsivo

 

3.6 CSS personalizado

Vamos um passo além. Se você é um webdesigner com habilidades css você poderá adicionar css no Mais tab. Você pode adicionar preenchimento e raio de borda na célula.

 

image47

 

Observe que, se você tiver aplicado um tema, alguns css personalizados serão adicionados automaticamente. Você ainda pode editá-lo, é claro.

 

Ainda no Mais guia, clique no personalizado Botão CSS para acessar a edição css. O código CSS é colorido usando code mirror e pode ser escrito em menos CSS, também funciona!

 

custom-table-css

 

Células, linhas e colunas têm coordenadas para identificar cada uma delas e aplicar CSS personalizado nela. R é linha, C é coluna.

 

image49

 

3.7 Tabelas responsivas do WordPress

As minhas tabelas são responsivas ou usam o pergaminho em pequenos dispositivos?

O WP Table Manager manipula o design responsivo com uma ferramenta prioritária, como uma opção. Por padrão, o recurso responsivo está desabilitado, haverá um estouro (embora esteja funcionando muito bem em dispositivos móveis).

 

modo responsivo

 

O modo responsivo é avançado, você pode definir uma prioridade para ocultar colunas em tamanhos de dispositivos móveis. Quando as colunas estão ocultas, um menu móvel com caixa de seleção será exibido para forçar a exibição / ocultação de colunas.
O tamanho da coluna é fixo durante a edição da tabela. Se o tamanho de todas as colunas for muito grande para o contêiner, você terá um estouro e poderá rolar facilmente em dispositivos móveis.

Tabela com um pergaminho (melhor para uma pequena quantidade de colunas)

 

Rolo de mesa responsivo

 

Tabela com coluna oculta (melhor para uma grande quantidade de colunas)

 

57bb0cb0ac948

 

3.8 Tabela de download

Para compartilhar sua tabela com o público, você deve ativar Botão de download opção em Guia Tabela no painel direito. O tipo de arquivo será * .xlsx.

 

mesa de download

 

IV. GRÁFICO DAS TABELAS

4.1 Criar uma tabela com dados

Desde a versão 2.0 você tem agora a possibilidade de adicionar gráficos dentro do seu conteúdo. Primeiro crie uma tabela com dados para gerar um gráfico.

 

image50

 

Então faça sua seleção para gerar gráfico, aqui toda a tabela é selecionada, clique em Adicione o botão do gráfico.

 

image51

 

Um gráfico será gerado, respeitando o intervalo de dados selecionado. À direita, você pode selecionar o tipo de tabela. Você pode gerar como gráfico como você precisa de um conjunto de dados.

 

image52

 

O gráfico será atualizado dinamicamente em relação à alteração de dados na tabela.

 

4.2 Parâmetros gráficos

Uma vez que seu gráfico é adicionado, você tem algumas opções na coluna da direita.

image53

 

A opção "Mudar linha / coluna" só está disponível se você tiver selecionado apenas números no conjunto de dados. Você terá permissão para trocar dados de colares para filas.

O parâmetro “Use first row / column as labels” permite que você adicione um rótulo ao seu gráfico

 

image54

 

Então você tem opções para definir largura / altura, alinhar, cor para o seu gráfico.

 

V. EXCEL E GOOGLE SHEETS SYNC

5.1 Sincronizar uma tabela com um arquivo de dados do Excel

É possível executar uma sincronização entre uma tabela que você criou e um arquivo do Excel localizado em seu servidor (em qualquer lugar). De guia direita chamada "Tabela", na parte inferior você tem um bloco para vincular um arquivo do Excel à tabela.

 

link para o Excel


Se vocês clique no botão Procurar, você será capaz de selecionar um Excel em qualquer lugar no seu servidor, aqui é um arquivo carregado através do gerenciador de mídia (pasta / uploads).

 

link-excel-file-table

 

Quando o arquivo do Excel estiver vinculado à tabela, você poderá Buscar dados botão para importar dados do arquivo do Excel.

Nota: Somente os dados serão obtidos do Excel, não dos estilos, portanto, o estilo global de sua tabela permanecerá inalterado na importação.

 

fetch-excel-data

 

Aviso: dependendo da memória disponível em seu servidor, você não poderá importar arquivos muito grandes do Excel (mais de 1000 linhas, por exemplo)

Então aqui está o resultado de uma importação de dados.

 

Excel-Google-folhas-sincronização

 

5.2 Sincronização com o Planilhas Google

O WP Table Manager também oferece algumas possibilidades de sincronização do Google Sheets. Sua planilha do Google precisa ser publicada para ser sincronizada. Primeiro, abra sua planilha no Google Drive e publique-a como página da Web usando o Menu de arquivo.

 

publicar-web-google-folhas

 

Em seguida, você terá acesso ao link do arquivo do Planilhas Google e copie este link.

 

folha de ligação

 

E cole em Guia "Tabela" WP Table manager

 

link para o Excel

 

Você está feito! Agora você pode buscar dados para uma sincronização instantânea e executar uma sincronização automática também. A opção de estilo de busca é para o caso de você também desejar obter os estilos de planilhas do Google Sheets.

 

5.3 Sincronização automática do Excel e Google Sheets

Acima do link do arquivo, você também pode ativar uma sincronização automática. O WP Table Manager buscará os dados automaticamente em um intervalo regular.

Uma vez ativado, uma notificação é exibida após o título da tabela.

 

google-sheet-sync-notice

 

O atraso de sincronização pode ser definido na configuração global WP Table Manager.

 

período de sincronia

 

 

VI. PARÂMETROS WP TABLE MANAGER

6.1 Parâmetros

Para acessar o WP Table Manager, vá em WP Table Manager> Configuração

Como opção, você pode definir:

  • Ativar botões Importar / Exportar
  • Formato de arquivo de exportação
  • Ativar dica de ferramenta
  • Ativar o salvamento automático ou ativar um botão de salvamento manual
  • Periodicidade de sincronização de arquivos
  • Carregar o plugin no frontend
  • Reconstrua a cor alternativa
  • Destaque celular
  • Realce a cor de fundo
  • Destaque a cor da fonte
  • Destacar a opacidade
  • Formatos de data
  • Posição símbolo
  • Moeda símbolo (s)
  • Símbolo decimal
  • Contagem decimal
  • Mil símbolo

 

image55

 

VII. DICAS WP TABLE MANAGER ANS TRUQUES

7.1 Cálculo

Você tem uma implementação de cálculo básica em WP Table Manager. Elementos disponíveis são:

  • SUM, COUNT, CONCAT
  • MÍNIMO MÁXIMO MÉDIA
  • DATA, DIA, DIAS, DIAS 360
  • OR, XOR E

Para fazer uma soma, digite assim: = SUM (A1; B2) ou = SUM (A1: B2)

 

cálculo de soma

 

7.2 Funções do Usuário

O gerenciamento de tabelas é definido pelas funções de usuário do WordPress que têm a possibilidade de executar alguma ação específica. Todos os usuários em uma função de usuário terão as mesmas autorizações relacionadas ao gerenciamento de tabelas.
Para configurar o acesso, use o menu WP Table Manager> Funções do usuário.

 

user-roles-settings

 

Depois que o usuário estiver logado, ele terá seu privilégio de grupo para gerenciar arquivos.

Você pode definir o proprietário do usuário para categorias e tabelas em Mais aba.

 

set-user-role

 

VIII. TABELAS DO BANCO DE DADOS

WP Table Manager permite criar tabelas a partir de suas tabelas de banco de dados.

Do admin, clique em WP Table Manager> Tabelas da base de dados.

 

 

Então você poderá selecionar tabelas e colunas de seu banco de dados. Ao controlar o controle, você pode selecionar várias tabelas, colunas.

 

seleção de banco de dados

 

Na seleção de colunas, você pode definir um título personalizado e uma ordem padrão para seus dados na tabela, quando exibidos no lado público.

 

coluna-titulação e ordenação

 

Então você tem algumas opções e filtros para aplicar em suas tabelas:

  • Um nível padrão de paginação (a ser usado com uma grande quantidade de dados)
  • Número de linhas para a paginação
  • Aplique algum filtro aos seus dados, ou seja. uma coluna pode ser igual, diferente ... de um valor definido
  • A possibilidade de agrupar alguns valores nas colunas

 

opções de tabela de banco de dados

 

Finalmente, você pode visualizar e gerar sua tabela como qualquer outra tabela.

A única diferença é que os temas não podem ser aplicados em tabelas, mas você pode personalizar toda a exibição como em qualquer outra tabela.

 

Quando a sua mesa é gerada, você ainda terá acesso à mesa Fonte do banco de dados e você pode por exemplo adicionar a coluna "Status" em sua tabela em Fonte de dados aba.

 

gerado pela tabela do banco de dados