Cómo crear tipos de entrada personalizados en WordPress (mediante plugin y código)

Puntos clave:

Cuando instalas WordPress, se te proporcionan inicialmente cinco tipos de contenido incorporados (tipos de entrada): Entradas, Páginas, Archivos adjuntos, Revisiones y Menús de navegación.

Sin embargo, a medida que aumenta la diversidad de usos, estas opciones estándar pueden no satisfacer las necesidades de todo el mundo.

Para solucionar este problema, WordPress ha evolucionado para ser más flexible y avanzado. Ahí es donde entran en juego los tipos de entrada personalizados de WordPress. Ofrecen una forma de crear y gestionar contenido que va más allá de las entradas, páginas y medios estándar.

En esta entrada de blog, te guiaré a través de la creación y gestión de tipos de entrada personalizados en WordPress, desde la comprensión de su importancia hasta la solución de problemas comunes, incluyendo cómo se pueden aprovechar en una configuración de WordPress sin cabeza para una entrega de contenido más dinámica y flexible….

Empecemos…

¿Qué son los Custom Post Types?

Los tipos de entrada personalizados en WordPress pueden convertir tu sitio web en un potente CMS. Te permiten crear diferentes tipos de contenido más allá de las entradas, páginas y medios estándar.

No hay límite al número de tipos de entrada personalizados que puedes crear, pero es importante gestionarlos con eficacia para evitar el desorden y los problemas de rendimiento.

Por ejemplo, si diriges un sitio web de noticias, puedes crear un tipo de entrada personalizado titulado “Noticias”. Este nuevo tipo tendrá su propia sección dedicada en el área de administración del panel de WordPress. Puedes crear tantos tipos de entrada como necesites, como “Películas”, “Portafolios”, etc.

Custom Post Types sin penalizaciones de velocidad

✓ Tiempos de respuesta de consulta de 300 ms incluso con más de 50.000 entradas
✓ Caché de objetos Redis integrada
✓ Recursos aislados para tipos de puesto complejos

Desplegar mi servidor preparado para CPT

Tipos de entrada predeterminados vs personalizados

Tanto los tipos de entrada predeterminados como los personalizados tienen sus propios usos y pueden coexistir en tu sitio de WordPress para proporcionar una experiencia de contenido rica y diversa. ¡Mira sus diferencias!

	Tipo de entrada por defecto	Tipos de entrada personalizados
Disponibilidad	Disponible por defecto cuando instalas WordPress.	Necesitan crearse manualmente o con un plugin.
Tipos	Entradas, Páginas y Medios.	Ilimitados, en función de tus necesidades (por ejemplo, Noticias, Películas, Portafolios).
Flexibilidad	Limitado a las opciones incorporadas.	Puede gestionar los mensajes de todos los usuarios. Pueden publicar y editar sus propios mensajes y los de los demás.
Uso	Ideal para entradas de blog estándar, páginas estáticas y archivos multimedia.	Ideal para contenido especializado que no encaja en los tipos de entrada predeterminados.

¿Por qué utilizar Custom Post Types?

Aquí tienes algunas razones más por las que deberías utilizar tipos de entrada personalizados en WordPress:

1. Ayudan a mantener ordenado tu sitio web separando los distintos tipos de contenido.
2. Facilitan que los visitantes encuentren lo que buscan en tu sitio.
3. Te permiten añadir características especiales a determinadas entradas, como puntuaciones de reseñas de libros.
4. Pueden ayudar a que tu sitio aparezca más arriba en los resultados de los motores de búsqueda.
5. Facilitan la creación de contenidos coherentes y estructurados, especialmente cuando varias personas añaden contenidos a tu sitio.

Cómo crear tipos de entrada personalizados en WordPress [3 métodos fáciles]

La creación de tipos de entrada personalizados en WordPress puede hacerse mediante dos métodos diferentes: a través de un plugin o manualmente. Cada método se adapta a las distintas habilidades y preferencias de los usuarios. Veámoslos paso a paso.

