¿Cómo crear un tipo de publicación personalizado con WordPress?

¿Has oído hablar alguna vez de un tipo de publicación personalizada? Incluso si eres nuevo en WordPress, es un término que seguramente te habrá sonado. 

Hay que decir que esto es sobre una de las herramientas más potentes de WordPressY sin embargo… ¡Por defecto, el CMS (Sistema de Gestión de Contenidos) ni siquiera ofrece esta función a sus usuarios!

Probablemente porque se requiere un mínimo de conocimientos técnicos para usarlo. 

Una vez dominada, esta herramienta, a menudo indispensable para muchos sitios web, abre un mundo de posibilidades. 

Flexible y escalable, un tipo de contenido personalizado (su traducción al francés) le ayudará a Clasifica y prioriza tu contenido de una manera mucho más matizada que con un artículo, por ejemplo.

¿Quieres saber cómo sacarle provecho a esto en tu sitio de WordPress? Has llegado al lugar correcto. 

Al finalizar tu lectura, podrás: Crea un tipo de publicación personalizado con y sin un plugin., gracias a todos nuestros consejos detallados paso a paso. 

¿Qué es un tipo de publicación personalizado?

Un tipo de publicación personalizado es una función de WordPress que permite al usuario categoriza y gestiona tu contenido configurándolos él mismo. Se puede diseñar utilizando un plugin específico o código PHP. 

Introducidos con el lanzamiento de WordPress versión 3.0 (2010), los tipos de publicaciones personalizadas (CPT) no se incluyen por defecto en todas las nuevas instalaciones de WordPress. Si los necesita, deberá diseñarlos usted mismo. 

Esta es una de las cosas que los diferencia de 7 tipos de contenido presente por defecto en todos los sitios de WordPresscomo:

• los artículos (publicaciones); 
• las páginas;
• los archivos adjuntos, es decir, sus archivos multimedia (imágenes, vídeos, PDF, etc.); 
• revisiones, es decir, copias de seguridad de su contenido (artículos y páginas);
• menús de navegación;
• CSS personalizado;
• los cambios (conjuntos de cambios) realizados en la herramienta Personalizador.

Al igual que otros tipos de contenido predeterminados (por ejemplo, entradas y páginas), los tipos de entradas personalizadas en WordPress se muestran en la barra lateral de su interfaz de administración, una vez creada. 

Incluso puedes asignarles el tuyo propio. taxonomías y campos personalizados para organizarlos con aún mayor precisión.

De hecho, muchos plugins populares utilizan sus propios tipos de contenido personalizados en WordPress. Este es el caso, por ejemplo, del conocido WooCommerceque te permite transformar tu sitio de WordPress en una tienda online.

El plugin de comercio electrónico, por ejemplo, ofrece un tipo de publicación personalizada (CPT) llamado "Productos":

¿Por qué crear un tipo de contenido personalizado en WordPress?

En general, los tipos de publicaciones personalizadas en WordPress te permiten organizar y priorizar mejor el contenido de tu sitio web.

En detalle, su uso ofrece varias ventajas notables: 

• Ganas flexibilidad, ya que puedes personalizar cada tipo de contenido personalizado según tus necesidades; 
• Tu contenido estará mejor organizado. porque se puede dividir en diferentes categorías; 
• Mejoras la experiencia del usuario. (UX). Si tu contenido está mejor estructurado, es más fácil de encontrar y navegar. Esto crea menos fricción y aumenta tus posibilidades de mantener a los visitantes en tu sitio para animarlos a realizar la acción deseada (compra, descarga de archivos, completar un formulario, etc.); 
• No hay límite en la cantidad de CPT. que desees diseñar. Puedes crear sin límites; 
• Puedes utilizar tipos de publicaciones personalizadas para categorizar todos los tipos de contenido. productos, películas, recetas, testimonios, portafolios, etc.;
• Puedes crear plantillas de página específicas para cada tipo de publicación personalizada.Esto te brinda un control total sobre la presentación y el estilo de cada tipo de contenido.

