X

Tablas Shortcode con Varias Filas y Columnas

Snippets by IsItWP

¿Está buscando una manera de crear rápidamente una tabla de conjunto de datos simple? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para habilitar tablas shortcode con múltiples filas y columnas en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

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"]

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 19 mejores plugins de WordPress para fotógrafos y cómo crear fácilmente una encuesta en WordPress.

Comentarios   Deja una respuesta

  1. Hi guys,

    This is a great snippet to easily create simple tables. I know the article is a little dated but I see Alex comment is 4 months old so my comment could be still useful to somene..

    The Snippet should be slightly modified declaring $output = ”; just before
    extract( shortcode_atts( array(
    Full shortcode function below.


    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. Hi guys,

    when I add the code to my functions.php the parameters of [table cols="names,values" data="name1,25,name2,409"] do not get passed and it outputs none, none. You know why that is?

    Thanks

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

    […] because I found this post by Kevin Chard. However, I encountered results that weren’t quite […]

  4. Hie Kevin,
    Thanks for tis code.
    I have a problem, when inserting shortcode in post, it display variables ($x) and not value of variables.
    Thanks for help and sory for my bad english.
    Anne
     

    1. Change {$col} to ‘. $col . ‘ same for $datum

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!