Creación de tipos de entrada personalizados en WordPress mediante el bucle de consulta

Crear tipos de entrada personalizados en WordPress es muy potente y te ayuda a personalizar tu sitio web WordPress según tus necesidades. Tanto si eres un usuario principiante, intermedio o avanzado, entender cómo utilizar los tipos de entrada personalizados marcará una gran diferencia en cómo gestionas y muestras el contenido. Por ejemplo, si tienes un sitio web de un restaurante, puede que quieras crear un tipo de entrada personalizada para «Elementos del menú» para mostrar tus platos.

En esta guía te llevaremos a través de todo el proceso de creación de tipos de entrada personalizados y su visualización mediante el bucle de consulta de WordPress. Cubriremos tanto la codificación manual como los métodos basados en plugins para que todo el mundo pueda seguirnos. Además, te ayudaremos a saber cómo la Plataforma de Alojamiento Gestionado WordPress de Cloudways puede ayudarte a optimizar tu experiencia con WordPress.

Entender los Custom Post Types

Para saber más sobre los Custom Post Types, vamos primero a lo básico.

¿Qué son los Custom Post Types?

Los tipos de entrada personalizados son tipos de contenido especializados que amplían la oferta predeterminada de WordPress, que normalmente incluye entradas y páginas. Te permiten crear categorías únicas para tu contenido, facilitando la organización y visualización de información que se ajuste al propósito de tu sitio web.

¿Por qué utilizar Custom Post Types?

Utilizar tipos de entrada personalizados ofrece varias ventajas:

• Organización mejorada: Te ayudan a categorizar el contenido de forma eficaz.
• Mejor experiencia de usuario: Los tipos de entrada personalizados facilitan a los visitantes la navegación por tu sitio.
• Flexibilidad: Puedes personalizar la funcionalidad y el aspecto de cada tipo de contenido según tus necesidades.

Configuración de tipos de entrada personalizados

Vamos a entrar en los métodos con el fin de aprender cómo podemos configurar los tipos de entradas personalizadas en nuestro sitio web. Estamos cubriendo 2 métodos aquí, uno es manual y otro es mediante el uso de Plugin.

Método 1: Registro manual

• Si te sientes cómodo con la codificación, registrar manualmente un tipo de entrada personalizado te proporciona un control total sobre sus funciones. Sigue estos pasos:
• Localiza tu archivo de funciones: Ve al directorio de instalación de WordPress. A continuación, ve a wp-content/themes/your-theme-name/functions.php.

• Abre el archivo functions.php: Utiliza un editor de texto o un IDE (como VSCode) para abrir el archivo functions.php. Añade el siguiente código y pégalo al final del archivo.

function crear_tipo_post_personalizado() {
register_post_type('menu_item',
array(
'etiquetas' =>  array(
'nombre' =>  __('Elementos del menú'),
'nombre_singular' =>  __('Elemento del menú')
),
'público' =>  cierto,
'has_archivado' =>  cierto,
'soportes' =>  array('título', 'editor', 'miniatura'),
'show_in_rest' =>  cierto,
)
);
}
add_action('init', 'crear_tipo_post_personalizado');

• Guarda los cambios: Guarda el archivo functions.php y súbelo de nuevo a tu servidor si utilizas FTP.
• Comprueba tu panel de control: Ve a tu área de administración de WordPress. Deberías ver «Elementos del menú» en el menú de la barra lateral.

Método 2: Utilizar un plugin

Si codificar no es lo tuyo o prefieres un enfoque más sencillo, utilizar un plugin como Custom Post Type UI es una gran opción. Te explicamos cómo:

Instala el Plugin

• Accede a tu panel de control de WordPress.
• Luego ve a Plugins > Añadir nuevo.
• Puedes buscar «Custom Post Type UI».
• Haz clic en Instalar ahora y, a continuación, en Activar.

Añadir un nuevo tipo de entrada personalizado

Para añadir un nuevo Custom Post Type a través del Plugin, navega a CPT UI > Añadir/Editar tipos de entrada en tu panel de control. A continuación, rellena los siguientes campos:

• Slug del tipo de entrada: Introduce un slug único (por ejemplo, «menu_item»).
• Etiqueta Plural: Introduce «Elementos del menú».
• Etiqueta Singular: Introduce «Elemento del menú».

Configurar ajustes adicionales (opcional)

Ajusta la configuración, como la visibilidad o las opciones de la API REST, según sea necesario. A continuación, haz clic en Añadir tipo de entrada. Tras rellenar la información necesaria, haz clic en el botón para añadir tu nuevo tipo de entrada personalizado. Ahora, una vez seguidos los pasos anteriores según las instrucciones, puedes verificar el Custom Post Type que acabas de crear.

