• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / CRUD en WordPress sin plugins

CRUD en WordPress sin plugins

CRUD en WordPress sin plugins

[ hace 2 meses ] [ Autor: Jhon Marreros Guzmán ][ Themes - Avanzado] [ ]

funcionalidad

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

En este artículo veremos cómo tener la funcionalidad de crear, leer, actualizar y borrar registros de una tabla personalizada en WordPress, veremos cómo realizarlo directamente a través de código.

 

Resultado Final

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

CRUD resultado final

 

Descarga

El repositorio del código lo puedes encontrar en el siguiente enlace:

CRUD WordPress Sample

 

Uso del código

Para probar el código puedes seguir los siguientes pasos:

  • Descarga el .zip y descomprime
  • Puedes copiar la carpeta como parte de los archivos de tu tema hijo
  • Renombra la carpeta como “crud”
  • En el archivo crud-main.php cambia la constante SLUG_PAGE
  • Crea la tabla en al base de datos con la siguiente consulta SQL
    CREATE TABLE `custom_fruits` (
      `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
      `name` varchar(50) NOT NULL,
      `variety` varchar(50) NOT NULL,
      `type` smallint(6) DEFAULT NULL,
      `date` datetime DEFAULT NULL,
      `comment` varchar(500) DEFAULT NULL,
      PRIMARY KEY (`id`)
      ) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8;
    
  • En el archivo functions.php de tu tema hijo puedes agregar este código:
    include_once( get_stylesheet_directory() . '/crud/crud-main.php' );
    
  • Opcionalmente puedes agregar este código en el archivo style.css
    .frm-detail-fruits label{
      width: 200px;
      display: inline-block;
    }
    .frm-detail-fruits > div{
      margin-bottom: 20px;
    }
    .message{
      border: 1px solid grey;
      padding: 10px 20px;
      margin:20px auto 30px;
    }
    

 

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores:

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Shortcode para búsqueda en tabla personalizada en WordPressShortcode para búsqueda en tabla personalizada en WordPress
  • Mostrar Tabla Personalizada con Búsqueda y Paginación en WordPressMostrar Tabla Personalizada con Búsqueda y Paginación en WordPress
  • Búsqueda en tabla personalizada en WordPressBúsqueda en tabla personalizada en WordPress
  • Mostrar datos desde una tabla personalizada de la base de datos de WordPressMostrar datos desde una tabla personalizada de la base de datos de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

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

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Mostrar mensaje al seleccionar envío Recogida en Local en WooCommerce

Konami personalizado en tu sitio WordPress sin usar plugins

Atributos como parte de la descripción del producto en WooCommerce

Métodos alternos para desactivar plugins en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados