Transcripción
Introducción
En esta lección, exploraremos los tipos de contenido personalizados. Al final de esta sesión, deberías poder describir un tipo de contenido personalizado de WordPress, comprender por qué podrías querer usar uno, generar un tipo de contenido personalizado y comprender cómo mostrar el contenido de tu tipo de contenido personalizado en tu sitio web. Entonces, ¿qué es un tipo de contenido personalizado? El contenido que creas en tu sitio de WordPress se almacena en la base de datos como páginas, entradas y taxonomías, como categorías y etiquetas. Además, puedes crear tipos de contenido y taxonomías personalizados para adaptarlos a tus necesidades específicas.
Tipos de contenido personalizados
A veces, tu sitio web puede necesitar algo personalizado para introducir y mostrar contenido de manera eficiente. Por eso, un tipo de contenido personalizado resulta útil al crear contenido con un formato diferente al de una página o entrada estándar. Por ejemplo, si eres diseñador o fotógrafo, quizá quieras crear un tipo de contenido de portafolio para mostrar tu trabajo. ¿Cuáles podrían ser otros ejemplos de sitios web que utilizan tipos de contenido personalizados? Uno de los plugins de comercio electrónico más populares es WooCommerce. Los productos introducidos y posteriormente mostrados mediante WooCommerce se registran como tipos de contenido personalizados, y las categorías de productos son taxonomías personalizadas. Otros ejemplos en los que podrían ser apropiados los tipos de contenido personalizados serían libros, reseñas de libros, miembros del equipo, elementos de portafolio, clubes, cursos, lecciones y recetas; la lista es interminable.
Entonces, ¿cuál es la mejor manera de establecer un tipo de contenido personalizado en tu sitio web? La respuesta general es escribir el código tú mismo. Puedes consultar la lección sobre tipos de contenido personalizados en la ruta para desarrolladores; o, si no eres desarrollador, usar un plugin disponible que configure un tipo de contenido personalizado por ti. Y ese será el enfoque de esta lección. Pero antes de continuar, vale la pena mencionar que el manual para desarrolladores indica que recomendamos colocar los tipos de contenido personalizados en un plugin en lugar de en un tema. Esto garantiza que el contenido del usuario siga siendo portable incluso si se cambia el tema.
Creación de un tipo de contenido personalizado
Actualmente, los plugins más populares que pueden generar tipos de contenido personalizados son Custom Post Type UI y Advanced Custom Fields o ACF. Puedes encontrar otras opciones buscando tipos de contenido personalizados en el directorio de plugins. Para esta demostración, hemos elegido utilizar el plugin Custom Post Type UI. El proceso comienza instalando y activando el plugin CPT UI. Luego verás un nuevo elemento de menú en tu escritorio, en este caso en la parte inferior del menú de la columna izquierda. Selecciona “Añadir o editar tipos de contenido” y comienza.
Configuraremos un tipo de contenido personalizado en un sitio web sobre senderismo que muestra montañas cercanas que se pueden escalar y las clasifica por altura y dificultad de escalada. El proceso comienza nombrando tu tipo de contenido personalizado mediante la designación de un slug, concretamente mountain, y las etiquetas singular mountain y plural mountains. Luego se te proporcionará una larga lista de etiquetas asociadas con el nuevo tipo de contenido personalizado. Hay un enlace disponible para completar las etiquetas según el slug de tu tipo de contenido personalizado. Haz clic en esa opción para ahorrar tiempo y luego desplázate por la larga lista para ver si quieres cambiar alguna de las etiquetas predeterminadas. Por ejemplo, la etiqueta predeterminada “Nombre del menú” añade la palabra “my” delante de la etiqueta. Yo prefiero eliminarla.
Luego podemos desplazarnos hacia abajo hasta el área de ajustes, debajo de todas las etiquetas. Los ajustes establecen aspectos como si el tipo de contenido personalizado está disponible para el público, si se puede buscar o aparecer en un menú de navegación, dónde aparece en la lista de menús del escritorio e incluso qué icono se muestra junto al elemento de menú. También podrás designar qué secciones de la página de edición del tipo de contenido personalizado son compatibles, como imagen destacada, extracto, autor y otras.
Todos los elementos de configuración tienen ajustes predeterminados. Querrás cambiar el ajuste “tiene archivo”. Establécelo en verdadero para tener una página de archivo. Si crees que podrías querer exportar el tipo de contenido personalizado en algún momento, también puedes establecer ese elemento en verdadero. Justo en la parte inferior, verás las taxonomías que se asignarán al tipo de contenido personalizado. Las dos que aparecen son las categorías y etiquetas predeterminadas de WordPress. Configuraremos taxonomías personalizadas, por lo que no se deben seleccionar las predeterminadas. Una vez que completes estos pasos y guardes tus designaciones, aparecerá un nuevo tipo de contenido personalizado en el menú del lado izquierdo del escritorio de WordPress’, junto con los elementos de menú de entradas y páginas.
Taxonomías personalizadas
Ahora puedes designar las taxonomías personalizadas que podrían ayudarte a clasificar de manera más eficiente las entradas de tu nuevo tipo de contenido personalizado. En nuestro caso, clasificaremos las montañas usando taxonomías personalizadas llamadas height y climb rating. La altura y la capacidad de escalada actuarían como categorías para nuestro tipo de contenido personalizado. Generaremos varios rangos de altura para segmentar las montañas. Se utilizará el mismo proceso con la taxonomía climb rating, configurando niveles de esfuerzo de escalada. Para comenzar, selecciona “Añadir o editar taxonomías” en el área de menú de la parte inferior izquierda.
Luego podemos comenzar a configurar las taxonomías de la misma manera que establecimos el tipo de contenido personalizado. Así que, en el primer ejemplo, llamaré al slug de la taxonomía height, a la etiqueta plural heights y a la etiqueta singular height. También seleccionaré la opción para completar automáticamente las etiquetas. Luego seleccionaré el tipo de contenido personalizado mountain como el tipo de contenido al que se aplica la taxonomía. En la sección de ajustes, probablemente querrás cambiar dos de los ajustes predeterminados. El primero, Jerárquico, debe establecerse en verdadero si quieres que las taxonomías aparezcan en la página de edición del tipo de contenido. El otro se llama “Mostrar en el panel de edición rápida o en lote”, y establecerlo en verdadero te permitirá cambiar los ajustes de taxonomía de una montaña específica usando la opción de edición rápida del menú. A continuación, podemos seguir el mismo proceso para la taxonomía climb rating.
Después de establecer tus taxonomías, en este caso height y climb rating, debes editar tu tipo de contenido personalizado mountain. Así que volveremos a “Añadir o editar tipo de contenido”, seleccionaremos el tipo de contenido personalizado mountain y luego nos desplazaremos hasta la parte inferior de la sección de ajustes. Ahora verás las taxonomías height y climbing rating en la lista. Marca ambas casillas y guarda de nuevo el tipo de contenido personalizado para que las taxonomías se relacionen con ese tipo de contenido personalizado específico. Una vez que hayas configurado tu tipo de contenido personalizado y sus taxonomías, puedes comenzar a completarlos. Cuando seleccionas tu tipo de contenido personalizado en el escritorio, puedes abrir una de tus taxonomías. En este caso, height, y luego la primera clasificación sería montañas de menos de 3000 pies por debajo del nivel del mar. Después, podemos añadir las demás clasificaciones para esta taxonomía: desde montañas de menos de 3000 pies por debajo del nivel del mar hasta montañas de más de 12000 pies sobre el nivel del mar. Luego podemos hacer exactamente lo mismo con la otra taxonomía, climb ratings. En este caso, he añadido las clasificaciones principiante, intermedio y avanzado.
Entradas de tipos de contenido personalizados
Ahora que nuestras taxonomías están configuradas, podemos crear algunas entradas de tipo de contenido personalizado. En este caso, introducirías montañas específicas y seleccionarías las taxonomías a las que pertenecen. Así que vamos a crear nuestra primera entrada de tipo de contenido personalizado. La llamaré first mountain y añadiré algo de contenido de prueba. En los ajustes de la barra lateral, podemos aplicar las taxonomías correspondientes. En este caso, la montaña tiene menos de 3000 pies y es adecuada para principiantes. También añadiremos un extracto y una imagen destacada de la entrada. Luego, haz clic en Publicar. Después crearé otras dos entradas para el tipo de contenido personalizado de montañas: second mountain y third mountain. Ahora que has introducido tus tipos de contenido mountain y los has segmentado por altura y dificultad de escalada, puedes ofrecer a los visitantes de tu sitio web una forma de ver la lista de montañas, ya sea completa o mostrada por taxonomía.
Cómo mostrar tu tipo de contenido personalizado
Primero, vamos a generar una nueva página que se utilizará para mostrar el archivo del tipo de contenido personalizado mountain. Ponle a tu página el nombre que quieras. En este caso, usamos mountains y luego la guardamos. Accede al listado de páginas y selecciona Edición rápida para mostrar el título de la página y su slug. Cambia el slug para que coincida con el slug de tu tipo de contenido personalizado. En nuestro caso, es mountain, y luego guarda el cambio. Para ver la página, tendremos que añadirla a nuestro menú en la parte de plantilla del encabezado del sitio. Accede al Editor del sitio y selecciona Navegación. Luego, Editar. Abre la Vista de lista, selecciona el bloque Navegación, añade un nuevo elemento de menú y selecciona la página llamada Mountains. Luego seleccionaré Mountains en la barra lateral derecha, haré clic en los tres puntos verticales, añadiré un enlace de submenú y escribiré height. Como puedes ver, no hay ninguna página llamada height. Solo quiero usar height como marcador de posición para mostrar las clasificaciones. Así que también añadiré climbing rating como marcador de posición y, para asegurarme de que sea solo un marcador de posición, seleccionarás el elemento de menú, en este caso height, abrirás los ajustes de la barra lateral y añadirás dos almohadillas debajo de URL para garantizar que no sea enlazable, sino simplemente un marcador de posición. Haremos lo mismo con climb rating. Añadiremos el enlace de submenú como marcador de posición y luego añadiremos las dos almohadillas debajo de la URL.
Luego podemos añadir las clasificaciones como subpáginas de estos marcadores de posición. Así que vamos a seleccionar Height, hacer clic en los tres puntos verticales, hacer clic en Añadir un enlace de submenú, buscar la primera clasificación de menos de 3000 pies y seleccionar la taxonomía. Después podemos añadir las clasificaciones tanto de height como de climbing ratings. Vamos a verla desde la parte pública. Cuando hagamos clic en Mountains, veremos todas nuestras entradas de tipo de contenido personalizado: Mountain uno, dos y tres. Luego podemos seleccionar una de las clasificaciones, en este caso, montañas de menos de 3000 pies. Para las clasificaciones de escalada, podemos ver las montañas adecuadas para excursionistas de nivel intermedio.
Plantillas
Lo último de lo que queremos hablar son las plantillas. Todas estas páginas que hemos visto se muestran mediante la plantilla Todos los archivos. Pero ¿qué ocurriría si quisieras que una de tus páginas tuviera un aspecto y una disposición diferentes? Si vas al Editor del sitio y haces clic en Gestionar todas las plantillas, podemos hacer clic en Añadir nueva plantilla, arriba a la derecha. Entonces tendrás algunas opciones. Puedes añadir la plantilla de archivo mountain, que mostrará todas tus entradas de montaña. O puedes seleccionar la plantilla de elemento individual mountain para cambiar cómo se muestran las entradas individuales. Por último, también puedes modificar cómo se muestran tus taxonomías para todas tus taxonomías o para taxonomías individuales o clasificaciones, en este caso.
Conclusión
Puedes obtener más información sobre las plantillas de WordPress, su uso y modificación, en algunas de nuestras otras sesiones en learn.wordpress.org. Te deseamos mucho éxito al crear y configurar tipos de contenido personalizados en tu sitio.
Práctica
Usa WordPress Playground y recrea el ejemplo del vídeo, o crea tus propios tipos de contenido personalizados para poner a prueba tus conocimientos: