Ir para o conteúdo principal

Como inserir uma tabela no WordPress com o plugin TablePress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Esse é um recurso que não existe por padrão no WordPressno entanto, nossas publicações não são essencialmente compostas por títulos e parágrafos. Alguns blogs também usam tabelas por vários motivos. O problema, como de costume, é que muitas vezes é difícil saber quais plug-ins devem ser usados.

Para responder a uma preocupação de um de nossos assinantes, Mostrarei neste tutorial como adicionar boas tabelas no seu site WordPress, graças ao plugin TablePress.

Se você não entender um ponto deste tutorial, nosso comentários de formulário está à sua disposição.

Você está pronta? Aqui vamos nós!

tablepress-logo

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog

Então, voltemos ao porquê de estarmos aqui.

Instalação e Configuração plug-in tablePress

Na verdade, vamos usar o plug-in TablePress, que é bem conhecido por sinal, para adicionar tabelas em artigos e páginas do WordPress. Eu convido você a instalá-lo a partir de seu painel. Você também pode faça o download como um arquivo zip e instale-o do seu FTP.

Uma vez feito, você notará que um novo menu está disponível na barra lateral esquerda do seu painel. Especialmente para configurações, você não tem muito o que fazer.

No entanto, você pode personalizar o design geral da tabela adicionando um código CSS e definir o local do menu « tablePress » no menu do lado esquerdo do painel de instrumentos.

tablepress-configuração

Como adicionar uma nova tabela em seu blog

No menu TablePress », Clique em« Adicionar uma imagem ". Na nova página, você deve dar um nome à sua tabela, uma descrição (opcional), mas defina especialmente o número de linhas e colunas. Quando terminar, clique em " Adicionar uma imagem ".

adicione-a-mesa

Depois de adicionar sua tabela, vá para a página de edição. Nesta página você poderá modificar o nom e a descrição da pintura (até então nada de especial)Mas acima de tudo, você pode lidar com essa tabela, incluindo a adição de textos nos campos de cada coluna.

mudar-of-a-coluna

Outras opções adicionais estão disponíveis, eles permitem que você:

  • Adicione uma imagem
  • Para adicionar um link
  • Acesse o editor de código avançado (Somente desenvolvedor HTML)
  • Ocultar ou exibir uma linha
  • Duplicar, inserir ou excluir uma linha
  • Para adicionar novas linhas vazias

Essas diferentes opções se aplicam às linhas (esquerda) e para as colunas (direito).

Crie também gráficos de preços em seu blog ou site, graças a estes plugins WordPress 8 premium

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Opções-on-the-linhas e colunas

A seção Opções de tabela Dá a você a capacidade de definir certas opções, como definir " a primeira linha da tabela Como título e definição de " a última linha da tabela Tão baixo. Você também pode definir outras opções de visibilidade e adicionar código CSS.

opções do pano

Para tornar sua mesa dinâmica, você pode ativar a opção " DataTables Da seção Conteúdo a biblioteca JavaScript do DataTables ". Por padrão, esse recurso está ativado e permite a habilitação de outros recursos, como classificação, paginação e muito mais.

Discover Como adicionar um efeito de paralaxe em qualquer tema WordPress

opções de biblioteca de javascript

Depois de terminar de editar sua tabela, não se esqueça de salvar as alterações clicando em " salvar alterações ".

Veja também Como reorganizar artigos do WordPress em métodos 2

Na parte inferior da página, você verá 3 outros botões que permitem que você:

  • Copiar tabela : ou seja, crie uma nova tabela inspirada na que está sendo modificada atualmente
  • Tabela exportação: esse recurso permite que você use as informações de uma tabela em outra instalação do " TablePress Você também pode usar esse recurso para fazer backups da sua tabela.
  • apagar a tabela : esse recurso é nós não podemos claireé a exclusão de uma tabela que está sendo editada.

Export-of-a-mesa