Método 1: Crear una entrada personalizada mediante un plugin

Puedes crear un tipo de entrada personalizado en WordPress fácilmente utilizando el plugin adecuado. En este artículo utilizaré el plugin Custom Post Type UI para guiarte en el proceso.

Paso 1: Instalar y activar el plugin

El primer paso es instalar y activar el plugin.

1. Ve a tu panel de control de WordPress.
2. Selecciona Plugins → Añadir nuevo.
3. Busca el plugin “Custom Post Type UI”.
4. Instala y Activa el plugin.

Paso 2: Instalar y configurar el plugin

Una vez activado, encontrarás un nuevo elemento de menú en el panel de control llamado CPT UI.

• Haz clic en CPT UI → Añadir/Editar Tipos de Entrada para crear un nuevo tipo de entrada personalizado.
• Rellena el Post Type Slug, que es un campo obligatorio y debe ser único (normalmente una cadena en minúsculas sin espacios).
• Añade los nombres en plural y singular de tu tipo de entrada personalizada tal y como aparecerán en el panel de control.
• Haz clic en el botón Añadir tipo de entrada.

Paso 3: Utiliza tu tipo de entrada personalizado

Tu nuevo tipo de entrada personalizada debería ser ahora visible en el panel de control de WordPress. Puedes empezar a añadir nuevo contenido haciendo clic en el elemento de menú de tu tipo de entrada personalizada.

• Ve a Añadir nuevo y personaliza tu tipo de entrada personalizado.

• Añadiré un presupuesto y un formulario de contacto en mi página de noticias.
• Para ello, haz clic en el signo + (más).
• Selecciona Tirar Presupuesto.

• Selecciona Formulario de contacto 7.

• Pulsa el botón Publicar .
• Este es el aspecto final de la página de noticias.

Método 2: Crear un plugin personalizado para tipos de entrada personalizados en WordPress

Si quieres registrar un tipo de entrada personalizado sin depender de un plugin de terceros ni modificar el archivo functions. php de tu tema, crear un plugin personalizado es la mejor solución.

Este método es portátil, lo que significa que tu tipo de entrada personalizado permanecerá intacto aunque cambies de tema. También mantiene tus funciones bien organizadas y separadas del código específico del tema, lo que facilita el mantenimiento.

Crear una nueva carpeta de plugins

• Dirígete al directorio de instalación de WordPress y ve a wp-content/plugins/.
• Si utilizas FileZilla (cliente FTP), conéctate al servidor de tu sitio web introduciendo las credenciales FTP proporcionadas por tu proveedor de alojamiento.

• Si utilizas cPanel, puedes utilizar el Gestor de Archivos para acceder a los directorios directamente a través de la interfaz web.

Localiza el directorio de WordPress:

• Una vez que te hayas conectado a tu servidor o hayas iniciado sesión en tu cPanel, ve al directorio raíz de tu instalación de WordPress. Aquí es donde encontrarás los principales archivos de WordPress, como wp-config.php y wp-content.

Navega hasta wp-contenido:

• Dentro de la carpeta raíz de WordPress, localiza la carpeta llamada wp-content, quecontiene todos tus temas, plugins y archivos subidos.

Ve a la carpeta de plugins:

• Dentro de wp-content, busca y abre la carpeta plugins. Aquí es donde residen todos tus plugins de WordPress instalados.

Crear una nueva carpeta de plugins

• Dentro del directorio de plugins, crea una nueva carpeta llamada custom-post-type-plugin.

Crear el archivo del plugin

• Ahora, vamos a crear el archivo principal del plugin. Abre cualquier editor de texto (yo utilizaré el Bloc de Notas).
• Haz clic en Archivo → Nuevo y pega el siguiente código:

<?php
/**
*Plugin Name: Custom Post Type Plugin
*Plugin URL: https://yourwebsite.com

*Description: A simple plugin to register a custom post type in WordPress

*Version: 1.0

*Author: Your Name

*Author URI: https://yourwebsite.com

*License: GPL2
*/

if(!defined('ABSPATH')){

 exit;//Prevent direct access
}

//Function to register the custom post type

function custom_post_type_news(){

 $args=array(
   'label'         =>__('News','textdomain'),
   'pbulic'        =>true,
   'supports'      =>array('title', 'editor', 'thumbnail', 'excerpt'),
   'menu_position' => 5,
   'menu_icon'     => 'dashicons-admin-site'
   'has_archive'   => true,
   'rewrite'       => array('slug' => 'news'),
);
 register_post_type('news',$args);

}

add_action('init', 'custom_post_type_news');

Subir el archivo del plugin

• Mueve el archivo que acabas de crear a: wp-content/plugins/custom-post-type-plugin/
• Arrastra y suelta el archivo custom-post-type.php desde tu ordenador a esta carpeta.

Activar el plugin en WordPress

• Accede a tu panel de administración de WordPress.
• Ve a Plugins → Plugins instalados.

• Busca el plugin Custom Post Type y haz clic en Activar.

Verificar el Custom Post Type

• En el menú de administración de WordPress, comprueba si ves una nueva sección llamada Noticias.

• Haz clic en Noticias → Añadir nueva entrada para probarla.

• Como puedes ver, ahora podemos crear una nueva entrada para el nuevo tipo de entrada personalizado que acabamos de crear.

• Después de publicar el contenido de tu nuevo tipo de entrada personalizada, si ves un error de “Página no encontrada”, tendrás que actualizar tus Permalinks. Yo tuve este error, así que te mostraré cómo actualizar tus Permalinks:
  • En tu panel de WordPress, ve a Configuración → Enlaces permanentes.
  • Aquí no tienes que cambiar nada.
  • Simplemente haz clic en el botón Guardar cambios. Esto forzará a WordPress a regenerar la estructura de enlaces permanentes y a reconocer las nuevas URL de tipo de post personalizado.
    

Método 3: Crear manualmente una entrada personalizada de WordPress

Ahora, vamos a seguir estos pasos para crear un tipo de entrada personalizado manualmente en tu sitio de WordPress:

• Ve al archivo function.php del directorio de tu tema.

• Añade el siguiente código al archivo function.php.

/*Register News Post Type*/

/* Custom Post Type Start */

function create_posttype() {

register_post_type( 'news',

// CPT Options

array(

'labels' => array(

'name' => __( 'news' ),

'singular_name' => __( 'News' )

),

'public' => true,

'has_archive' => false,

'rewrite' => array('slug' => 'news'),

)

);

}

// Hooking up our function to theme setup

add_action( 'init', 'create_posttype' );

/* Custom Post Type End */

• Una vez que hayas añadido el código, el tipo de entrada Noticias aparecerá automáticamente en tu menú de WordPress.
  

• Al crear tipos de entrada personalizados, es necesario utilizar init para el gancho en add_action(), y la función register_post_type( ) tomará los argumentos.

Los pasos que hemos seguido hasta ahora te han mostrado cómo registrar tipos de entrada personalizados en el backend de cualquier tema de WordPress. Ahora, avancemos y aprendamos a añadir una entrada personalizada a tu sitio de WordPress.

Añadir un nuevo tipo de entrada personalizada de WordPress

Puedes añadir una nueva entrada personalizada en tu sitio de WordPress siguiendo estos pasos:

• Haz clic en el tipo de entrada personalizada registrada, que en nuestro caso es Noticias.
• Haz clic en Añadir nuevo.
• Escribe el título y el cuerpo de tu entrada.

• Escribe el extracto y establece una imagen destacada.
• Haz clic en el botón Publicar para activar la nueva entrada personalizada.