• Vuelve al área de administración de WordPress.
• Ahora deberías ver «Elementos del menú» en el menú de la barra lateral.

Utilizar el bucle de consulta

Ahora que ya tienes creado tu tipo de entrada personalizado, vamos a mostrarlo utilizando el bucle de consulta de WordPress.

Mostrar tipos de entrada personalizados con WP_Query

Para mostrar tus tipos de entrada personalizados en tu sitio web, sigue estos pasos:

• Abre tu archivo de plantilla, decide dónde quieres mostrar tu tipo de entrada personalizada (por ejemplo, en una plantilla de página o en una barra lateral).
• Abre el archivo de plantilla correspondiente en el directorio de tu tema (por ejemplo, page.php, single.php o archive.php).
• Añade el siguiente código donde quieras que se muestren las entradas:

$query = nueva WP_Query(array(
'post_type' =>  'menu_item',
'posts_per_page' =>  10,
));

si ($consulta->have_posts()) {
while ($consulta->have_posts()) {
$query->el_post();
echo '<h2>' . get_the_title() . '</h2>';
echo '<div>' . get_the_content() . '</div>';
echo '<p>Precio: ' . get_post_meta(get_the_ID(), '_price_key', true) . '</p>'; // Suponiendo que tengas un meta campo precio
}
}
wp_reset_postdata();

• Guarda el archivo de plantilla después de añadir el código.
• Ahora visualiza tu sitio o la página donde has añadido este código. Deberías ver una lista de elementos de menú mostrados con sus títulos y contenidos.

Ampliar el bucle predeterminado de WordPress

Si quieres que tus tipos de entrada personalizados aparezcan junto a las entradas normales en páginas clave como las páginas de inicio o de archivo, sigue estos pasos:

• Abre de nuevo tu archivo de funciones.
• Vuelve a functions.php en el directorio de tu tema.
• Añade este código al final de tu archivo de funciones:

function add_custom_post_types_to_loop($consulta) {
if (!is_admin() && $consulta->is_main_query()) {
if (is_home() || is_archive()) {
$query->set('post_type', array('post', 'menu_item'));
}
}
}
add_action('pre_get_posts', 'add_custom_post_types_to_loop');

• Vuelve a guardar los cambios: Guarda functions.php después de añadir este código.
• Comprueba tu página de inicio o de archivo: Visita tu página de inicio o cualquier página de archivo.

Ahora deberías ver tanto las entradas estándar como tus entradas personalizadas «Elemento de menú» mostradas juntas.

¿Por qué elegir Cloudways para tu alojamiento WordPress?

Cuando se trata de alojar tu sitio WordPress con tipos de entrada personalizados y consultas complejas, considera la posibilidad de utilizar Cloudways por varias razones de peso:

• Optimización del rendimiento: Cloudways tiene caché de página completa a través de Varnish e integración con Cloudflare para que tu contenido dinámico cargue rápido.
• Escalabilidad: Escala los recursos a medida que crece tu sitio sin tiempos de inactividad ni molestias.
• Gestión de plataformas fácil de usar: Con un panel de control intuitivo, gestionar servidores y aplicaciones es pan comido, ¡incluso para los principiantes!

Cloudways también tiene copias de seguridad gestionadas, actualizaciones automatizadas y un excelente servicio de atención al cliente, por lo que es perfecto tanto para principiantes como para desarrolladores profesionales.

Conclusión

Crear tipos de entrada personalizados en WordPress es sencillo e increíblemente beneficioso para organizar diversos tipos de contenido en tu sitio. Tanto si eliges codificar manualmente como si utilizas plugins como Custom Post Type UI, ambos métodos te permiten adaptar tu sitio web a tus necesidades.
Para quienes buscan un rendimiento óptimo a la hora de alojar sus sitios WordPress con funcionalidades personalizadas, Cloudways destaca como una opción excelente. Las sólidas funciones de Cloudways garantizan que tu sitio funcione sin problemas, a la vez que ofrecen un excelente soporte 24/7 siempre que lo necesites.

Salwa Mujtaba

Salwa Mujtaba es redactora de contenidos técnicos en Cloudways. Con una sólida formación en Informática y experiencia previa como jefa de equipo en Operaciones de Cloudways, aporta a sus escritos un profundo conocimiento de la Plataforma Cloudways. Salwa crea contenidos que simplifican conceptos complejos, haciéndolos accesibles y atractivos para los lectores. Cuando no está escribiendo, puedes encontrarla disfrutando de la buena música, leyendo un libro o pasando tiempo con su familia.

Get Connected on: Twitter Community Forum