Como administrar as tabelas em seu site

Todas as tabelas que você cria estão disponíveis no " TablePress >> tudo as pinturas ". Nesse local, você pode executar ações agrupadas, incluindo mesas copiar, apagar ou de exportação. Se você preferir executar essas ações em um quadro específico, passe o mouse sobre ele e você verá suas opções.

Também é nesse local que você pode recuperar o shortcode da tabela, que você adicionará em um artigo ou página de sua escolha.

Torne seu blog popular com estes 10 WordPress plugins para compartilhar seus artigos em redes sociais

Não é necessário dizer que, para fazer alterações em uma tabela, você deve clicar no nome da tabela.

gerenciar-tables

Como importar uma tabela

TablePress permite exportar e importar tabelas na mesma instalação do WordPressOu em outro lugar. Ainda assim, você precisará acessar o local " TablePress >> Importar uma tabela ".

A partir daí, você pode determinar a fonte da tabela (ArquivoUrl, em o servidor, entrada manual).

import-des-Tables

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Como adicionar uma imagem a um artigo ou página

Da página inicial de plug-invocê pode recuperar o shortcode, como eu disse antes, clicando no link "Mostrar o atalho".

Pós-shortcode

Copie esse código e adicione-o ao editor visual do artigo ou página.

Adicionalmente-u-Shortcode-on-l-secção

Uma vez feito isto, publicar o artigo (ou página) e consultez-o. Sua imagem bonita está de acordo com todas as linhas e colunas (foi o que consegui em casa com o tema da semana).

Mesa-preview

Descubra também alguns plugins premium do WordPress

Você pode usar outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Redirecionamento final do WordPress

A extensão "Redirecionamento final do WordPress" é a única solução necessária para gerenciar todas as suas necessidades de redirecionamento, 404, migração de sites e / ou alteração ou transferência de domínio.

Existem plugins que fazem o que o plug-in faz, mas não todos de uma vez. Este plug-in fornece todos os recursos usuais de redirecionamento 404, além do nosso "redirecionamento automático favorito para a correspondência de URL mais próxima".

Descarregar | Demo | hospedagem na web

2. Campos personalizados do Bookly

É importante observar que este plug-in do WordPress é um complemento que requer que o plug-in WordPress Bookly funcione. Por padrão, os clientes ou visitantes costumam preencher vários campos, como nome, número de telefone e endereço de e-mail, antes de confirmar uma reserva.

Mas com este plug-in do WordPress, você pode solicitar que preencham mais campos, finalmente para obter mais detalhes ou qualquer outro tipo de informação. Esses novos campos aparecerão na etapa Download do processo de reserva e os detalhes da reserva serão adicionados ao seu calendário Bookly.

Seus recursos incluem: a capacidade de criar quantos campos forem necessários, suporte para diferentes tipos de campos, a capacidade de tornar determinados campos obrigatórios ou opcionais para preenchimento, documentação detalhada e muito mais.

Descarregar | Demo | hospedagem na web

3. Guias Elegantes para o Beaver Builder

Graças a este plugin, você pode adicionar qualquer código de acesso em várias guias para que os usuários possam escolher os dados que desejam ver.elegantes-guias-de-castor-builder-plugin-wordpress-to-page-builder

