X

Tabelas de Shortcode com Múltiplas Linhas e Colunas

Snippets por IsItWP

Você está procurando uma maneira de criar rapidamente uma tabela de conjunto de dados simples? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que você pode usar para habilitar tabelas de shortcode com múltiplas linhas e colunas no WordPress.

Instruções:

Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin específico do site:

function simple_table( $atts ) {
    extract( shortcode_atts( array(
        'cols' => 'none',
        'data' => 'none',
    ), $atts ) );
    $cols = explode(',',$cols);
    $data = explode(',',$data);
    $total = count($cols);
    $output .= '<table><tr class="th">';
    foreach($cols as $col):
        $output .= '<td>'.$col.'</td>';
    endforeach;
    $output .= '</tr><tr>';
    $counter = 1;
    foreach($data as $datum):
        $output .= '<td>'.$datum.'</td>';
        if($counter%$total==0):
            $output .= '</tr>';
        endif;
        $counter++;
    endforeach;
        $output .= '</table>';
    return $output;
}
add_shortcode( 'table', 'simple_table' );
[table cols="names,values" data="name1,25,name2,409"]

Observação: Se esta é a sua primeira vez adicionando trechos de código no WordPress, consulte nosso guia sobre como adicionar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.

Se você gostou deste trecho de código, considere conferir nossos outros artigos no site como: 19 melhores plugins do WordPress para fotógrafos e como criar uma pesquisa facilmente no WordPress.

Comentários   Deixe uma Resposta

  1. Olá pessoal,

    Este é um ótimo trecho para criar tabelas simples facilmente. Sei que o artigo está um pouco desatualizado, mas vejo que o comentário do Alex tem 4 meses, então meu comentário ainda pode ser útil para alguém.

    O Snippet deve ser ligeiramente modificado declarando $output = ''; logo antes de
    extract( shortcode_atts( array(
    Função completa do shortcode abaixo.


    function simple_table( $atts ) {
    $output = '';
    extract( shortcode_atts( array(
    'cols' => 'none',
    'data' => 'none',
    ), $atts ) );
    $cols = explode(',',$cols);
    $data = explode(',',$data);
    $total = count($cols);
    $output .= '';
    foreach($cols as $col):
    $output .= ''.$col.'';
    endforeach;
    $output .= '';
    $counter = 1;
    foreach($data as $datum):
    $output .= ''.$datum.'';
    if($counter%$total==0):
    $output .= '';
    endif;
    $counter++;
    endforeach;
    $output .= '';
    return $output;
    }
    add_shortcode( 'table', 'simple_table' );

  2. Olá pessoal,

    quando adiciono o código ao meu functions.php, os parâmetros de [table cols="names,values" data="name1,25,name2,409"] não são passados e ele retorna none, none. Você sabe por quê?

    Obrigado

  3. Wordpress Table Shortcode Builder › Jean Egan June 30, 2012 at 1:38 am

    […] porque encontrei este post de Kevin Chard. No entanto, encontrei resultados que não eram bem […]

  4. Oi Kevin,
    Obrigado por este código.
    Tenho um problema, ao inserir o shortcode em uma postagem, ele exibe as variáveis ($x) e não o valor das variáveis.
    Obrigado pela ajuda e desculpe meu inglês ruim.
    Anne
     

    1. Altere {$col} para ‘. $col . ‘ o mesmo para $datum

Adicionar um comentário

Ficamos felizes que você escolheu deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!