Cómo crear tipos de publicaciones personalizados en WordPress

Publicado: 2021-06-09
tipo de publicación personalizada de wordpress
Siga @Cloudways

Cuando instalamos WordPress, solo obtenemos tres tipos de contenido integrados en el backend, es decir, publicaciones, páginas y medios. Sin embargo, hoy WordPress se ha vuelto bastante flexible y avanzado. Por lo tanto, el enfoque para agregar más tipos de publicaciones también se ha diversificado. El uso diversificado exige más tipos de contenido porque las publicaciones, las páginas y los medios no son suficientes y aquí es donde el tipo de publicación personalizada de WordPress es útil.

  • ¿Qué es un tipo de publicación personalizada de WordPress?
  • Crear un tipo de publicación personalizada de WordPress
  • Crear una nueva publicación
  • Crear una plantilla y una lista de recuperación
  • Seleccione una plantilla
  • Agregar menú para un tipo de publicación personalizada
  • Mostrar página de detalles del tipo de publicación personalizada

¿Qué es un tipo de publicación personalizada de WordPress?

Los tipos de publicaciones personalizadas se utilizan para convertir un sitio web normal de WordPress en un sistema de gestión de contenido. Como sugiere el nombre, puede usar tipos de publicaciones personalizadas para crear una variedad de tipos de contenido diferentes para su sitio web.

Actualización: WordPress 5.x viene con un nuevo editor de Gutenberg. Si desea utilizar Gutenberg con tipos de publicaciones personalizadas de WordPress, aquí hay una gran guía sobre cómo habilitar el editor de Gutenberg para CPT.
Actualización: WordPress 5.x viene con un nuevo editor de Gutenberg. Aquí hay una guía detallada sobre cómo habilitar el editor de Gutenberg para el tipo de publicación personalizada

Aparte de eso, se pueden encontrar varios tipos de publicaciones que están disponibles de forma predeterminada en la instalación de WordPress.

  • Publicación - publicación de blog
  • Página - página estática
  • Adjunto - medios adjuntos
  • Revisión - revisión posterior
  • Menú de navegación - menú de navegación

Para obtener más detalles sobre otros tipos de publicaciones en WordPress, consulte la documentación del códice de tipo de publicación personalizada.

Cuando se trata de tipos de publicaciones personalizadas, WordPress admite un número ilimitado de tipos de publicaciones personalizadas. Puede crear sus propias publicaciones personalizadas y llamarlas donde quiera. Por ejemplo, si tiene un sitio web de noticias y desea agregar un tipo de publicación personalizada titulada " Noticias ". Una vez creado, el tipo de publicación de noticias tendría su propio menú en el área de administración del panel de WordPress. También puede crear varios tipos de publicaciones, como películas, cartera y mucho más.

Crear un tipo de publicación personalizada de WordPress

Para crear un tipo de publicación personalizada para cualquier tema en particular en WordPress, navegue hasta el archivo function.php desde su directorio de temas de WordPress y luego agregue el siguiente código.

 / * Inicio del tipo de publicación personalizada * /

function create_posttype () {
register_post_type ('noticias',
// Opciones CPT

formación(
  'etiquetas' => matriz (
   'nombre' => __ ('noticias'),
   'singular_name' => __ ('Noticias')
  ),
  'public' => cierto,
  'has_archive' => falso,
  'reescribir' => matriz ('slug' => 'noticias'),
 )
);
}
// Conectando nuestra función a la configuración del tema
add_action ('init', 'create_posttype');

/ * Fin del tipo de publicación personalizada * /

Después de agregar este código, el tipo de publicación de Noticias aparecerá automáticamente en el Área de administración de su WordPress. Para ver cómo aparecerá en la parte frontal de su panel de WordPress, consulte la imagen a continuación.

Creación de un tipo de publicación personalizada

Cuando crea tipos de publicaciones personalizados, es necesario usar init para el gancho en add_action () . La función register_post_type () toma los argumentos.

 / * Inicio del tipo de publicación personalizada * /

function cw_post_type_news () {

$ soportes = matriz (
'título', // título de la publicación
'editor', // publicar contenido
'autor', // autor de la publicación
'thumbnail', // imágenes destacadas
'extracto', // post extracto
'campos personalizados', // campos personalizados
'comentarios', // publicar comentarios
'revisiones', // publicar revisiones
'post-formatos', // formatos de publicación
);

$ etiquetas = matriz (
'nombre' => _x ('noticias', 'plural'),
'singular_name' => _x ('noticias', 'singular'),
'menu_name' => _x ('noticias', 'menú de administración'),
'name_admin_bar' => _x ('noticias', 'barra de administración'),
'add_new' => _x ('Agregar nuevo', 'agregar nuevo'),
'add_new_item' => __ ('Agregar nuevas noticias'),
'new_item' => __ ('Nuevas noticias'),
'edit_item' => __ ('Editar noticias'),
'view_item' => __ ('Ver noticias'),
'all_items' => __ ('Todas las noticias'),
'search_items' => __ ('Buscar noticias'),
'not_found' => __ ('No se encontraron noticias.'),
);

$ args = matriz (
'apoyos' => $ apoyos,
'etiquetas' => $ etiquetas,
'public' => cierto,
'query_var' => verdadero,
'reescribir' => matriz ('slug' => 'noticias'),
'has_archive' => verdadero,
'jerárquico' => falso,
);
register_post_type ('noticias', $ args);
}
add_action ('init', 'cw_post_type_news');

/ * Fin del tipo de publicación personalizada * /

$ soportes: especifica que el tipo de publicación es compatible y admite todas las funciones esenciales.

$ etiquetas: especifica que el tipo de publicación se refiere correctamente al área de administración.

$ args: especifica una barra de enlace permanente de las noticias y una posición del menú ubicada justo debajo del menú Publicaciones.

Ahora echemos un vistazo antes y después de agregar funciones a nuestro sitio web de WordPress.

Agregar nueva publicación
Antes de agregar funciones
Después de agregar funciones
Después de agregar funciones

El ejemplo anterior le indica cómo puede registrar tipos de publicaciones personalizadas de WordPress en el back-end para cualquier tema. Ahora es el momento de pasar al siguiente paso. Crear publicaciones como un tipo de publicación personalizada.

Crear una nueva publicación

Supongamos que ha creado con éxito una publicación para su sitio web de WordPress. Ahora desea agregar esta publicación como un tipo de publicación personalizada en su sitio web de WordPress. Después de eso, agregue de dos a tres publicaciones de noticias ficticias a su sitio.

Crear publicación

Crear una plantilla y una lista de recuperación

Una vez que haya desarrollado el código, su próxima tarea será crear un nuevo archivo llamado template-news.php y colocarlo en su carpeta de temas. Tan pronto como haya creado este archivo, agregue el siguiente código.

 <? php
/ * Nombre de la plantilla: Noticias * /
get_header ();
query_posts (matriz (
   'post_type' => 'noticias'
)); ?>
<? php
while (have_posts ()): the_post (); ?>
<h2> <a href="<?php the_permalink() ?> "> <? php the_title (); ?> </a> </h2>
<p> <? php the_excerpt (); ?> </p>
<? php end while;
get_footer ();
?>

Experimente el alojamiento de WordPress sin restricciones

Sitios web de WordPress 300 veces más rápidos

¡Empiece gratis!

Seleccione una plantilla

Ahora cree una nueva página llamada Noticias desde la opción Páginas en su panel de WordPress y acceda a ella. Puede ver una opción de Plantilla disponible en Atributos de página en el lado derecho de su pantalla. Seleccione la nueva plantilla Noticias y luego haga clic en el botón Actualizar. Para obtener más información, consulte la imagen a continuación.

Creando página

El resultado de la página de listado: el resultado final de cómo se mostrará su página de listado en su sitio web se proporciona a continuación:

Resultado de la página de listado

Agregar menú para tipo de publicación personalizada

Para agregar su nuevo tipo de publicación personalizada como parte de las opciones del menú en su sitio web de WordPress, vaya a Apariencia → Menús y agregue la página de Noticias a su menú principal. Este paso es necesario ya que mostrará un enlace de navegación a nuestro nuevo tipo de publicación personalizada de WordPress, Noticias.

Para obtener más información, consulte la imagen a continuación.

Agregar menú

Y así es como se verá su sitio web en la interfaz. Mira la imagen a continuación:

Resultado de la página

Mostrar página de detalles del tipo de publicación personalizada

También necesitamos crear una página de detalles para tipos de publicaciones personalizadas. Para hacerlo, solo necesitamos agregar un nuevo archivo llamado single-news.php que se encuentra en su tema de WordPress y luego agregarle el siguiente código.

 <? php
get_header ();
/ * Iniciar el bucle * /
while (have_posts ()): the_post ();
   get_template_part ('partes de plantilla / publicación / contenido', get_post_format ());
end while; // Fin del ciclo.
get_footer ();
?>

Ahora es el momento de ver cómo se ve su página de detalles:

Visualización de la página de detalles

¡Terminando!

Bueno, ahora ha aprendido la forma de crear un tipo de publicación personalizada en WordPress, algo bastante complejo de hacer. Si tienes alguna consulta o sugerencia, no dudes en preguntarme, me encantaría responderte. Sin embargo, alojar WordPress en Cloudways es conveniente. Simplemente implemente servidores en la nube seguros y escalables en cuestión de minutos. Haga clic en el banner a continuación para comenzar su prueba gratuita o solicitar una demostración de Cloudways; nuestros especialistas en productos estarán encantados de responder a todas sus preguntas.