¿Cuándo deberías usar un tipo de publicación personalizado en tu sitio de WordPress?

Los diferentes casos de uso posibles

Si bien los tipos de publicaciones personalizadas tienen muchas ventajas, ¡eso no significa que debas apresurarte a crearlas!

¿Crees que un tipo de publicación personalizado es necesario para tu sitio de WordPress, pero dudas en empezar? Recomendamos crear un tipo de publicación personalizado en WordPress si: 

• Los diferentes tipos de contenido predeterminados que ofrece WordPress (entradas y páginas) no permiten estructurar el contenido a gusto del usuario; 
• Quieres que el aspecto del nuevo contenido sea diferente al de los tipos de contenido que ya están presentes en tu sitio web; 
• Necesitas campos adicionales para organizar tu contenido. Por ejemplo, si tienes un blog de cocina, es posible que quieras listar tus recetas por ingredientes, dificultad, tiempo de cocción, etc.
• El contenido que deseas crear no se corresponde con su uso "tradicional" en WordPress. Por ejemplo, una entrada se usa para crear contenido para tu blog, contenido que se actualiza periódicamente. Una página se usa para mostrar contenido estático (también llamado contenido "frío"). 

Ejemplos concretos del uso de tipos de publicaciones personalizadas en WordPress

Para que quede más claro, veamos un ejemplo concreto. Imagina que estás a cargo de administrar un blog dedicado al cine. 

Para que todo quede más claro y sea más fácil de entender, le gustaría... Clasifica las películas que has reseñado. dependiendo de varios criterios: 

• actor ; 
• duración ; 
• género ; 
• fecha de lanzamiento; 
• notación, etc.

Para cada entrada de blog que corresponda a una reseña de película, por supuesto, puedes asignarle diferentes categorías y etiquetas. 

Sin embargo, estas dos últimas taxonomías tienen limitaciones:

• Es posible que rápidamente te encuentres con numerosas categorías en su sitiolo que hace que la organización sea menos clara para usted, los usuarios de su sitio y sus visitantes; 
• Las categorías y etiquetas de las entradas de tu blog no representan la forma más lógica de clasificar tu contenido.¡Imagínate la cantidad de categorías que tendrías que crear solo para diferenciar las series por tipo (acción, terror, drama, comedia, etc.)!

En este caso, crear un tipo de publicación personalizado tiene mucho más sentido. Incluso puedes crear uno para mostrar lo que quieras:

• eventos;
• creaciones de tu portafolio; 
• productos para tu tienda online; 
• testimonios; 
• recetas; 
• libros; 
• películas; 
• videos, etc.

Además, cada tipo de publicación personalizada puede contener sus propios campos personalizados. Por ejemplo, el tipo de publicación personalizada "Libros" puede contener campos para el autor, la editorial, el año de publicación, el número de páginas, etc.

Tras la teoría, llega la práctica. A continuación, descubrirás cómo crear tus propios tipos de publicaciones personalizadas en WordPress. 

¿Cuáles son los requisitos previos para crear un CPT?

Como ya hemos mencionado, la creación de un tipo de contenido personalizado se puede realizar mediante un plugin o código. 

En breve les presentaremos ambos métodos. Cualquiera que sea el que elijan, les recomendamos que primero apliquen las siguientes buenas prácticas: 

• guarda tu sitio (archivos + base de datos) antes de cualquier manipulación técnica. Para ello, utilice un complemento como UpdraftPlus o una herramienta de mantenimiento como Paraguas WPEn caso de algún problema, puede restaurar fácilmente su sitio web en tan solo unos clics; 
• si es posible, Primero, crea tu tipo de publicación personalizado en un entorno de prueba. antes de ponerlo en producción (en su sitio web).
  Una vez más, esto proporciona cobertura en caso de un error técnico. Para realizar sus pruebas con total tranquilidad, trabaje localmente, por ejemplo, con la herramienta localTambién puedes confiar en la herramienta Zona de juegos de WordPressque te permite simular un entorno WordPress en tu navegador web:

