DecodeCMS

Tu WordPress a otro Nivel ...

Inicio / Tutoriales / Themes / Mostrar datos desde una tabla personalizada de la base de datos de WordPress

Mostrar datos desde una tabla personalizada de la base de datos de WordPress

[ ] [ Actualizado: ]
[ Autor: ][ Themes - Intermedio] [ ]

Suscríbete a DecodeCMS:  

¿Tienes una tabla de base de datos que te gustaría mostrar en tu sitio WordPress?, en este artículo aprenderás como mostrar esos datos en una página de forma sencilla a través de código.

 

Resultado Final

Al final obtendremos algo similar a lo que se muestra en la siguiente imagen.

Mostrar tabla base de datos

Si te interesa tener funcionalidad de paginación y búsqueda revisa el siguiente artículo: Mostrar Tabla Personalizada con Búsqueda y Paginación en WordPress

 

Generalidades

WordPress puede acceder a cualquier tabla de su base de datos de manera simple, incluso las que no forman parte del propio WordPress o plugins.

En este ejemplo asumimos que tenemos una tabla con el nombre data_fruit esta tabla contiene los siguientes campos: fruit_id, name, variety

Para mostrar los datos usaremos una página llamada Frutas y tiene el slug frutas

Un slug o alias es un texto sin caracteres especiales que viene después del nombre de dominio y que forma parte de la url, WordPress transforma automáticamente el título en slug

 

Código para mostrar datos de una tabla de la base de datos

El siguiente código muestra los datos de una tabla en una página de WordPress.

En el código anterior:

  • Usamos el hook the_content que hace referencia a la función dcms_list_data
  • Dentro de esta función hacemos una comprobación con la función is_page() ya que sólo nos interesa mostrar los datos en esa página
  • Usamos la variable global $wpdb, a través de este objeto obtenemos métodos para recuperar los datos
  • Formamos el resultado de los datos en la variable $result
  • Construimos la tabla en la variable $template
  • Al final reemplazamos la plantilla con los datos obtenidos y concatenamos con el resto del contenido

Puedes agregar este código al final del archivo functions.php de tu tema hijo, o a través de un plugin de Snippets

Si deseas agregar una búsqueda a los datos que se muestran, puedes revisar el artículo Búsqueda en tabla personalizada en WordPress

 

Conclusión

Tal como has visto, puedes obtener datos desde una tabla externa a WordPress y mostrarla como parte del contenido de una página de manera simple y sin usar plugins.

 

