Recentemente, um de nossos visitantes nos perguntou como inserir uma tabela no WordPress?
Este é um recurso que não existe por padrão em WordPress, entretanto, nossas publicações não são compostas principalmente de títulos e parágrafos. Alguns blogs também usam tabelas por vários motivos. O problema, como sempre, é que muitas vezes é difícil saber quais plug-ins usar.
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? Sumiu!
Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress em 7 etapas 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, por adicionar tabelas a posts e páginas do WordPress. Eu convido você a instale-o no seu painel. Você também pode faça o download 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 quando se trata de configurações, você não precisa fazer muito.
No entanto, você pode personalizar o design geral da tabela adicionando código CSS a ela e definindo a localização do menu « tablePress » no menu do lado esquerdo do painel de instrumentos.
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 ".
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.
Outras opções adicionais estão disponíveis, o que permite a você:
- Adicionar uma imagem
- Adicionar um link
- Acesse o editor de código avançado (Somente desenvolvedor HTML)
- Para ocultar ou mostrar uma linha
- Duplicar, inserir ou excluir uma linha
- Adicionar novas linhas vazias
Essas diferentes opções se aplicam a linhas (esquerda) e para as colunas (direito).
Crie também listas de preços em seu blog ou site com estes 8 plug-ins premium do WordPress
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 a elas.
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á habilitado e oferece a opção de habilitar alguns outros recursos, como classificação, paginação e muito mais.
Discover Como adicionar um efeito de paralaxe em qualquer tema WordPress
Assim que terminar de modificar sua mesa, não se esqueça de salvar suas modificaçõ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, criar uma nova tabela inspirando-se na modificada atualmente
- Tabela exportação: esta funcionalidade permite usar as informações de uma mesa em outra instalação de " 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.
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 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 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.
Como importar uma tabela
TablePress dá-lhe a possibilidade de 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).
Como adicionar uma imagem a um artigo ou página
Da página inicial de plug-invocê pode recuperar o shortcode, como disse antes, clicando no link "Mostrar o atalho".
Copie este código e adicione-o ao editor visual de postagem ou página.
Feito isso, publique o artigo (ou página) e verifiqueo. Sua imagem bonita está de acordo com todas as linhas e colunas (isso é o que eu consegui alcançar em casa com o tema da semana).
Descubra também alguns plugins premium do WordPress
Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio 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
O plugin "WordPress Ultimate Redirect" é a única solução que você precisa para gerenciar todos os seus redirecionamentos, 404s, migração de site e / ou mudança de domínio ou necessidades de transferência.
Existem plug-ins que fazem o que o plug-in faz, mas não todos ao mesmo tempo. Este plugin fornece toda a funcionalidade de redirecionamento 404 usual, além de nosso favorito "redirecionamento automático para correspondência de URL mais próxima".
Descarregar | Demo | hospedagem na web
2. Campos personalizados do Bookly
É importante notar que este WordPress Plugin é um complemento que requer o WordPress Plugin Bookly para operar. 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 isso WordPress Plugin, 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 de upload do processo de reserva e os detalhes da reserva serão adicionados ao seu calendário do Bookly.
Suas características são, entre outras: a capacidade de criar quantos campos forem necessários, o suporte para diferentes tipos de campos, a capacidade de tornar determinados campos obrigatórios ou opcionais no preenchimento, documentação detalhada e muito mais.
Descarregar | Demo | hospedagem na web
3. Guias Elegantes para o Beaver Builder
Usando este plug-in, você pode adicionar qualquer código de acesso em várias guias para que os usuários possam escolher quais dados desejam ver.
Como características que encontramos: eppossibilidade de personalizar (cores, ícones, planos de fundo para diferentes seções / guias), o iintegração de WYSIWYG, a possibilidade de selecionar um ícone para cada guia da biblioteca de fontes disponível em Beaver Builder, umalinhamento de guias (10 estilos de guias diferentes e muitas variações para fácil personalização
Descarregar | Demo | hospedagem na web
Recursos Recomendados
Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.
- Quando e como instalar o WordPress em um subdiretório
- Como corrigir o erro "Não foi possível gravar no disco" no WordPress
- Como publicar seus artigos por e-mail no WordPress
- Como esconder itens desnecessários no painel WordPress
Conclusão
Aqui! Isso é tudo para este tutorial dedicado a criar e adicionar uma tabela nas páginas ou artigos do 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.
...
você tem que inserir as fórmulas para obter as respostas na tabela ?????????????
Não, você realmente não precisa disso.
Bom Dia,
Não consigo encontrar um Plugin que me permita modificar os valores de uma planilha diretamente no site (em uma página privada), mas não necessariamente tendo que ir para o Dashboard e depois para o Plugin.
Thanks!
Bom Dia,
Procure um plugin que ofereça a opção Frontend e você não precisará mais fazer isso no painel.
Muito obrigado! Não conhecia o termo ...
Por outro lado, não consigo encontrar um gratuito, a opção FrontEnd é sempre para as versões “Pro” ...
Boa tarde e obrigado pela resposta rápida.
Na verdade, se eu clicar em um de seus links (por exemplo, o primeiro sobre o catálogo), chego a uma página em branco com a menção "Desculpe, nenhuma postagem corresponde aos seus critérios. "
Mas se nesta mesma página clicar em "INÍCIO" (onde está tudo normal) e voltar ao "CATÁLOGO": este aparece normalmente e muito rapidamente (utilizo Firefox).
Por outro lado, tentando a pesquisa com o Internet Explorer: GRANDE SURPRESA: mudança total de estilo… .. toda em comprimento, deformação do layout, lentidão na exibição !!!!!
Você pode me explicar o motivo dessas diferenças de exibição?
Então, você pode me dizer o mais claramente possível (lembro-lhe da minha inexperiência com um site) como retificar os erros que você levantou? e além disso, como você os detectou ????
Você também quer que eu lhe envie os documentos PDF (capturas de tela) que eu lhe ofereci e como posso enviá-los?
Eu sei, são muitas perguntas e muito tempo para um homem, e eu ficaria muito grato se você pudesse continuar a me ajudar nessa bagunça.
Enquanto isso, obrigado novamente e vida longa a esta realmente grande site!
Bom dia ou boa noite,
Desculpe pela resposta tardia. Estive muito ocupado o dia todo, mas vou me dar ao trabalho de responder.
- Ao clicar no primeiro link, você deve acessar um arquivo javascript cujo conteúdo não deve ser legível para você. Se, em vez disso, você acessar uma página não encontrada em seu blog, o recurso javascript usado por seu tema (ou plugin) não poderá ser encontrado e, portanto, a funcionalidade que esse recurso deve fornecer não funcionará. No seu caso, faltam 4 arquivos.
- A mudança de estilo varia de um navegador para outro. Se você estiver usando FireFox e Chrome (especialmente as versões mais recentes), o layout provavelmente será o mesmo. No que diz respeito ao Internet Explorer, a exibição é em grande parte deslocada, porque este navegador não respeita os padrões que os outros fazem (por outro lado, o navegador Microsoft Edge é uma versão melhorada do Internet Explorer).
Para resolver suas dúvidas mais rapidamente (dada a sua experiência), convido você a solicitar um diagnóstico no seu blog (é gratuito). No final, você será informado do que está faltando e o que fazer. Também seremos capazes de implementar certas medidas que o impedirão de ter que encontrar este tipo de problema no futuro.
Entre em contato com o nosso serviço ao cliente por favor.
https://blogpascher.com
Olá e parabéns pelo seu tutorial.
Após a saída de nosso "webmaster", fui nomeado "gerente de TI" - embora seja um novato em gerenciamento de sites - e queria substituir uma tabela (representando um catálogo com nomes de autores, títulos ...) pelo novo catálogo atualizado.
Eu queria fazer a substituição por uma mesa "TablePress".
Tudo correu bem, exceto que a função "classificar" não funciona enquanto em "Conteúdo da biblioteca JavaScript DataTables" TUDO está verificado e, em particular, o que diz respeito à "classificação".
Você pode me dizer por quê? e como resolver o meu problema?
Você pode ver este fenômeno acessando o site “www.bs-limoges.fr” (ou “Limoges Sound Library”) na página “CATALOG”.
Desde já, obrigado por gentilmente me ajudar e desejo um bom dia.
Bom Dia,
para ajudá-lo a resolver seu problema, você pode enviar uma captura? Se também for possível ter o link que leva à sua página, isso será uma vantagem.
Merci.
Olá e obrigado por tomar o meu caso em consideração, especialmente tão rapidamente.
Eu fiz várias capturas de tela e salvei como PDF com meus comentários, mas como faço para enviá-las?
Posso enviá-los como anexos em uma mensagem pessoal e se assim for, eu posso ter um endereço de e-mail?
Ou se não, como você os publica neste site? Tentei "copiar e colar" sem sucesso… ..
Quanto ao link que leva à minha página, além do endereço: "www.bs-limoges.fr", você chega diretamente à 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.
Bom Dia,
depois de analisar seu site, eu vim a perceber:
1 - Há um erro de JavaScript no início da página, porque alguns recursos estão faltando:
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 - Sua mesa é realmente muito longa. Está remando no meu navegador. Você deve inserir páginas para a tabela.
Você precisa resolver esses problemas de recursos ausentes para que o array possa funcionar normalmente.
Re bonjour,
não tendo mais nenhuma notícia depois da minha resposta de ontem, percebo que esta não aparece no site. Outro mistério do computador para mim!
Então, eu abaixei hoje.
Perguntei-lhe como você teve acesso aos endereços que você me dá (http://bs-limoges.fr/wp-content/themes/bsl/scripts/….) E que acaba em uma página onde aparece a frase: “Desculpe, nenhuma postagem correspondeu aos seus critérios” ????????
Porque eu, quando digito o endereço do meu site, acabo na recepção e ao clicar numa página (por exemplo: “CATÁLOGO”) estou bem na minha página normal (com o meu catálogo) ??? E é o mesmo para todas as páginas que você me cita: outro mistério!
O catálogo abre muito rapidamente, ao contrário do que você está me dizendo.
Estou trabalhando com o Firefox, mas verifiquei com o Internet Explorer e também é rápido.
Então, eu realmente não entendo.
No entanto, percebi que com o Internet Explorer, o site era totalmente diferente:
Qualquer semelhança com o que aparece no Firefox.
No Firefox: tudo em largura em 8 colunas e no Explorer: tudo em comprimento em uma única coluna. Como explicar ????
Caso contrário, você me pede para "resolver os problemas de falta de recursos" e aí, para mim, é missão impossível sem ajuda externa. Eu lhe confessei: sou um neófito puro na manutenção de um site!
Então, se você me explicasse EM DETALHE o que fazer e COMO fazer, você me salvaria de uma bagunça.
Se você também quiser posso postar as screenshots que te ofereci, mas novamente você tem que me explicar como postar no seu site.
Aqui, é uma longa leitura dos meus problemas e principalmente um longo momento de ajuda para planejar (se você o aceitar!) E por tudo isso, renovo toda minha gratidão a você, esperando que desta vez minha mensagem chegue até você .
Tenha um bom dia e talvez um “bom fim de semana” …… ..
Bom Dia,
ao acessar o código-fonte do blog, o navegador relatou erros que tentei explorar. E clicando nesses erros, cheguei ao seu blog, o que não é normal porque precisei acessar um script (código de programação do computador). Se eu for para uma página de erro e não um script, o referido recurso está faltando e, como disse anteriormente, os recursos que dependem dele não funcionarão.
Infelizmente, para resolver esses problemas de recursos ausentes, você precisará ter até mesmo conhecimento básico de webmaster (portanto, terá que aprender). Mas, como eu disse, oferecemos aos nossos assinantes serviços de suporte, o que nos permitirá ensinar muitas coisas sobre webmastering (mas não só), mas também resolver a maioria de seus problemas técnicos.
Se você está interessado em aprender, há muitos cursos online e até tutoriais aqui, mas admito que vai demorar um pouco. Portanto, cabe a você decidir e, independentemente do que escolher, você encontrará uma solução.
Merci.
Olá e obrigado novamente por suas respostas aos meus pedidos foram finalmente cruzou.
Definitivamente, tenho um trabalho para chegar lá! Mas desde o início estou procurando soluções lendo todos os tutoriais que encontro na Net e estou pronto para consultar muitos outros se isso me ajudar.
E foi assim que encontrei o seu (ótimo por sinal ...) então por enquanto continuarei a seguir suas recomendações.
Então você me aconselha: "nós oferecemos aos nossos assinantes serviços de suporte", você pode me dizer como tirar proveito desses serviços?
Você acrescenta em sua última resposta: "Convido você a solicitar um diagnóstico do seu blog (é gratuito). », Mas se eu clicar no seu link (https://blogpascher.com) claro que acabo no seu site, mas não tenho informações sobre esse serviço GRATUITO. Só consigo encontrar serviços PAGOS!
Então, em casos 2 que fazer?
Em relação à diferença de apresentação, só posso esperar que os futuros “leitores” do site funcionem com Firefox ou Chrome. Em qualquer caso, obrigado por este esclarecimento que eu não sabia (outro !!!) mas não há 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ã vai ser claro… ..
Bom Dia,
para acessar o diagnóstico gratuito, você encontrará o botão na página inicial. Todas as informações sobre suporte e treinamento também estão na página inicial. Você também terá um agente conectado pronto para responder a todas as suas perguntas.
Olá
Estou usando o wordpress e a tabela Tablepress e queria saber se é possível copiar parte de uma tabela com seu conteúdo e colá-la em outra tabela depois. Deixe-me explicar :
Eu tenho uma matriz A e uma matriz 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 linhas e o mesmo conteúdo.
Merci d'avance
Frédérique
Bom Dia,
na verdade, é possível. Apenas, você não terá uma interface que simplifique a operação. Você precisará ter um bom comando de códigos de acesso. Porque se você copiar e colar um shortcode incorretamente, a tabela pode não ser mais exibida.
Olá
obrigado em primeiro lugar pela sua resposta rápida.
Eu começo assim mesmo, gosto dos desafios.
Essa é a marcha siga
Frédérique
Você precisará exportar a tabela cujas colunas deseja copiar. Com o conteúdo exportado, você precisará manipular o arquivo CSV resultante. Aqui é onde tudo ficará complicado se você não tiver domínio desse 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 antes, essa não é uma tarefa fácil.
Você também pode usar um plug-in Duplicate Posts (pesquise-o). Esperando que este plugin seja compatível com o TablePress.
Boa sorte.
Bom Dia,
É possível adicionar um botão que permite a um visitante adicionar uma linha a esta tabela?
obrigado
Em princípio sim, mas depende do tema e do plugin utilizado.
Olá
eu mudei o css nas opções - eu quero mudar a cor da primeira linha do cabeçalho da tabela. Mas nada muda ... Eu esvaziei o cache
th thead .tablepress,
tfoot .tablepress th {
background-color: d3cec8 importante;
}
Obrigado pela ajuda …
Bom Dia,
Seu código de cor está errado. O # acentuado está faltando
Bonjour Thierry,
Agradeço sinceramente por este tutorial que me tirou da minha ignorância. Já faz muito tempo que tento instalar as tabelas do meu blog sem sucesso. Mas, apesar de suas explicações, nem sempre chego a esta famosa mesa. Tenho duas preocupações:
1) Eu baixei o arquivo zip. Quando o download for concluído, o que faremos a seguir? Não noto 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 escolho a opção ion do plugin, infelizmente noto que minha "Extensão" não tem a opção "Adicionar".
Pergunta: Existe uma solução?
NB: meu blog faz parte de uma plataforma de blogueiros (mondoblog.org). Cada vez, enfrento a dificuldade de inserir meus dados criptografados em uma tabela como este cenário: http://matango.mondoblog.org/2016/05/06/cameroun-pourquoi-lopposition-est-elle-abandonnee-par-le-peuple-1/
Bom Dia,
Desculpe, mas operamos apenas em blogs WordPress auto-hospedado.
Bom Dia,
Você está usando uma plataforma que não é compatível (Mondoblog). Estamos usando WordPress para este tutorial.
Leia este entender o porquê.
https://blogpascher.com/wordpress-2/pourquoi-devez-vous-utiliser-wordpress-pour-creer-votre-blog
Cordialement.
Bonjour Thierry,
Bonjour Hervé,
Na verdade, eu não ia suspeitar disso! A plataforma (Mondoblog) utiliza software WordPress. Porém, cada blogueiro é livre para personalizar seu blog como desejar. Esta é a razão pela qual pensei em pedir sua ajuda. Não sabia que em um blog que faz parte de uma plataforma usando WordPress é impossível adicionar plugins.
Obrigado pelo seu tempo.
cordialmente
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.
Olá Gilbert
Desculpe pelo atraso na resposta, tivemos conferências. Em relação ao seu pedido, preciso de uma captura de tela, por favor. Podemos ajudá-lo com o plugin, mas não com o tema porque estamos nos limitando aqui a apresentar algumas ferramentas, mas infelizmente não podemos fornecer suporte.
Bom Dia,
Você pode usar um CSS personalizado:
td mesa de tr {text-align: left} significativo.
Faça o download e ativar o cabeçalho e rodapé Plugin https://wordpress.org/plugins/header-footer/ e adicionar o código para o rodapé da página.
Olá, e parabéns por este grande tutorial legível.
Eu tenho duas perguntas :
1) como podemos centralizar o texto de uma célula; ou todas as células ao mesmo tempo?
2) como podemos mostrar as bordas das células?
Obrigado e espero te ver em breve
Olá Jean-Claude,
Desculpe pelo atraso na resposta, tivemos conferências. Em relação ao seu pedido, você poderia compartilhar as capturas de tela?
Atenciosamente,
Thierry
Olá Jean-Claude,
1: Você pode forçar o alinhamento de todas as células com CSS personalizado: "table td {align: center! Importante; } "
2: Você também pode forçar a aparência de bordas com um código CSS personalizado »table tr {border-top: solid 1px # 333! Importante ;; borda inferior: sólido 1px # 333! importante ;; } table td {border-left: solid 1px # 333! important ;; border-right: sólido 1px # 333! importante; }
Bom Dia,
Em primeiro lugar, obrigado pelo seu tutorial! Quero mudar as cores de fundo da mesa, mas não posso. Nas opções, no quadro css personalizado, coloquei o exemplo do FAQ e salvei. Mas as cores permanecem inalteradas ... Agradecemos antecipadamente por uma solução.
Olá Jmv7,
Hervé deve responder a sua preocupação muito rapidamente. Desculpe pela demora.
Bom Dia,
Eu não entendo muito bem o que você diz "Coloquei o exemplo do FAQ e salvei".
Enquanto isso, antes de se aventurar as alterações CSS, você primeiro precisa saber CSS.
Em caso afirmativo, você provavelmente sabe que precisa obter o seletor de objeto DOM (Id ou classe). Você precisará aplicar o sufixo "! Importante" a cada valor, se aplicável, se as alterações não se aplicarem.
Olá
Obrigado por este tutorial
Por outro lado, é impossível recuperar as fórmulas e funções de cálculo 🙂
@+
Sim, é verdade. Isso ocorre devido ao bloqueio de conteúdo. Procuramos uma solução eficaz para o problema da cópia de conteúdos de que somos regularmente vítimas.
Bonne journée