¿Cómo diseñar un tipo de publicación personalizado en WordPress usando un plugin?

Veamos ahora el primer método para crear un tipo de publicación personalizado en WordPress. Consiste en usar un plugin. 

Esta es la forma más fácil y rápida de empezar. Es especialmente adecuado para principiantes y usuarios sin conocimientos técnicos. –entre otras cosas– porque no implica la manipulación de código. 

En el directorio oficial de plugins de WordPress, hay varios plugins gratuitos para tipos de publicaciones personalizadas:

• Custom Post Type UI ; 
• Vainas ; 
• Pedidos por tipo de publicación ;
• Creador de tipos de publicaciones personalizadas y campos personalizados ; 
• Tipos de publicaciones personalizadas y taxonomías personalizadas de MB.

Para los fines de esta prueba, elegimos la interfaz de usuario de tipo de publicación personalizada por varias razones: 

• Es la más popular sobre el tema (más de 1 millón de instalaciones activas); 
• Ahi esta fácil de manejar y usar ; 
• Su configuración está disponible en francés. ; 
• Está muy bien valorado por sus usuarios; 
• Ahi esta actualizado con frecuencia ; 
• Está desarrollado y mantenido por una agencia especializada en WordPress (WebDevStudios) que goza de una excelente reputación dentro del ecosistema.

Aquí te mostramos cómo usar el plugin Custom Post Type UI paso a paso.

Paso 1: Instale y active la extensión Custom Post Type UI.

Para empezar, ve al menú Extensiones > Añadir una extensión.

En la barra de búsqueda, escriba "custom post type ui", luego instale y active la extensión:

A continuación, verás un nuevo tipo de publicación personalizada llamado "CPT UI" en la barra lateral de tu interfaz de administración.

Aquí es donde se accede a los menús de configuración de la extensión:

Paso 2: Crear un tipo de publicación personalizado

A continuación, haga clic en el submenú "Agregar/Editar tipos de publicación" para diseñar su primer tipo de publicación personalizado. Para este ejemplo, utilizaremos Crea un tipo de publicación personalizada (CPT) llamado "Películas".. 

Configuración predeterminada de tu tipo de publicación personalizada de WordPress

En la parte superior de la página, encontrará una sección llamada "Configuración predeterminada". Se le solicita que complete la siguiente información: 

• Slug del tipo de publicaciónEsta es la parte de la URL que contendrá el nombre de su CPT. Aquí, escriba "films" en minúsculas. No utilice guiones, guiones bajos ni otros caracteres especiales; 
• Etiqueta para el plural (Películas); 
• Etiqueta para el singular (películas); 
• Autocompletar las etiquetasSi haces clic en el enlace "Añadir etiquetas adicionales según las etiquetas seleccionadas", la interfaz de usuario de Custom Post Type generará automáticamente los nombres de las etiquetas. Esto te ahorrará tiempo, pero la traducción no es perfecta. Por lo tanto, te recomendamos editar manualmente cada etiqueta después de hacer clic en el enlace.

Personalización de etiquetas

La sección "Etiquetas adicionales" contiene alrededor de treinta etiquetas, cuyos títulos puedes personalizar.

La traducción del nombre del tipo de publicación personalizada (CPT) que se mostrará en la barra lateral de administración no nos resulta adecuada ("Mis películas"). Por ello, hemos optado por cambiarle el nombre a "Películas". 

Consulta la lista de etiquetas y edita las que quieras.

Configuración personalizada de tipos de contenido en WordPress

En la siguiente sección, encontrará una serie completa de ajustes en una sola página. Los ajustes predeterminados son suficientes, pero puede realizar algunos ajustes si lo desea. Aquí tiene algunas sugerencias que le serán útiles: 