Cuando creas un tipo de entrada personalizado como“Noticias”, WordPress no proporciona automáticamente un diseño frontal. Sin una plantilla, tus entradas de Noticias aparecerán como entradas normales sin un diseño específico. Este es exactamente nuestro caso si echas un vistazo a la captura de pantalla anterior.

Tendrás que crear una plantilla personalizada para mostrarlos en un formato o estilo específico. Veamos cómo hacerlo…

Crea una plantilla para tu tipo de entrada personalizada Noticias con FSE

En Full Site Editing, las plantillas se crean y asignan a través del Editor de Sitios en lugar de a través de archivos PHP. Puesto que estoy utilizando el tema Twenty Twenty-Four de WordPress, que utiliza plenamente la Edición Completa del Sitio (FSE), así es como crearé una plantilla personalizada para mi tipo de entrada personalizada Noticias.

Crear una plantilla en el Editor de Sitios Completos

• Ve al panel de control de WordPress y ve a Apariencia > Editor.

• En el Editor de Sitios, haz clic en Plantillas en el panel izquierdo.

• Pulsa el botón Añadir nueva plantilla para crear una nueva plantilla.
• Cuando aparezca la nueva ventana emergente, selecciona el tipo de plantilla que quieres crear. Yo elegiré una plantilla Personalizada.

• A continuación, nombraré mi plantilla como Plantilla personalizada de noticias y pulsaré Crear.

• Tras crear la plantilla, se abrirá en el editor, donde podrás añadir bloques. Probablemente querrás añadir bloques para mostrar el contenido de la entrada, el título y la imagen destacada.
• Cuando estés satisfecho con la plantilla, pulsa Guardar.

Tu plantilla ya está creada, pero no hará nada a menos que le asignes algo. Así que, en nuestro caso, la asignaré al tipo de entrada Noticias que hemos creado.

Asigna la plantilla a tu tipo de entrada personalizado

• Para asignar nuestra plantilla al tipo de entrada personalizada Noticias, crearé una nueva entrada y seleccionaré nuestra nueva plantilla en Atributos de la entrada.
• También añadiré el título de la entrada, el cuerpo del contenido y una imagen destacada.
• Una vez hecho, le daré a Publicar.

• Ahora, si veo la entrada recién creada, verás que ha heredado el diseño de la plantilla personalizada que creamos antes.

Si utilizas un tema que no utiliza la Edición Completa del Sitio (FSE), puedes seguir los pasos que se indican a continuación.

Crear manualmente el archivo de plantilla para los temas que no editan el sitio completo

• Abre la carpeta de tu tema de WordPress (donde se encuentran los archivos de tu tema). Puedes hacerlo utilizando FileZilla o cualquier otra herramienta FTP.
• Dentro de la carpeta del tema activo que estés utilizando, crea un nuevo archivo y llámalo template-news.php. Utilizaré el tema Twenty Nineteen para este ejemplo, ya que no es compatible con FSE. Este archivo mostrará tu tipo de entrada personalizada.

Añade el código de la plantilla

• Abre el archivo recién creado(template-news.php) en un editor de texto (como el Bloc de notas) y añade el siguiente código:

<?php 
/* Template Name: News */ 

get_header(); // Includes the site header 

?>

<?php 

// Define query arguments 

$args = array( 

    'post_type'      => 'news', // Custom post type 

    'posts_per_page' => 10, // Number of posts to display ); 

);

// Create a new WP_Query instance 

$the_query = new WP_Query($args); 

?> 


<?php if ($the_query->have_posts()) : ?> 

  <?php while ($the_query->have_posts()) : $the_query->the_post(); ?> <h2><?php the_title(); ?>

    </h2> <!-- Display the post title --> 
    <div class="entry-content">
      <?php the_content(); ?> <!-- Display the post content -->
    </div>
  <?php endwhile; ?>


 <?php wp_reset_postdata(); // Reset the post data to restore the global $post object ?>