Artículos Relacionados

Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (10 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Diego B

    Hola buenas tardes,

    Tienes alguno que haga lo que esta en el video,pero que a la vez permita hacer update al contenido.

    Gracias,

  2. Pedro

    ¿y el código en la página?
    ¿[dcms_list_data]?
    ¿Es correcto si añado un archivo nuevo en wp-content/plugins/functions.php? (empieza por )

    • Jhon Marreros Guzmán

      Hola, el código no crea un shortcode, usa un Hook para colocar los datos al final del contenido de la página.
      El archivo functions.php es un archivo de tu theme, no existe un archivo functions.php en esa localización que mencionas y así lo crees no tendrá efecto.

  3. Pedro Puig

    Fantástico, ya funciona. Enhora buena.

    Ahora va algo más difícil:
    httpClient permite ejecutar la consulta automáticamente desde fuera de la web.
    Los header (textos de la barra superior) sirven de filtro (localhost/fruit/?ID=1). Solo mostraría una fila del informe.
    En este caso entiendo que toda la linea tiene un valor. ¿Se pueden usar headers de alguna forma?

    Sé que me estoy pasando contigo. Tu respuesta ha sido definitiva antes.

    • Jhon Marreros Guzmán

      Hola, en el código se forma la cabecera o header de la tabla a través de la variable de $template, podrías modificar ese código de acuerdo a tus necesidades.

  4. Lyda

    Súper.. Por favor necesito codigo de una lista desplegable de paises y que cuando seleccione el pais muestre cuatro imagenes cada una con su respectiva descripcion…Agradezco su ayuda

    • Jhon Marreros Guzmán

      Hola, no me queda claro lo de mostrar cuatro imágenes, sin embargo la primera parte de tu consulta se refiere a filtros, evaluaré hacer un artículo de filtros próximamente. Saludos.

  5. VICTOR EDUARDO SAEZ VIVAR

    Hola, he visto tu video tutorial, y con ayuda de el, lo que intento es mostrar en una pagina, los pedidos de woocommerce…
    Esta es mi consulta:
    $items = $wpdb->get_results( “SELECT order_item_name, order_item_type, order_id FROM {$wpdb->prefix}woocommerce_order_items”, ARRAY_A );
    Cuando hago var_dump me funciona pero cuando ocupo el foreach para recorrerlo y mostrarlo, no me muestra nada…
    Nose si para mostrar datos de la base de tablas que no es personalizada tiene alguna otra forma…. pero no me funciona ;<

    • Jhon Marreros Guzmán

      Hola
      Estas recuperando la información como array asociativo, posiblemente estes tratando de recuperarlo como modelo de objeto. Prueba quitando ARRAY_A , o en su defecto usa la sintaxis de array para recuperar los datos.
      Saludos.

  6. Mauricio Cardona

    Hola John,
    Gracias por compartir tu conocimiento.
    Copié tu código e hice los ajustes, pero solo veo los títulos de la tabla.
    Mi sitio y base de datos están alojados en GoDaddy.
    Debo hacer algo más para dirigir el query a la BD?

    • Jhon Marreros Guzmán

      Hola, no, con el código debería ser suficiente, revisa si el nombre de la tabla de la BD es correcta y si tienes datos.

  7. Roberto P

    Hola, soy nuevo con WordPress y estoy haciendo un sitio donde en una de las secciones pretendo poner un formulario para recoger datos específicos sobre un tema particular y los guardo en la base de datos, el problema es mostrarlos cómo podría mostrar esos datos y que sólo aparezcan a la persona que los introdujo, es decir que respondan a un sistema de membresía?

    • Jhon Marreros Guzmán

      Hola, en este caso tendrías que adicionar a los datos el ID del usuario que lo registró y de esa al consultar podrías agregar un filtro por ID de usuario.

      • Jose

        Hola Jhon, pero como seria eso ? osea en la where de la query pongo el Label que filtra ???

  8. Soledad Erica Sanchez

    Una consulta me sale perfecto el ejemplo. Quisiera agregar un filtro por algun campo en espefico? en la página que debo usar para que tome el filtro.

  9. Mauricio Perez

    Hola muy bueno tu video muchas gracias por compartir tu conocimiento y experiencia, no se si se puede con este ejemplo pero como le hago para que en lugar de que me aparezca la info de la base de datos en automatico como le hago para me aparezca, ya sea manzana, platano etc… realizando una busqueda o consuta …

    • Jhon Marreros Guzmán

      Hola, evaluaré hacer un artículo para esto ya que implica código adicional. De manera general si quieres realizar la búsqueda en los registros ya cargados lo más práctico sería filtrarlos con javascript, si son muchos registros con paginación sería una nueva consulta a la BD.

  10. Ana Remersaro

    Hola! muy bueno el video. Quería consultarte cómo tendría que hacer si quiero tomar información desde otra base de datos, es decir, que convivan la DB de wordpress y otra de donde levantar una lista de productos.
    Muchas gracias de antemano!

    • Jhon Marreros Guzmán

      Hola, si tienes acceso a la BD tienes que realizar una conexión a la BD que te interesa por PHP directamente desde WordPress, sin embargo lo usual es que te conectes por una API, esto te facilitaría las cosas y tendrías una mejor administración.

  11. elena

    hola,como obtengo le valor del campo de busqueda en mi plantilla y la envio a la consulta mysql gracias

    • Jhon Marreros Guzmán

      Hola, supongo que te refieres a la búsqueda de WordPress, verás que se crea un parámetro como parte de la url con la variable “s” cada vez que realizas una búsqueda.

  12. Alfredo

    Hola, muy bueno todo. una pregunta… en la variable Template esta recogido q coga el tema actual, o el css para la tabla. pero he tratado de cambiar el tamaño de la tabla pero no me deja, o sea no se efectua. Me puedes decir como cambiar el tamaño ? a la hora de mostrar a tabla. gracias

  13. willy

    hola, como puedo crear un buscador por palabras o colocar filtro a esa tabla? gracias

  14. Dámaris Cubos

    Hola Jhon, nuevamente agradeciendo todo lo que nos compartes. Quisiera hacerte una consulta.
    Estoy recibiendo datos de una encuesta realizada con Ninja Forms y requiero utilizar ciertos datos para crear un tipo expediente médico que se muestre en una de las páginas de WP.
    Afortunadamente Ninja Forms almacena directamente las respuestas en la base de datos de WP pero las he encontrado en nf_sub que es un post_type. Entonces no sé si se pudiera aplicar esto de la tabla para elegir esos datos.
    También es necesario que los datos mostrados en la tabla o expediente médico vayan acorde al usuario loggeado. ¿Me podrías guiar un poco sobre cómo lograr algo así?
    Muchísimas gracias.

    • Jhon Marreros Guzmán

      Hola, podrías consultar a la tabla wp_post y filtrar por el campo post_type, la otra opción es usar las funciones de WordPress que te filtran por post type, revisa la clase WP Query. Sin embargo si tienes un dato de usuario como parte de los datos que te guarda el formulario mejor hacer la consulta directamente con SQL

      • Dámaris Cubos

        Gracias Jhon, lo pongo a prueba.

  15. LLeiser

    Muy buen video, bien explicado. Una consulta como puedo hacer si quiero mostrar el listado de una tabla que pertenece a otra base de datos en el mismo hosting?

    • Jhon Marreros Guzmán

      Hola, tendrías que hacer otra conexión de BD, espero hacer un video pronto sobre esto.

  16. Ana Campos

    Hola! no se si podrías ayudarme con lo siguiente:
    Tengo una tabla dinámica en WordPress, donde por medio de un formulario en donde mis usuarios ingresan sus datos se va llenando. Ya logre mostrarla en una pagina pero lo que necesito ahora es agregar un motor de búsqueda donde me arroje la información de la tabla, ya he instalado plugins y no funcionan.
    Inclusive ya tengo una consulta de la BD en donde esta la tabla y se actualiza pero no se en que parte del archivo funciones.php podría agregarla
    Alguna opción o sugerencia

  17. Josué

    Hola Jhon, tengo un csv con campos numéricos, cada campo corresponde a un día del año, necesito mostrar en mi pagina solo el campo correspondiente al día actual. Podrías ayudarme??

    • Jhon Marreros Guzmán

      Si tienes un CSV el proceso entonces es diferente, ya que en este artículo estoy leyendo directamente desde una tabla de la BD, salvo pases primero tu CSV a una tabla, de ser así tendrías más flexibilidad para programarlo.

  18. Magdalena

    Jhon, muchas gracias por tu tiempo y dedicación. Tienes algun post para crear tablas desde un access?

    • Jhon Marreros Guzmán

      Hola, no, no tengo esto, lo ideal sería que lo exportes a SQL y luego lo importes en la BD de WordPress.

  19. Francisco

    Hola Jhon, ante todo gracias por tus aportaciones.
    En caso de que la tabla sea muy extensa ¿Cómo se haría para paginar los resultados y elegir el número de registros por página?
    Gracias

  20. Francisco

    Muchas gracias

  21. Edwin

    Hola Jhon, gracias por este excelente post, una consulta el codigo que tu compartes aqui, si lo quisiera hacer con un plugin de Snippets, el codigo seria el mismo o tendria que hacer alguna modificacion, te lo comento porque cuando este codigo lo pruebo en functions.php de mi tema hijo trabaja bien pero cuando lo quiero aplicar con el plugin no me devuelve nada. Gracias por tu respuesta.

    • Jhon Marreros Guzmán

      Hola, si que debería funcionar ya que son sólo uso de Hooks. Igual si es mucho código te recomiendo mejor tenerlo en el functions.php de un tema hijo.

  22. Carlos

    Buenas Jhon,

    Muy interesante tu artículo. ¿Cómo podríamos paginar los datos de la tabla?

    • Jhon Marreros Guzmán

      Hola, evaluaré hacer un artículo sobre esto ya que hay que agregar código adicional.

  23. Ricardo Rojas Villarroel

    como puedo hacer eso con wpd0_usermeta extraer los datos mostrarlos

    Columna Tipo Comentario
    umeta_id bigint(20) unsigned Incremento automático
    user_id bigint(20) unsigned [0]
    meta_key varchar(255) NULL
    meta_value longtext NULL
    Índices
    PRIMARY umeta_id
    INDEX user_id
    INDEX meta_key(191)

  24. Jorge Moreno

    Hola Jhon:

    Te agradezco inmensamente por este artículo que vale millones para quienes debemos meterle código a WordPress para llevarlo más allá de lo que haga cualquier plugin prediseñado.
    En mi caso, te quería mencionar que este código lo he aplicado a un proceso de importación de productos en el marco de una migración de plataforma, con el plugin WP All Import. En esta importación, donde debo cargar los productos, la misma tabla de productos trae los códigos que hacen relación a unos post-types creados anteriormente, y funciona fantástico.
    Muchas gracias por tu buena onda, ya que he visto como respondes a cada consulta, siendo realmente merito de destacar.
    Un abrazo

  25. CRISTIan

    COMO PUEDO HACER QUE SOLO MUESTRE EL BUSCADOR Y NO TODA LA TABLA?

  26. Francisco

    Hola Jhon, saludos…

    Tu ejemplo funciona perfecto… Me pregunta es, como estoy usando elementor, uso márgenes de elementor y sus funciones de maquetación, al usar tu tutorial la tabla de la base de datos esta fuera de las reglas de elementor, mi pregunta es, tendría que transformalos en un shortcode y colocaarle las clases de elementor para que se me adapte a mi pantalla y a la forma de maquetación que usa elementor para mostrar esa tabla?

  27. Juan Diego

    Hola Jhon ¿Como estas?
    El código del tutorial funciona perfectamente; sin embargo, al implementarlo para otra pagina con una tabla de datos de usuarios, la pagina de frutas y la de usuarios presentan conflicto. Estoy utilizando el archivo functions.php del tema y allí pongo un hook con una función para cada pagina algo así:

    
add_filter( 'the_content', 'dcms_fruit_list' );
function dcms_fruit_list( $content ){
...
}
add_filter( 'the_content', 'dcms_user_list' );
function dcms_user_list( $content ){
...
}

    Sabes como implementarlo para dos paginas diferentes?

    • Jhon Marreros Guzmán

      Hola, tal como lo tienes debería funcionarte, qué error exacto te aparece, igual es un error de sintaxis. Saludos.

  28. Carolina Rojas

    Hola Jhon, muchas gracias por el excelente tutorial.
    Quisiera poder mostrar la tabla resultante en una página que he creado en el ambiente de Administración (he agregado una opción al menú y su página implementado como plugin). El problema es que no sé cuál sería el “slug” de esta página para poder identificarla, al seleccionarla su URL se ve así:
    …….wp-admin/admin.php?page=adv-datos
    Probé con adv-datos pero entiendo ese es el ID y no encuentro como saber el slug de esta página o cómo referenciarla para que se muestre en ella la tabla.
    Desde ya muchas gracias!

    • Jhon Marreros Guzmán

      Hola, si estas trabajando en el backend tienes que tener un archivo de “vista”, por ejemplo puedes crear una carpeta views y allí poner el archivo llamado por ejemplo main-screen.php, luego puedes llamarlo al mostrar el submenú (dentro de la función callback) con:

      include_once (plugin_dir_path( __FILE__ ). '/views/main-screen.php');

      Ya no necesitas el hook “the_content” de este artículo, puedes imprimir directamente código PHP con HTML en este archivo main-screen.php.

      • Carolina Rojas

        Hola Jhon,
        Toda la razón, hice lo indicado y me ha funcionado correctamente!
        Me confundí al pensar que tenía que utilizar el hook “the_content”, y no escribir el código en el archivo asociado a mi página.
        Muchísimas gracias por tus conocimientos y ayuda!!
        Saludos.

  29. John

    John, que tal saludos,
    Excelente, contenido.
    tengo esta duda como hacer para pasar el valor de un campo de la base de datos a la url, por ejemplo el id de usuario y validarlo que sea el que inicio sesion usando wordpress y que se acceda una vez validado.
    ejemplo
    https://tusitio.com/?ref_id=1
    o si tienes un post donde leerlo.
    saludos

  30. elisa

    Excelente tutorial ! Genio Total ! Como puedo implementar un checkbox en una columna de una tabla, para selecionar los datos a mostrar de la tabla? en vez del placeholder poner un checkbox?

  31. Orlando

    Hola muchas gracias por el aporte.
    ¿Tendras algun ejemplo para incluir, elminar, actualizar registros ?

    • Jhon Marreros Guzmán

      Hola Orlando, tengo pendiente realizar esa funcionalidad, espero tenerla en futuros artículos.

  32. leonel medina

    Hola Excelente tu aporte, dios te bendiga!
    Tengo una tabla que la lleno fuera de wordpress, contiene una imagen, y una descripcion, eso es lo que quiero mostrar, en una pagina de WP.
    Mi pregunta es como hago para la mostrar la informacion que salga bien presentable, la imagen y la descripcion, como una lista de productos.
    Estoy trabajando con elementor, que deberia hacer.
    Agradezco tu respuesta!
    Saludos

    • Jhon Marreros Guzmán

      Hola, si ya tienes mostrándose la información sólo sería darle estilos CSS para que se vea bien, Elementor es un constructor, no tiene que ver con mostrar la información de una tabla personalizada, salvo tenga algún bloque para eso. Saludos.

  33. Oscarina

    hola, como hago para que no salga en la parte final de la pagina?

    • Jhon Marreros Guzmán

      Hola si quieres que salga al inicio cambia el orden del concatenado en el return

      return str_replace('{data}', $result, $template).$content;

      La otra opción es hacer un shortcode.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*