• la opción "Posición del menú" Esto te permite elegir la ubicación de tu tipo de publicación personalizada en la barra lateral de administración. Puedes moverla hacia arriba o hacia abajo seleccionando un número del 5 al 100. 
• la opción "Icono de menú" Esto te permite definir un icono que represente tu tipo de publicación personalizado (CPT). Haz clic en "Elegir icono de Dash" para seleccionar uno de los iconos disponibles. También puedes subir una imagen de tu elección haciendo clic en el botón "Elegir imagen de icono".
• la opción "Medios" Esto te permite seleccionar las funciones compatibles con tu tipo de publicación personalizada de WordPress. Por ejemplo, puedes permitir comentarios, campos personalizados, etc.
• la opción "Taxonomías" Esto te permite añadir compatibilidad con una taxonomía previamente registrada. Por defecto, tendrás acceso a las categorías y etiquetas que ofrece WordPress de forma nativa.

Cuando hayas terminado, haz clic en el botón "Añadir un tipo de publicación". 

A continuación, verá que su nuevo tipo de publicación personalizada "Películas" está disponible en tu back office.

Para añadir una nueva película, el procedimiento es el mismo que para añadir un artículo o una página. Haz clic en Películas > Añadir nueva. 

Aterrizarás en la interfaz del editor de contenido de WordPress (Gutenberg) y puedes añadir el contenido que quieras.

Paso 3: Añade una taxonomía personalizada a tu CPT.

Para organizar todo esto con aún más detalle, puedes clasificar tus películas según diferentes criterios, utilizando taxonomías personalizadas. 

Para crear taxonomías personalizadas, vaya al menú de la interfaz de usuario de CPT > Agregar/editar taxonomías. 

Por ejemplo, crearemos las taxonomías "Actores", "Directores" y "Género". 

Al igual que al crear un CPT, debe proporcionar un slug, una etiqueta para el singular y el plural y, sobre todo, vincular su taxonomía con su CPT. 

Para este último punto, asegúrese de marcar la casilla "Películas" en la sección "Adjuntar al tipo de publicación":

Cuando hayas terminado, haz clic en el botón "Añadir taxonomía". Una vez creadas tus taxonomías, las encontrarás en la interfaz del editor de contenido de WordPress cada vez que añadas una nueva entrada.

Ahora ya sabes cómo crear un tipo de publicación personalizado con un plugin como Custom Post Type UI.

Ahora descubre cómo proceder manualmente, usando código. 

¿Cómo crear un tipo de contenido personalizado mediante código? 

Nota : Crear un CPT (Custom Post Type UI) en WordPress mediante código requiere experiencia y conocimientos técnicos. Incluso el más mínimo error u omisión en el código puede provocar que tu sitio web falle. Por lo tanto, no recomendamos este método para principiantes. Si te encuentras en esta situación, te sugerimos usar el plugin Custom Post Type UI.
Si te sientes seguro creando un tipo de contenido personalizado manualmente, recuerda hacer una copia de seguridad de tu sitio antes. Luego, prueba tu código localmente o en un sitio de prueba antes de implementarlo en tu sitio web principal.

Dónde y cómo crear tu tipo de publicación personalizada (CPT) en WordPress: los dos enfoques posibles

Para empezar, debes saber que hay dos maneras de desarrollar un tipo de publicación personalizado mediante código.

Opción 1: Crear un tipo de publicación personalizado en el archivo functions.php 

Primera opción para usted: diseñe su CPT agregando su código alarchivo electrónico functions.php del tema de su hijo. 

info Un tema hijo hereda la funcionalidad y la apariencia de su tema padre. Permite personalizar un tema padre y garantiza que no se pierdan los cambios con cada actualización del mismo. Descubre aquí cómo crear un tema hijo..  

Esta opción tiene un problema importante: perderás tus tipos de publicaciones personalizadas si cambias el tema. 

Opción 2: Utilizar un plugin específico