Como características que encontramos: epossibilidade de personalizar (cores, ícones, planos de fundo para diferentes seções / guias), o iintegração do WYSIWYG, a possibilidade de selecionar um ícone para cada guia da biblioteca de fontes disponível em Beaver Builder, umGuias lineares (diferentes estilos de guias 10 e muitas variações para facilitar a personalização

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados que o acompanharão na criação e gerenciamento de seu site.

Conclusão

Aqui! É isso neste tutorial dedicado à criação e adição de uma tabela nas páginas ou artigos de seu site WordPress, graças a TablePress. Espero que você tenha achado útil. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas.

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

E se você tiver alguma sugestão ou comentário, deixe-o em nossa seção Comentários.

...

Este artigo contém comentários 38
  1. Bom Dia,

    Não consigo encontrar um plug-in que permita alterar os valores de uma planilha diretamente no site (em uma página privada), mas sem ter que ir no painel e depois no plug-in.

    Thanks!

  2. Boa tarde e obrigado pela resposta rápida.
    De fato, se eu clicar em um de seus links (por exemplo, o 1er relativo ao catálogo), chego em uma página em branco com a menção "Desculpe, nenhuma postagem correspondeu aos seus critérios. "
    Mas se nesta mesma página eu clico em "HOME" (onde tudo é normal) e volto no "CATALOG": aparece normalmente e muito rapidamente (eu uso o Firefox).
    Por contra, tentando a pesquisa com o Internet Explorer: BIG SURPRISE: mudança total de estilo ... ... tudo em comprimento, deformação do layout, lentidão no visor !!!!!
    Você pode me explicar por que essas diferenças na exibição?
    Então, você pode me dizer o mais claramente possível (eu lembro a minha inexperiência em termos de site) como corrigir os erros que você levanta? e além disso, como você os encontrou ????
    Você também quer que eu publique os documentos PDF (screenshots) que eu propus a você e como posso enviá-los?
    Eu sei, são muitas perguntas e muito tempo para um homem, e eu ficaria muito grato se pudesse continuar me ajudando nesta bagunça.
    Enquanto isso, obrigado novamente e vida longa a esta realmente grande site!

    1. Bom dia ou boa noite,
      Desculpe pela super resposta tardia. Fiquei bastante ocupado o dia todo, mas vou me dar o melhor atendimento.

      - Ao clicar no primeiro link, você é suposto para acessar um arquivo javascript cujo conteúdo não deve ser legível para você. Se em vez disso, você acessa uma página não encontrada em seu blog, em seguida, javascript recurso utilizado pelo seu tema (ou plugin) não é encontrado e, portanto, a funcionalidade que está prevista para este recurso para trazer não vai funcionar. No seu caso arquivos 4 estão faltando.
      - A mudança de estilo varia de um navegador para outro. Se você usa o FireFox e o Chrome (especialmente a versão mais recente), o layout provavelmente será o mesmo. No que diz respeito ao Internet Explorer, a exibição é para a maior parte do deslocamento, porque este navegador não respeita os padrões que outros fazem (por outro lado, o navegador Edge da Microsoft é uma versão aprimorada do Internet Explorer).

      Para resolver seus problemas mais rapidamente (dada a sua experiência), convido você a solicitar um diagnóstico do seu blog (é grátis). No final disso, você será informado sobre o que falta e o que fazer. Também podemos implementar algumas medidas que evitarão que você tenha que enfrentar esse tipo de problema no futuro.

      Entre em contato com o nosso serviço ao cliente por favor.

      https://blogpascher.com

  3. Olá e parabéns pelo seu tutorial.
    Após a saída do nosso "webmaster", fui nomeado "gerente de TI" - enquanto eu era um neófito no site dress - e eu queria substituir uma tabela (representando um catálogo com nomes de autor, títulos ...) pelo novo catálogo atualizado.
    Eu queria fazer a substituição com uma tabela TablePress.
    Tudo correu bem, exceto que a função "sort" não funciona, enquanto no "Content of the DataTables Library" ALL está marcado e em particular o que diz respeito à "ordenação".
    Você pode me dizer por quê? e como resolver o meu problema?
    Você pode perceber esse fenômeno indo ao site "www.bs-limoges.fr" (ou "Sound Library of Limoges") na página "CATALOG".
    Com antecedência, obrigado por me ajudar e desejar-lhe um bom dia.

    1. Bom Dia,
      para ajudá-lo a resolver seu problema, você pode enviar uma captura? Se também for possível ter o link para a sua página, será uma vantagem.
      Merci.

      1. Olá e obrigado por tomar o meu caso em consideração, especialmente tão rapidamente.
        Eu fiz várias capturas de tela e as salvei em PDF com meus comentários, mas, como enviá-los?
        Posso enviá-los como anexos em uma mensagem pessoal e se assim for, eu posso ter um endereço de e-mail?
        Ou então, como publicá-las através deste site? Eu tentei um "copiar-colado" sem sucesso ... ..
        Quanto ao link que leva à minha página, além do endereço: "www.bs-limoges.fr", você pousa diretamente na página em questão com o seguinte link:
        «Http://bs-limoges.fr/catalogue/»
        Obrigado por sua ajuda realmente bem-vindo.
        Bonne journée à vous.

        1. Bom Dia,
          depois de analisar seu site, eu vim a perceber:
          1 - Há um erro de JavaScript desde o início da página, porque alguns recursos estão ausentes:
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Catalog.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Map.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Catalog.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Anim.js
          http://bs-limoges.fr/wp-content/themes/bsl/scripts/Map.js

          2 - A sua mesa é muito longa. Ele remo em meu navegador. Você deve incluir páginas para a tabela.
          Você precisa resolver esses problemas de recursos em falta para que a matriz possa ser executada normalmente.

          1. Re bonjour,
            Não tendo mais notícias como resultado da minha resposta ontem, percebo que não aparece no site. Outro mistério de computador para mim!
            Então, estou descansando hoje.
            Perguntei-lhe como você teve acesso aos endereços que você me dá (http://bs-limoges.fr/wp-content/themes/bsl/scripts/....) E termina em uma página onde a frase aparece: "Desculpe, nenhuma postagem correspondeu aos seus critérios" ????????
            Para mim, quando digito o endereço do meu site, acabo na página inicial e clico em uma página (por exemplo: "CATALOG") estou na minha página normal (com meu catálogo) ??? E é o mesmo para todas as páginas que você cita para mim: ainda é um mistério!
            O catálogo abre muito rapidamente ao contrário do que você me diz.
            Eu trabalho com o Firefox, mas chequei com o Internet Explorer e também é rápido.
            Então, eu realmente não entendo.
            Por contra, notei que, com o Internet Explorer, o site era totalmente diferente:
            Qualquer semelhança com o que aparece no Firefox.
            No Firefox: toda a largura nas colunas 8 e no Explorer: todo o comprimento em uma única coluna. Como explicar isso ????
            Caso contrário, você me pede para "resolver os problemas de falta de recursos" e aí, para mim, é uma missão impossível sem ajuda externa. Eu confessei para você: eu sou um neófito puro na manutenção de um site!
            Então, se você me explicar em detalhes o que eu tenho que fazer e como fazê-lo, você me salvará de um passo ruim.
            Se você quiser, também posso publicar as capturas de tela que propus, mas novamente você precisa me explicar como publicar no seu site.
            É isso mesmo, dá-lhe uma longa leitura dos meus problemas e, especialmente, um longo tempo de ajuda para prever (se você o aceitar!) E por tudo isso, eu renuncio a você toda minha gratidão, esperando que desta vez minha mensagem chegue até você .
            Tenha um bom dia, e talvez "bom fim de semana" ...... ..

          2. Bom Dia,
            Ao acessar o código-fonte do blog, o navegador apontou os erros que tentei explorar. E clicando nesses erros, acessei seu blog, o que não é normal, porque eu tive que acessar um script (programação de código de computador). Se eu acessar uma página de erro e não um script, então o recurso está faltando e, como eu disse anteriormente, os recursos que dependem dele não funcionarão.

            Infelizmente, para resolver esses problemas de falta de recursos, você terá que ter um conhecimento básico em webmastering (para que ele aprenda). Mas, como eu disse, oferecemos nossos serviços de suporte de assinantes, o que nos permitirá ensinar-lhe muitas coisas no webmastering (mas não isso), mas também para resolver a maioria dos seus problemas técnicos.

            Se você quiser aprender, há muitos cursos on-line e até mesmo tutoriais aqui, mas devo admitir que levará um pouco de tempo. Por isso depende de você decidir e não importa o que você escolher, você encontrará uma solução.

            Merci.

          3. Olá e obrigado novamente por suas respostas aos meus pedidos foram finalmente cruzou.
            Decididamente, tenho um trabalho para chegar lá! Mas, desde o início, procuro soluções, lendo todos os tutoriais que encontro na Net e estou pronto para consultar muitos outros se isso puder me ajudar.
            E isso também é como eu encontrei o seu (super além disso ...) então, por enquanto, continuarei a seguir suas recomendações.
            Então você me avisa: "oferecemos aos nossos assinantes serviços de suporte", você pode me dizer como aproveitar esses serviços?
            Você adicionou sua última resposta: "Convido você a solicitar um diagnóstico do seu blog (é grátis). Mas se eu clicar no seu link (https://blogpascher.com) sim, acabo no seu site, mas não tenho informações sobre este serviço GRATUITO. Só encontro serviços PAGANDO!
            Então, em casos 2 que fazer?
            Quanto à diferença na apresentação, só espero que os futuros "leitores" do site trabalhem com o Firefox ou o Chrome. Em qualquer caso, agradeço por este esclarecimento que eu não sabia (ainda um !!!) Mas há alguma possibilidade de contornar este novo problema?
            Vamos lá, que é muito tempo eu te aborrecer com os meus problemas. Então eu vou deixar você relaxar para o fim de semana e desejo-lhe um bom dia.
            Amanhã, será a luz ... ..

          4. Bom Dia,
            para acessar o diagnóstico gratuito, você encontrará o botão na página inicial. Todas as informações relativas ao treinamento e treinamento também estão na página inicial. Você também terá um agente conectado pronto para responder todas as suas perguntas.

  4. Olá

    Eu uso wordpress e Tabela Tablepress e queria saber se era possível copiar uma parte de uma tabela com o seu conteúdo e colá-lo em outra tabela como resultado. Deixe-me explicar:

    I têm uma Tabela A e Tabela B

    Tabela A tem linhas 15 com conteúdo em cada célula
    A Tabela B inclui linhas 5, mas gostaria de adicionar as linhas 10 de mesa A com o conteúdo
    na Tabela B, para ter as mesmas tabelas com o mesmo número de linha e o mesmo conteúdo.

    Agradecemos antecipadamente

    Frédérique

    1. Bom Dia,
      na verdade, é possível. Só que você não vai ter uma interface que irá simplificar a operação. Você vai ter um bom domínio de códigos de acesso. Porque se você copiar e colar um errado shortcode, pode que a tabela não é mais exibido.

        1. Você precisará exportar a tabela que você deseja copiar as colunas. Com o conteúdo exportado, você deve manipular o arquivo CSV que resulta. Este é o lugar onde tudo vai ser complicado se você não tem um domínio deste tipo de arquivo.
          Você pode usar o arquivo CSV para se juntar as colunas das duas tabelas uma vez e importar o arquivo CSV mais tarde.
          Como eu disse anteriormente, esta não é uma tarefa fácil.
          Você também pode usar um plug-in de duplicação de conteúdo "Duplicate Posts" (faça uma pesquisa sobre ele). Esperando que este plugin seja compatível com o TablePress.

          Boa sorte.

  5. Olá
    Eu modifiquei o CSS as opções - Eu quero mudar a cor do primeiro na linha de cabeçalho da tabela. Mas nada muda ... Eu esvaziado o cache
    th thead .tablepress,
    tfoot .tablepress th {
    background-color: d3cec8 importante;
    }

    Obrigado por sua ajuda ...

  6. Bonjour Thierry,

    I obrigado por este tutorial sinsèrement me para fora da minha ignorância. Tinha tempo que ao tentar instalar as tabelas no meu blog sem sucesso. Mas apesar de suas explicações que nem sempre esta pintura famosa. Eu tenho duas preocupações:
    1) De fato tenho o download do arquivo zip. Quando o download estiver completo, do que a arte que fazer a seguir? Eu não notei nada de novo no menu
    Pergunta: Após a transferência significa automática do plugin aparência TablePress no menu do meu blog?
    2) Quando escolhi o plugin da opção, notei que infelizmente o meu "Extension" não tem a opção "Add".
    Pergunta: Existe uma solução?

    NB: meu blog faz parte de uma plataforma de blogs (mondoblog.org). Sempre me deparo com a dificuldade de inserir minhas figuras em uma tabela como este: http://matango.mondoblog.org/2016/05/06/cameroun-pourquoi-lopposition-est-elle-abandonnee-par-le-peuple-1/

      1. Bonjour Thierry,
        Bonjour Hervé,

        Na verdade, eu não estava indo para duvidar de mim! A plataforma (Mondoblog) usa o software WordPress. Mas cada blogueiro é livre para personalizar o seu blogue à vontade. É por isso que eu pensei para pedir sua ajuda. Eu não sabia que em um blog como parte de uma plataforma WordPress é impossível adicionar plugins.

        Obrigado pelo seu tempo.

        cordialmente

  7. Eu estou fazendo um site com tema wordpress com Hueman. Todos os dados em minhas pinturas são centrados. Incapaz de encontrar como alinhar a gauche.Dans o arquivo CSS é o controle (esquerda).
    Merci pour la réponse.

    1. Olá Gilbert

      Desculpe pelo atraso na resposta, tivemos conferências. Em relação a seu pedido, eu preciso de uma imagem, por favor. Podemos ajudá-lo para o plugin, mas não para o tema porque nos limitamos aqui para apresentar algumas ferramentas, mas infelizmente não podemos fornecer suporte.

  8. Olá, e parabéns por este grande tutorial legível.
    Eu tenho duas perguntas:
    1) como pode centralizar o texto em uma célula; ou todas as células ao mesmo tempo?
    2) como podemos mostrar as bordas das células?
    Obrigado e espero que em breve

    1. Olá Jean-Claude,

      Desculpe pelo atraso na resposta, tivemos conferências. Em relação a seu pedido, você poderia compartilhar screenshots?

      Atenciosamente,
      Thierry

    2. Olá Jean-Claude,
      1: você pode forçar o alinhamento de todas as células com um CSS personalizado: "table td {align: center! Important; } »

      2: Você também pode forçar a aparência das bordas com um código CSS personalizado "table tr {border-top: sólido 1px #333! Important ;; border-bottom: sólido 1px #333! important ;; } td table {border-left: sólido 1px #333! important ;; borda direita: sólido 1px #333! important; }

  9. Bom Dia,

    Em primeiro lugar, obrigado por seu tutorial! Eu quero mudar a cor da tabela de fundo, mas não posso. As opções no quadro css personalizado, eu coloquei o exemplo do FAQ e salvo. Mas as cores permanecem as mesmas ... Agradecemos antecipadamente a uma solução.

    1. Bom Dia,

      Eu não entendo muito bem o que você diz "Eu coloquei o exemplo do FAQ e salvei".
      Enquanto isso, antes de se aventurar as alterações CSS, você primeiro precisa saber CSS.

      Se este for o caso, você certamente sabe que precisa recuperar o seletor de objeto do DOM (Id ou classe). Nesse caso, você precisará aplicar o sufixo "! Importante" a cada valor, se as alterações não se aplicarem.

    1. Oh sim, é. Isto é devido ao bloqueio de conteúdo. Estamos buscando uma solução eficaz para o problema copiando o conteúdo de que somos regularmente vítima.

      Bonne journée

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
1 ações
ação1
chilrear
Enregistrer