X

Tablas de shortcodes con múltiples filas y columnas

Snippets de IsItWP

¿Estás buscando una forma de crear rápidamente una tabla de datos simple? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para habilitar tablas de shortcodes con múltiples filas y columnas en WordPress.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los 19 mejores plugins de WordPress para fotógrafos y Cómo crear fácilmente una encuesta en WordPress.

Comentarios   Deja una respuesta

  1. Hola chicos,

    Este es un gran fragmento para crear tablas simples fácilmente. Sé que el artículo está un poco desactualizado, pero veo que el comentario de Alex tiene 4 meses, así que mi comentario podría seguir siendo útil para alguien.

    El Snippet debe modificarse ligeramente declarando $output = ""; justo antes de
    extract( shortcode_atts( array(
    La función completa del shortcode a continuación.


    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. Hola chicos,

    cuando agrego el código a mi functions.php, los parámetros de [table cols="names,values" data="name1,25,name2,409"] no se pasan y muestra none, none. ¿Sabes por qué es?

    Gracias

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

    […] porque encontré esta publicación de Kevin Chard. Sin embargo, encontré resultados que no eran del todo […]

  4. Hola Kevin,
    Gracias por este código.
    Tengo un problema, al insertar el shortcode en una publicación, muestra variables ($x) y no el valor de las variables.
    Gracias por tu ayuda y disculpa mi mal inglés.
    Anne
     

    1. Cambia {$col} a ‘. $col . ‘ lo mismo para $datum

Agrega un comentario

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

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!