<?php else : ?>
  
  <p><?php esc_html_e('Sorry, no posts matched your criteria.', 'textdomain'); ?></p> <!-- Fallback message -->

<?php endif; ?>

<?php

get_footer(); // Includes the site footer

?>

Este código recupera y muestra hasta 10 entradas del tipo de entrada personalizada “noticias”. Para cada entrada, muestra el título como un enlace a la página de la entrada individual y muestra un breve extracto. Si no se encuentra ninguna entrada, muestra un mensaje de error.

Asigna la plantilla a tu tipo de entrada personalizado

Después de crear la plantilla, tienes que asignarla a una página para que WordPress sepa que debe utilizarla.

Sigue estos pasos:

• Ve a tu panel de control de WordPress.
• Haz clic en Páginas → Añadir nueva.
• Crea una nueva página y llámala Noticias.
• Busca la sección Atributos de página en el panel derecho y busca el desplegable Plantilla .
• En el desplegable, selecciona la plantilla Noticias que acabas de crear (aparecerá como opción porque has añadido el Nombre de la plantilla en el archivo PHP).
• Haz clic en Publicar para activar la página.

Consulta la imagen siguiente para ver la representación visual de los pasos anteriores:

La imagen siguiente representa la visualización final de tu página de anuncios:

Añadir Menú para Post Type Personalizado

Añade tu tipo de entrada personalizado como parte de las opciones de Menú de tu sitio WordPress siguiendo estos pasos:

• Ve a tu panel de control de WordPress.
• Navega hasta Apariencia → Menús.
• Añade la página Noticias a tu menú principal para mostrar un enlace de navegación a nuestro recién creado tipo de entrada personalizado de WordPress, Noticias.

Para más referencia, mira la imagen de abajo.

Y así es como se verá tu sitio web en el front-end. Echa un vistazo a la siguiente imagen:

Solución de problemas comunes

Cuando trabajas con Custom Post Types (CPTs) en WordPress, puedes encontrarte con algunos problemas comunes. Aquí tienes los dos problemas más comunes y las formas de resolverlos.

1. El tipo de entrada personalizado no se muestra

A veces, has añadido el tipo de entrada personalizado, pero no aparece. Las posibles razones pueden ser:

• Código incorrecto.
• Conflicto de plugins.

Solución

• Necesitas revisar el código para asegurarte de que es correcto. Para ello, recurre a la ayuda de un experto.
• Prueba a desactivar los plugins para comprobar que ninguno entra en conflicto con el plugin post-type personalizado que estás utilizando.

2. Problemas con los Permalinks

Si estás experimentando problemas con los permalinks relacionados con tu CPT, como errores 404 o enrutamiento incorrecto, he aquí cómo puedes solucionarlo.

Solución

• Ve a Configuración → Enlaces permanentes.
• Pulsa el botón Guardar cambios .

Además, a veces, un CPT puede tener el mismo slug que una página existente, causando conflictos. Asegúrate de que el slug de tu CPT es único.

Resumen

¡Ahí lo tienes! Hemos recorrido tres formas diferentes de crear tipos de entrada personalizados en WordPress: utilizando un plugin, creando tu propio plugin de tipos de entrada personalizados y editando directamente el archivo functions.php.

Cada método tiene sus ventajas, dependiendo de con qué te sientas cómodo o qué se adapte mejor a tu proyecto.

Si quieres sacar el máximo partido a tus tipos de entrada personalizados, utilizar un alojamiento fiable para WordPress puede ayudarte a que todo funcione sin problemas.

Y no olvides consultar otras entradas de nuestro blog para obtener más consejos sobre cómo optimizar tu sitio de WordPress, como 23 consejos sencillos para acelerar tu sitio web de WordPress.

Si tienes alguna pregunta u opinión, ¡no dudes en comentarlo a continuación!