Para abordar este problema de "portabilidad", WordPress recomienda en sus recursos para los desarrolladores de Coloca tus CPT en un plugin, en lugar de en tu tema:

Si cambias de tema, no tendrás ningún problema siempre y cuando tu plugin permanezca activo en tu sitio web. 

Crear un plugin requeriría un tutorial aparte. Por eso, aquí iremos directo al grano. Verás cómo agregar un CPT a tu archivo. functions.php para comprender la mecánica de funcionamiento. 

Si alguna vez opta por el método de archivo functions.php en casa (lo cual WordPress no recomienda, de nuevo), Recuerda crear un tema hijo con antelación..

Paso 1: Declarar un tipo de publicación personalizado

El primer paso es declarar tu tipo de publicación personalizado. Para ello, WordPress recomienda utilizar una función de PHP (PHP es el software en el que se ejecuta WordPress) llamada register_post_type().

Por ejemplo, nosotros Crea un tipo de publicación personalizada (CPT) de WordPress para mostrar elementos de tu portafolio..

Para su información, el código que se presenta a continuación proviene de un tutorial oficial proporcionado por WordPress. Puedes encontrarlo aquí¡No dudes en consultarlo cuando realices tus pruebas en casa!

info Si entiendes la sintaxis de PHP y cómo funciona un CPT, también puedes usar un generador de tipos de publicación personalizados como GenerarWP, Caja meta ou WPTurbo.

Para empezar, Abra el archivo functions.php de su tema hijo con el editor de texto de su preferencia. (Corchetes, Sublime Text, etc.).

Agregue el siguiente fragmento de código al final del archivo:

//CPT Portfolio function my_custom_portfolio_item() { $args = array(); register_post_type( 'portfolio_item', $args ); }  add_action( 'init', 'my_custom_portfolio_item' );

Esta es la estructura básica de su tipo de publicación personalizada. Actualmente, no se muestra nada en su interfaz de administración. 

Eso es normal. Tendrás que añadir lo que se denominan argumentos. 

Paso 2: Personalizar el CPT

Para personalizar tu CPT y, en particular, para mostrar públicamente sus menús en el área de administración de WordPress, reemplaza el fragmento de código anterior con este:

//CPT Portfolio function my_custom_portfolio_item() {   $labels = array( 	'name'           	=> _x( 'Réalisations', 'post type general name' ), 	'singular_name'  	=> _x( 'Réalisation', 'post type singular name' ), 	'menu_name'      	=> 'Portfolio'   ); 	$args = array( 	'labels'    	=> $labels, 	'description'   => 'Contient des réalisations de portfolio', 	'public'    	=> true, 'show_in_rest' => true, 	'menu_position' => 5, 	'supports'  	=> array( 'title', 'editor', 'thumbnail', 'excerpt', 'comments' ), 	'has_archive'   => true,   );   register_post_type( 'portfolio_item', $args ); } add_action( 'init', 'my_custom_portfolio_item' );

Ahora vamos a desglosar este fragmento (pieza de código) para entenderlo mejor. En términos generales, hay dos partes principales.

Las etiquetas para su tipo de contenido personalizado

El array $labels corresponde a etiquetas que se mostrarán en su interfaz de administración.

En pocas palabras, hemos introducido 3 de ellos aquí: 

• 'nombre', el nombre de su CPT en plural; 
• 'nombre_singular', el nombre de su CPT en singular;
• 'nombre_del_menú', la etiqueta (nombre) del CPT que se mostrará en su administración.

Puedes ir mucho más allá y añadir otras opciones, por ejemplo, creando submenús a tu elección. 

Descubra las características que ofrece la función register_post_type() en la documentación de WordPress. 

Los argumentos 

A continuación, el array $args contiene una lista de argumentos para personalizar su tipo de publicación personalizada. 

El código que proponemos ofrece los siguientes argumentos:

