Creación de Post Type Personalizado en WordPress

Contenido del curso

Comenzar con WordPress

Armar estructura del Theme

Contruir vistas

Personalizar el Loop de WordPress

Extra

Cierre del curso

31
Fundamentos de WordPress: Creación de Catálogo de Productos
02:16 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0013:02

Creación de Post Type Personalizado en WordPress

Curso de WordPress Práctico

Clase 25 de 31

Clase 25 / 31

Recursos

¿Cómo personalizar un post type en WordPress?

El desarrollo de un sitio web en WordPress puede ser tanto un arte como una ciencia, y la posibilidad de personalizar y manejar los tipos de publicaciones (post types) es un elemento fundamental para proporcionar versatilidad y creatividad en la presentación del contenido. En este contexto, entender cómo crear y adaptar un post type personalizado se convierte en un conocimiento esencial para desarrolladores web.

¿Qué es un post type personalizado?

Los post types personalizados en WordPress permiten expandir la funcionalidad básica del sistema de gestión de contenido al crear tipos de contenido únicos, adaptados específicamente a las necesidades del proyecto. Mientras que los posts y las páginas son tipos de contenido predeterminados en WordPress, los desarrolladores pueden crear tipos de post adicionales, como "Productos", para organiza y mostrar de una manera distinta.

¿Cómo crear un post type personalizado?

Para dar vida a un post type personalizado, es esencial tener claro el esquema de funcionamiento de WordPress y entender algunos de sus componentes claves. El proceso básico es el siguiente:

Crear la función:
- En el archivo functions.php, define una nueva función.
- Usa la función register_post_type() que requiere dos argumentos principales: el nombre singular de tu post type (por ejemplo, 'product') y una serie de configuraciones asociadas.

Configurar el post type:

Configura diversas opciones como el nombre en singular, una descripción, y capacidades de soporte como editor, imagen destacada, revisiones, y estados de publicación.
Ejemplo de cómo iniciar esto en código:

function productos_post_type() {
    $labels = array(
        'name' => 'Productos',
        'singular_name' => 'Producto',
        'menu_name' => 'Productos',
        'name_admin_bar' => 'Producto',
        // ...otros labels...
    );

    $args = array(
        'labels' => $labels,
        'public' => true,
        'has_archive' => true,
        'supports' => array('title', 'editor', 'thumbnail', 'revisions'),
        'show_in_rest' => true, // Enable Gutenberg editor
        // ...otros args...
    );

    register_post_type('producto', $args);
}
add_action('init', 'productos_post_type');

Personalizar la apariencia en el administrador:
- Define la posición en el menú de administración:
```
'menu_position' => 5,
```
- Añade un ícono representativo en el menú usando menu_icon.
Configurar enlaces permanentes:
- Después de registrar un nuevo post type, se requiere un ajuste en los enlaces permanentes para asegurar que el sistema actualice correctamente la estructura con el nuevo tipo de contenido.

Personalizar la vista previa en el tema:

Modifica los archivos de plantilla como single-[post_type].php para ajustar cómo se presentan los posts en el frontend.

// Dentro de single-producto.php
if (have_posts()) :
    while (have_posts()) : the_post();
        the_title('<h1>', '</h1>');
        the_content();
    endwhile;
endif;

¿Qué hacer si Gutenberg no se muestra correctamente?

En ocasiones, al implementar un nuevo post type, el editor Gutenberg no aparece automáticamente. Esto puede deberse a configuraciones omitidas en register_post_type:

Asegúrate de que show_in_rest está establecido en true para habilitar el editor de bloques.

¿Cómo mejorar y adaptar el diseño del producto?

Para personalizar la vista de tus productos, puedes trabajar con el archivo de plantilla single-producto.php, ajustando los tamaños de las columnas, añadiendo estilos CSS personalizados, o modificando el HTML según el diseño deseado. Esta libertad creativa te permite adaptar el sitio web exactamente a las expectativas del cliente o negocio.

En resumen, crear y manejar post types personalizados es una habilidad crítica para cualquier desarrollador de WordPress, abriendo un abanico de posibilidades para organizar, personalizar y mostrar contenido de maneras únicas y eficientes. Experimenta, personaliza y lleva tus proyectos al siguiente nivel.

Alan Ortiz

Hace 5 años

Hola. me surgio un problema al ingresar la funcion "productos_type", podrian ayudarme porfavor. Dejo el problema y el codigo, gracias de antemano.

Lo que aparece al ingresar al navegador:

Fatal error: Uncaught TypeError: call_user_func_array(): Argument #1 ($function) must be a valid callback, function "products_type" not found or invalid function name in D:\xampp\htdocs\platzigifts\wp-includes\class-wp-hook.php:292 Stack trace: #0 D:\xampp\htdocs\platzigifts\wp-includes\class-wp-hook.php(316): WP_Hook->apply_filters(NULL, Array) #1 D:\xampp\htdocs\platzigifts\wp-includes\plugin.php(484): WP_Hook->do_action(Array) #2 D:\xampp\htdocs\platzigifts\wp-settings.php(560): do_action('init') #3 D:\xampp\htdocs\platzigifts\wp-config.php(90): require_once('D:\\xampp\\htdocs...') #4 D:\xampp\htdocs\platzigifts\wp-load.php(37): require_once('D:\\xampp\\htdocs...') #5 D:\xampp\htdocs\platzigifts\wp-admin\admin.php(34): require_once('D:\\xampp\\htdocs...') #6 D:\xampp\htdocs\platzigifts\wp-admin\edit.php(10): require_once('D:\\xampp\\htdocs...') #7 {main} thrown in D:\xampp\htdocs\platzigifts\wp-includes\class-wp-hook.php on line 292

Ha habido un error crítico en esta web. Por favor, comprueba la bandeja de entrada del correo electrónico del administrador de tu sitio para obtener instrucciones.

Las lineas que agregue al archivo functions.php


function productos_type(){
    $labels = array(
        'name' => 'Productos',
        'singular_name' => 'Producto',
        'menu_names' => 'Productos',
    );
    $args = array(
        'label' => 'Productos',
        'description'   => 'Productos de Platzi',
        'labels'    => $labels,
        'supports'  => array('title', 'editor', 'thumbnail', 'revisions'),
        'public'    => true,
        'show_in_menu'  => true,
        'menu_position' => 5,
        'menu_icon' => 'dashicons-cart',
        'can_export' => true,
        'publicly_queryable'    => true,
        'rewrite'   => true ,
        'show_in_rest'  => true,
    );
    register_post_type( 'producto', $args );
}

add_action('init', 'products_type');

Giovanny Alberto Badillo Morales

Hace 5 años

Hola, estas llamando a la función products_type pero no la tienes definida, debes corregirla solo agregando la funcion deseade que es productos_type()

Es un pequeño error de tipado.

add_action('init', 'productos_type');

Alan Ortiz

Hace 5 años

Gracias!!!

Comentarios (101)101 comentarios

Victoria Yleana Goicoechea Miguel

Hace 7 años

Alex Romero

Hace 6 años

Wilmer Fabian Galvis Duarte

Usuario anónimo

User

Juan Camilo Cruz Sotelo

Hace 4 años

Luis Angel Rojas Estevez

Cristian Ramanzin

Profesor

Jose L. Figueroa

Walter Jesus Santiago Gonzalez

Javier Paulo Perdomo Tamani

Ariel Rivera

Axel David Espinosa Meneses

Luis Guzmán

Samuel David Ruiz Araujo

Tomás Lautaro Elizondo

Erick Ramon Mendoza Varela

Edward Alvaro Nuñez García

Juan Carlos Angulo Miranda

Roberto Castro Chávez

Luis Alejandro Vera Hernandez

Juan Guillermo Perez Cardozo

Percy Tejada

Emmanuel García

Joseph Fabian Cordoba Agüero

Andrés Felipe Cardona

Carlos Angel Muñoz Castañeda

Rony Porraz Vargas

Jorge Alberto Robalino Bailón

Antonio Mesa Casares

Lucas Frezzini

Beto Punk

Eduardo Tellez Serrano

Esteban Palomeque

Carlos Gómez

Comenzar con WordPress

Curso Actualizado

Curso Profesional de WordPress: Profundiza en Taxonomías y Categorías

Gestión y Personalización de Sitios Web con WordPress

Funcionamiento y características principales de WordPress

Estructura de Archivos para Vistas Dinámicas en PHP

Manejo de Hooks y Filtros en PHP para Extender Funcionalidades

Manejo de Librerías y Dependencias en HTML con Funciones Personalizadas

Instalación de Apache y PHP en Windows para Entorno Local

Instalación de WordPress en entorno local paso a paso

Gestión de WordPress: Navegación y Personalización Básica

Gestión de Usuarios y Configuración en WordPress

Gestión de Roles y Permisos de Usuario en WordPress

Armar estructura del Theme

Creación de un Tema Personalizado en WordPress con Visual Studio Code

Integración de Librerías CSS en Proyectos Web

Carga y manejo de librerías en temas de WordPress

Instalación y Personalización de Themes en WordPress

Contruir vistas

Incorporación de Menús en Temas de WordPress

Uso de Widgets en WordPress para Personalizar Contenido

Creación de Widgets en WordPress y su Inserción en el Footer

Gestión de Contenidos Personalizados en WordPress

Uso de Open Golpes para Gestión de Contenido Web

Creación de vistas personalizadas en WordPress con PHP y Gutenberg

Creación de Vistas Personalizadas en WordPress con PHP

Creación de la Página Principal en WordPress

Personalizar el Loop de WordPress

Creación de Post Type Personalizado en WordPress

Creación de un Loop Personalizado en WordPress

Extra

Selección de Plugins en WordPress: Compatibilidad y Mantenimiento

Instalación de Plugins en WordPress: Métodos y Herramientas

Creación de un Plugin de Modo Oscuro en WordPress

Creación de Página 404 Personalizada en WordPress

Cierre del curso

Fundamentos de WordPress: Creación de Catálogo de Productos

Creación de Post Type Personalizado en WordPress