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

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]

Este é um recurso que não existe por padrão WordPressno entanto, nossas publicações não são essencialmente compostas de 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 plugins devem ser usados.

Para responder a uma preocupação de um dos 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á disponível.

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

tablepress-logo

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress em etapas 7 et Como pesquisar, 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, o que é muito conhecido, 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 baixe como um arquivo zip e instale-o do seu FTP.

Uma vez feito isso, 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 especialmente definir o número de linhas e colunas. Uma vez feito, 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 de HTML)
  • Ocultar ou exibir uma linha
  • Duplicar, inserir ou excluir uma linha
  • Para adicionar novas linhas vazias

Essas diferentes opções se aplicam a linhas (esquerda) e para as colunas (certo).

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

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

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]

A seção Opções de tabela Dá a você a capacidade de definir certas opções, como definir " a primeira linha da mesa Como o título e o de definir " a última linha da mesa 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 tabela dinâmica, você pode ativar a opção " DataTables "Seção" Conteúdo a biblioteca JavaScript DataTables ". Por padrão, esse recurso está ativado e permite a habilitação de outros recursos, como classificação, paginação e muito mais.

Descobrir Como adicionar um efeito de paralaxe em qualquer tema do WordPress

opções de biblioteca de javascript

Quando terminar de editar sua tabela, não se esqueça de salvar suas 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 : isto é, criar uma nova tabela inspirada na atual modificada
  • Tabela exportação: este recurso permite que você use as informações de uma tabela em outra instalação de " TablePress Você também pode usar esse recurso para fazer backups de 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 ". A partir desse local, você pode executar ações agrupadas, incluindo mesas copiar, apagar ou de exportação. Se você preferir realizar essas ações em uma determinada placa, passe o mouse sobre ela e verá suas opções.

É também a partir deste 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 Plugins WordPress 10 para compartilhar seus artigos nas redes sociais

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

gerenciar-tables

Como importar uma tabela

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

De lá, você pode determinar a origem 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 shortcodecomo eu disse antes, clicando no link "Mostrar o atalho".

Pós-shortcode

Copie este 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 alcançar em casa com o tema da semana).

Mesa-preview

Descubra também alguns plugins WordPress premium

Você pode usar outros plugins 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 "Ultimate WordPress Redirect" é a única solução que você precisa para gerenciar todas as suas necessidades de redirecionamento, 404, migração de site e / ou alteração ou transferência de domínio.

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

Download | Demonstração | Web Hosting

2. Campos personalizados do Bookly

É importante notar que este plugin WordPress é um add-on que requer o plugin WordPress Bookly para funcionar. Por padrão, os clientes ou visitantes geralmente são usados ​​para preencher vários campos, como nome, número de telefone e endereço de e-mail, antes de confirmar uma reserva.

Mas com este plugin WordPress, você pode pedir-lhes para preencher 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 do Bookly.

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

Download | Demonstração | Web Hosting

3. Guias Elegantes para o Beaver Builder

Graças a este plug-in, 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, encontramos: o pcapacidade de personalização (cores, ícones, fundos para diferentes seções / abas), 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 (10 diferentes estilos de separadores 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]

Download | Demonstração | Web Hosting

Recursos Recomendados

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

Conclusão

É isso! É 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 compartilhar 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 na Internet, consultando nosso guia sobre Criação de blogs 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,

    Eu não consigo encontrar um plugin que me permite alterar os valores de uma planilha diretamente no site (em uma página privada), mas não ter que ir no painel e, em seguida, no plugin.

    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ê adiciona 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: o meu blog faz parte de uma plataforma de bloggers (mondoblog.org). Estou sempre que confrontados com a dificuldade de inserção dos meus dados criptografados em uma tabela como neste caso: 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
Whatsapp