Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

CRUD en WordPress sin plugins

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:  

 

La entrada CRUD en WordPress sin plugins es un artículo reciente del sitio DecodeCMS.

Enregistrer un commentaire

0 Commentaires