• 'descripción' : para explicar qué contiene el tipo de publicación personalizada; 
• 'audiencia' : para mostrar tu tipo de publicación personalizado de WordPress en el sitio. Aquí, el valor está configurado en 'true'. Usa 'false' para ocultar el CPT; 
• 'mostrar_en_rest' : para que el tipo de contenido personalizado esté disponible en el editor de WordPress (Gutenberg). De lo contrario, se utilizará el editor clásico (TinyMCE); 
• 'posición_del_menú' : la posición del CPT en tu menú. Con el número 5, el tipo de publicación personalizada se ubicará debajo de los Artículos.
• "apoya' : los campos que se muestran en la interfaz de edición de sus publicaciones; 
• 'tiene_archivo' : para crear un archivo del tipo de publicación personalizado (déjelo en “verdadero” si lo desea).

Una vez más, puedes personalizarlo a tu gusto utilizando los argumentos presentados en la documentación de WordPress.

Por ejemplo, podría ser interesante cambiar el pequeño icono que aparece junto al nombre de tu tipo de publicación personalizada (CPT) en el panel de administración de WordPress. 

Tenga en cuenta también que la función add_action te permite declarar una directiva a WordPress a través del hook init, que se ejecuta después de que WordPress haya terminado de cargarse, pero antes de que se envíen las cabeceras.

Para finalizar, guarda tu archivo functions.php y regresa a tu interfaz de administración. 

Paso 3: Mostrar el tipo de contenido personalizado en WordPress

Si todo funciona correctamente, tu tipo de publicación personalizada debería aparecer en la barra lateral, a la izquierda, debajo de la sección Artículos.

Desde ahí, tendrás acceso a las opciones que hayas configurado. Tu tipo de contenido estará disponible y podrás añadir contenido desde el editor de WordPress.

Si encuentra un error 404 en la interfaz de usuario al intentar ver su CPT, esto es normal. Necesita Actualizar las reglas de reescritura de URL de WordPress en tu base de datos.

La forma más sencilla de lograrlo es volver a registrar los enlaces permanentes de su URL (hágalo cada vez que modifique su tipo de publicación personalizada).

Por eso, Ve al menú Configuración > Enlaces permanentesLuego, haga clic en el botón "Guardar cambios" en la parte inferior de la página.

En principio, todo debería volver a la normalidad. Eso es todo para crear tu primer tipo de publicación personalizada. 

Para garantizar que este tipo de publicación personalizada (CPT) se ajuste a las directrices y necesidades de su marca, es posible (y recomendable) ir mucho más allá con la personalización. Tenga en cuenta que también puede: 

• agrega tu propia taxonomía personalizada a tus CPT. con PHP ; 
• integrar campos personalizados, por ejemplo, utilizando el excelente plugin Avanzada campos personalizados (ACF); 
• Modifica la plantilla de página utilizada por tus tipos de publicaciones personalizadas. etc.

resumen

El tipo de publicación personalizada es una herramienta potente y flexible que te permite organizar y priorizar el contenido de tu sitio WordPress. 

Gracias a nuestro tutorial, ahora sabes que es posible crear un tipo de publicación personalizado (CPT) de dos maneras diferentes: 

• ya sea con un plugin como Custom Post Type UI ; 
• ya sea con código PHP debería añadirse como prioridad en una extensión diseñada para este fin. 

Independientemente del método elegido, el proceso sigue siendo técnico, especialmente si se desea proceder manualmente (sin un complemento).

Para hacer las cosas correctamente, sin riesgo de dañar su sitio web, es necesario seguir las mejores prácticas y poseer sólidas habilidades técnicas. 

¿Necesitas asesoramiento y apoyo para integrar tus primeros tipos de contenido personalizado en tu sitio web? 

Disponible los 7 días de la semana, Servicio de soporte de WordPress La agencia WP Maintenance le ofrecerá una solución a medida que satisfará sus necesidades con rapidez, profesionalidad y eficiencia.