Hoy voy a hablar de algo que literalmente me encanta porque creo que es una de las cosas que convierte a WordPress en un completo framework con el que podemos hacer literalmente lo que nos salga de los cojones: los custom-fields, los custom-posts y las custom-taxonomies.
Si un implementador o diseñador WordPress no ha trabajado aún con custom-posts, custom-fields y custom-taxonomies es que aún no ha descubierto todo el potencial de WordPress.
Voy a empezar por explicar qué son estos tres elementos y para qué sirven:
- custom-fields: Son campos personalizados. Pueden ser de diferentes tipos y pueden asociarse tanto a un post o página nativa de WordPress, como a un nuevo custom-post creado por nosotros.
- custom-posts: Son como las páginas y las entradas, pero personalizados. Pueden tener las características y campos que tú quieras darles y con ellos se puede clasificar contenido de la forma que necesites, sin limitaciones. Se guardan en la tabla de wp_posts junto con los posts y las páginas de WordPress.
- custom-taxonomies: Puedes crear tus propias taxonomías, como las nativas de WordPress (categorías y etiquetas), que te permitirán clasificar el contenido de los custom-posts que crees.
¿Quieres un ejemplo de custom-post? Pues es simple, WooCommerce utiliza custom-posts con custom-fields y custom-taxonomies para los productos y las categorías de productos.
¿Quieres otro ejemplo? Cuando usas LearnDash, tanto las lecciones como los hilos y demás formas de clasificar contenidos dentro del LMS utilizan customs.
¿Otro? Pues tanto bbPress como BuddyPress utilizan custom-posts, custom-taxonomies y custom-fields para guardar el contenido.
Todos los plugins que clasifican contenido de una forma diferente en WordPress utilizan custom-posts, custom-taxonomies y custom-fields aunque tú no los veas.
Lo bueno es que, si quieres hacer tú mismo algo así para una web, puedes. Simplemente tienes que utilizar un plugin como ACF (Advanced Custom Fields) para los custom-fields y un plugin como CPT UI para crear tanto custom-posts como custom-taxonomies.
Evidentemente, es necesario tener claro lo que queremos crear; de lo contrario, no vamos a ningún sitio.
En el ejemplo anterior, por ejemplo, estoy creando una especie de CRM con WordPress usando las custom-taxonomies para los “clientes” y los custom-posts para los servicios ofrecidos.
Como puedes ver en la imagen anterior, las taxonomías también pueden llevar custom-fields.
Lo bueno de esto es que, si queremos, cuando tengamos todo “perfilado” podemos hacer dos cosas: ocultar la mayoría de las opciones del back-end de WordPress para dejar solo las personalizadas o directamente usar Gravity Forms para crear un front-end interactivo e intuitivo con Elementor Pro y Gravity Forms.
Hasta aquí la introducción. A partir de ahora vamos a hablar de los plugins que he comentado arriba y que personalmente recomiendo para darle forma a un sitio web personalizado o herramienta con campos y tipos de contenido personalizados.
¿Quieres
recibir mis articulos?
No te pierdas todos mis trucos para WordPress, CMS, Marketing Digital y WPO.
custom-posts y custom-taxonomies con CPT UI
CPT UI es un plugin completamente gratuito que podemos encontrar en el repositorio de plugins de WordPress.
Antes de que entremos en materia, te dejo dos videotutoriales que subí a mi canal de Youtube y donde aprenderás cómo se utiliza el plugin y algunos tips útiles. En este vídeo verás cómo crear y gestionar custom-posts con CPT UI en WordPress:
Y en este otro tienes cómo crear y gestionar custom-taxonomies en WordPress con CPT UI:
Existen muchas alternativas gratuitas que hacen lo mismo que CPT UI. Incluso existen algunas premium como, por ejemplo, JetEngine de Crocoblock.
A mí me encanta CPT UI porque es gratuito y porque me da todo lo que necesito para crear y gestionar tanto custom-posts como custom-taxonomies.
Podemos ver y personalizar todas las características de las custom-taxonomies y custom-posts. Los ajustes que podemos realizar son varios, desde lo que aparece en el REST API de WordPress hasta lo que sale en el front-end y en el back-end.
Lo bueno es que no solo podemos crear una 1 taxonomía personalizada para clasificar contenido, sino que es muy fácil crear varias relacionadas entre sí.
Por otro lado, podemos crear distintos custom-posts y asociarlos a distintas custom-taxonomies.
A cada custom-post le podemos asignar distintos campos personalizados y distintas taxonomías: como te he dicho, todo es completamente personalizado, como lo harías con un framework.
Puedes encontrar el plugin CPT UI en el repositorio de WordPress: https://es.wordpress.org/plugins/custom-post-type-ui/
Ocultar partes del dashboard de WordPress
Para darle el “toque” al asunto, como he dicho antes, podemos desactivar ciertas partes del dashboard o backend de WordPress para simplificarlo y ocultar lo que no se necesita.
Lo que buscamos limpiar es sobre todo esta parte del dashboard:
Para ocultar partes del dashboard vamos a necesitar un plugin adicional. También existen varias opciones, pero a mí me gusta Adminimize.
Adminimize es un plugin gratuito que podemos encontrar en el repositorio de WordPress y que, aunque es bastante “avanzado”, nos permite limpiar el dashboard de WordPress y todo lo que contiene de una forma muy selectiva.
Otra opción que a mí me gusta bastante para hacer esto es el plugin Admin Menu Editor, mucho más simple y también disponible en el repositorio de WordPress:
Evidentemente, todo esto no es necesario hacerlo si vamos a crear una interfaz en el front-end con Elementor Pro y Gravity Forms desde donde se gestionarán los datos.
También quiero añadir que todo esto podemos hacerlo directamente con código, pero evidentemente es más simple hacerlo con plugins.
¿Quieres
recibir mis articulos?
No te pierdas todos mis trucos para WordPress, CMS, Marketing Digital y WPO.
custom-fields en WordPress con ACF
ACF son las siglas de Advanced Custom Fields, un plugin muy avanzado que nos permite gestionar campos personalizados a un nivel difícil de imaginar.
¿Existen alternativas a ACF? Sí (de hecho, ACF tiene una versión gratuita), pero lo que nos ofrece la versión premium de ACF es mucho, ya que incluye más tipos de campos y algunas opciones avanzadas adicionales solo aprovechadas por usuarios avanzados que desarrollan.
Como he dicho al principio, Advanced Custom Fields junto con un plugin como CPT UI convierten a WordPress en un completo framework, ya que podemos crear cosas increíbles casi sin tocar ni una sola línea de código.
Antes de explicar nada más, aquí te dejo un vídeo sobre ACF que he subido a mi canal de Youtube:
Antes de nada, quiero aclarar que ACF se integra muy bien con Elementor Pro y con Gravity Forms. Esto hace que podamos hacer cosas increíbles en el front-end de WordPress sin necesidad de saber programar. Cuando hablo de cosas increíbles, hablo de objetivos avanzados para los que necesitarías conocimientos mucho más profundos si no tuvieras ACF.
Como puedes ver en la imagen anterior, con ACF puedes asociar los campos personalizados a cualquier tipo de contenido, incluidos los posts y páginas nativas del propio WordPress. Incluso si tenemos un plugin que ya genera custom-posts, como WooCommerce, podemos asociar nuestros campos personalizados a esos tipos de contenido.
Simplemente para mostrarte un ejemplo, esta parte de mi web donde indico la dificultad del contenido del post esta creada con ACF y Elementor:
El custom post está asociado directamente a los posts, donde publico mi contenido.
Con Advanced Custom Fields para WordPress podemos añadir todo tipo de campos personalizables y mediante plugins añadidos podemos añadir otros tantos tipos de campos con distintas apariencias.
Los campos en ACF siempre se juntan en grupos, aunque solo sea 1 campo:
Además, se asocian a un tipo de contenido (posts, páginas y custom-posts), un archive o loop (blog, autor, categorías, etiquetas o custom-taxonomies).
Podemos añadir los campos directamente desde la página de creación o edición de grupo de campos y configurar todas sus propiedades y características:
El tipo de campo determina cómo se va a guardar y cómo se va a “formatear”, por lo que debemos elegirlo bien:
Esto es importante, sobre todo, si trabajamos con una herramienta adicional como un formulario o un scraper para rellenar los datos de nuestro sitio web.
Podemos crear fichas de lo que queramos, completas y con los datos que necesitamos nosotros exactamente:
En cualquier momento podríamos editar un campo, pero con MUCHO cuidado de cambiar el tipo de campo, ya que podemos “reventar” literalmente el formato y los datos guardados:
Todo esto, cuando lo asociamos al custom-post correspondiente, nos lleva a tener una ficha donde podemos rellenar los datos desde el dashboard de WordPress como si estuviésemos publicando un post o página:
Como he dicho antes, podríamos introducir los datos desde el dashboard o utilizar Gravity Forms para introducirlos desde el front-end, permitiendo que lo hagan los usuarios.
Para que te hagas una idea, combinando todos los plugins de los que he hablado aquí podemos crear con WordPress algo como un sistema de clasificados o reservas de forma muy simple. Solo tenemos que añadirle Gravity Forms y Elementor Pro, del que vamos a hablar ahora mismo.
Puedes encontrar la versión gratuita de ACF (Advanced Custom Fields) para WordPress en el repositorio oficial: https://wordpress.org/plugins/advanced-custom-fields/
Si necesitas la versión premium de ACF, puedes encontrarla en su sitio web: https://www.advancedcustomfields.com/pro/
custom-fields, custom-posts y Elementor Pro
Hemos hablado de toda la parte “interna” pero, como he dicho antes, es muy fácil mostrar todo esto en el front-end utilizando Elementor Pro.
Con Elementor Pro, tal y como mostramos en su momento en el post del theme builder, podemos crear “fichas” con los custom-posts que nosotros queramos y cargar ahí los custom-fields de la forma que deseemos.
Además, si queremos darle un toque más avanzado podemos utilizar algún plugin como Dynamic.ooo, que nos permitirá subir todo al siguiente nivel.
Si sueles utilizar Elementor Pro, ya te habrás dado cuenta de que puedes cargar contenidos de forma dinámica utilizando campos dinámicos:
Utilizando el Theme Builder de Elementor Pro del que ya hablé en este blog podemos crear plantillas para los custom-posts con los custom-fields que tengamos guardados.
Cualquier campo de Elementor Pro puede cargarse de forma dinámica, usando los campos meta de la base de datos de WordPress o campos guardados en ACF.
Para finalizar, simplemente quiero decirte que es MUY fácil crear una ficha con el Theme Builder de Elementor Pro para un custom-post nuevo:
Esto, como puedes ver en la imagen anterior, se hace en las condiciones de visualización de los layouts de Elementor.
Te recuerdo que para utilizar los campos dinámicos de Elementor vas a necesitar Elementor Pro. Puedes comprarlo a través de la siguiente URL: https://alvaro.click/elementorpro
¿Quieres
recibir mis articulos?
No te pierdas todos mis trucos para WordPress, CMS, Marketing Digital y WPO.
33 Responses
Gran post Álvaro.
Una duda. ¿Como se puede vincular o relacionar CPT? ¿CPT UI lo permite?
Gracias
Hola Jaime, ¿a que relaciona te refieres? Precisamente en los videos muestro como vincular un custom field a un custom post, y también un custom-post a diferentes custom-taxonomies.
Creo que se refiere a algo a lo que también le estoy dando vueltas, pero no veo claro: hacer colecciones. Por ejemplo, tenemos varios custom post types sobre los Óscars: Películas, Actores, Directores, etc.
Y como taxonomías (etiquetas), por ejemplo: Premios (al mejor X, a la mejor Y…), Edición (2021, 2020…).
El problema para resolver es si queremos hacer una colección de todo lo que tiene que ver con una edición concreta. ¿Se podría crear un nuevo CPT de “Ediciones” con campos como “Palmarés”, donde el usuario solo tenga que seleccionar filtros con las taxonomías creadas? Y añadir más campos extra, como un resumen, galerías de fotos, etc.
¿O es mejor añadir campos a la taxonomía Edición, que ya tenemos creada, y crear una plantilla para esa página de archivo?
Hola Diego, si que se puede hacer, simplemente tienes que usar tipos de campo “Post object” y ahí puedes seleccionar elementos de otros custom-posts que tengas en tu instalación.
https://www.advancedcustomfields.com/resources/post-object/
Súper interesante, práctico y claro.
Muchas gracias!!!
Gracias a ti por el comentario Jorge 🙂
Hola Álvaro, muchas gracias por esta entrada con un muy interesante contenido. Tengo una duda, verás tengo una web de un concesionario hecha con Elementor pro + CPT+ACF y Ele Custom Skin. Al mostrar más de 9 post se ralentiza muchísimo la página, sin embargo con cualquiera de las plantillas predeterminadas CARDS, CLASSIC los muestra instantáneamente, sabes a que puede ser debido?
Muchas gracias y un saludo
Hola Jesus, pues no te puedo decir, ya que habría que ver como hace las consultas Ele Custom Skin, que no lo conozco.
Yo también tengo dos webs de concesionario, en una tengo el loop con JetEngine y otra con Dinamic.ooo (Advanced Posts V2), ambas con Elementor Pro, ACF y CPTUI, y ningún problema que yo haya visto, además siempre monitorizo las querys con Query Monitor y no noto nada raro.
Ambas opciones las tengo bastante “rodadas” ya que son mías y las llevo desde el minuto 1, ajustando cosas y demás. Lo que si, yo uso loops personalizados hechos con un template de Elementor para mostrar los datos que yo quiero en cada elemento.
Ok muchas gracias Álvaro, voy a echarle una ojeada a esas soluciones que propones.
Otra cosilla por si acaso, podría contratar tus servicios de asesoramiento? cuales son las tarifas? muchas gracias
Hola Jesús, envíame un email a través de: https:// alvarofontela.com/contacto y lo vemos, ya que justo ahora mismo me pillas bastante saturado de agenda y depende para lo que sea puedo aceptar o no.
Alvaro que buena explicación. Saludos de Perú.
He venido usando CPT unos meses, y normal las muestro en pantalla, uso divi para este cometido. Sin embargo me es difícil encontrar la funcionalidad de “filtros” para ello.
Hola Daniel, pues…la verdad es que no se si te funcionara con Divi pero yo utilizo para todo ahora mismo Search & Filter Pro: https://searchandfilter.com/
Hola, cuando creo una custom taxonomy y con las custom fields las utilizo para hacer una plantilla de contenido, en el fornt end se me muestra la id en vez del nombre de cada uno de los elementos de la taxonomía personalizada, ¿Cómo podría solucionarlo?
Hola Miriam, ¿con que estas sacando los datos? ¿Con código o con un pagebuilder?
Saludos Álvaro. Gracias por tu magnifico post. Tengo un problema con el tipo de campo grupo dentro de ACF. Cuando defino por ejemplo imágenes (1,2,3…) dentro de un grupo, luego no puedo acceder a ellas en Elementor Pro. Cuando selecciono el origen dinámico como ACF voy a key y no me muestra los campos definidos dentro del grupo ni el propio grupo. ¿Puesdes echarme una mano? Gracias!
Hola Ignasi, según mi experiencia, Elementor Pro no puede “cargar” un campo de grupo, de la misma forma que no puede cargar un repeater o un flexible.
Para hacer esto necesitas complementar Elementor Pro con algo como Dynamic.ooo o e-Addons, aunque tampoco te puedo garantizar que te permitan cargar un campo tipo grupo, ya que nunca he trabajado con ese tipo de campo, aunque si con repeaters y flexibles.
Hola Alvaro,
Geniales tus explicaciones!! Me he suscrito recientemente a tu news. Gracias por tanto aporte.
Te comento una duda que tengo, a ver si me arrojas un poco de luz de como plantearlo.
Estoy editando una web para venta de libros. Los libros tienes muchos campos personalizados (titulo, ISBN, fecha de publicacion, …..) pero alguno de ellos, como el autor, debe provenir de un listado dinamico donde voy creando los autores segun los voy dando de alta. Es decir, genero todos los datos de ese libro, y cuando llego al autor, deberia mostrarse un desplegable con el listado de autores que previamente he ido creando, y que puede ir creciendo.
Esos autores, deberian ser un CPT? y si es asi, como se agrega ese campo en un grupo de custom fields para que se muestren los autores?
Muchisimas gracias por tu ayuda.
Hola Alberto, esto se puede hacer de varias formas, pero…si, puedes hacerlo con un CPT de autores o incluso con una custom-taxonomy (como las categorias de los posts), ya que así puedes hacer filtrados y crear layouts fácilmente por autores, además de que aun autor puede escribir varios libros.
Hola Álvaro! Qué tal? Quería hacerte una pregunta.. utilizo theme Hello Elementor y Elementor Pro para maquetar mis plantillas. Claro, el caso es que el contenido de páginas y posts lo hago con Gutemberg. Tu también? O lo haces todo directamente en Elementor? El caso es que quiero insertar ciertos campos en el contenido de mi CPT. Imaginemos que quiero insertar un mapa de Google en todas mis páginas de mi CPT Playas, para explicar cómo llegar. Este campo, del mapa de Google… puedo manejarlo desde Gutemberg? O debo hacerlo desde Elementor Pro? Estoy teniendo bastantes problemas, ya que creé un CPT (en functions.php, directamente, creé el CPT en un post type generator online); en mi gestor de archivos he duplicado la single.php y ahora se llama single-wpn_playas.php. Por otra parte he creado un campo personalizado y en la single-wpn_playas.php he añadido el código php para mostrar el campo. Pues el caso es que sí se me ve en Gutemberg, mientras edito la página, al lado de opciones de Yoast me sale el mapa, por ejemplo, pero cuando le doy a publicar no se ve en la web publicada. Me estoy desesperando, ya que no sé que hago mal. No sé si está interfiriendo que la plantilla madre del CPT esté hecha con Elementor Pro…o qué no estoy haciendo bien. Puedes echarme un cable? Qué opinas? Gracias!
hola Álvaro como puedo rellenar los campos que cree con ACF, con datos de una tabla que estan ligados al ID de un producto de woocommerce, te agradecería mucho no he encontrado la solución
Hola Jefersson, pues la verdad es que no he entendido la pregunta, es un caso muy específico y para dar una respuesta de algo así necesito hacer una auditoria.
Hola, Álvaro, he venido varias veces a leer este post. jaja
Tengo un pequeño problema.
Tengo una taxonomía personalizada “tipo de organización”. No consigo mostrar su nombre con las etiquétas dinámicas de Elementor. Puedo utilizarla como enlace, más no me deja mostrarlo como texto dinámico. Algún consejo?
Saludos!
Hola Robbie, creo que para hacer eso vas a necesitar algo como los tokens de Dynamic.ooo o los de e-Addons para hacer la query.
Hola Alvaro interesante contenido. Tengo una consulta: Estoy creando un marketplace con Dokan Pro, el tema es que no tengo la posibilidad de “mostrar” los vendedores en las distintas categorías… me servirá CPT UI para este cometido? Como podria implementarlo?
Hola Martin, pues la verdad es que…es complicado decirte algo exacto.
Desconozco ahora mismo si Dokan Pro usa sus propios CPT. De todas formas, si las categorias ya las crea Dokan y lo que necesitas es mostrarlas, CPT UI no es para esto. Esto tienes que hacerlo con tu pagebuilder o theme usado (siempre que sean compatibles) y si no son compatibles, debes programarlo.
Hola Álvaro, a propósito de lo que preguntaron anteriormente, sobre relacionar Custom Fields, te agradeceré tu orientación, sobre lo siguiente:
1) Se tienen 2 Custom Post Type, “Platos Preparados” e “Ingredientes”, los cuales tienen los Custom Fields (Precio y Calorías)
2) Como “Platos Preparados” se construyen a partir de n “Ingredientes”, lo esperable es que los Custom Fields de “Platos Preparados” se completen a partir de los valores que tienen precisamente los Custom Fields de Ingredientes. Si acaso NO fuera necesario usar C.Fields para Platos Preparados, no habría problema, ya que sería calculados a partir de los valores de Ingredientes.
Ejemplo:
-Ingrediente 1: 100 ; 20 kcal
-Ingrediente 2: 200 ; 30 kcal
-Ingrediente 3: 150 ; 40 kcal
-Plato 1: 300; 50 kcal (ya que usa ingredientes 1 y 2)
-Plato 2: 350; 70 kcal (ya que usa ingredientes 2 y 3)
Si bien se pueden relacionar 2 Post, pero no es posible al nivel de Custom Fields calculados. Finalmente, campos calculados en Forms si es posible, pero sucede que esto es para tienda Woocommerce a nivel de producto.
¿Con ACF + CPT UI + Elementor se puede implementar? O se debe agregar otros plugins?
Muchas gracias
Hola Alvaro, que explicación mas genial, te felicito muy claro, vieras que estoy haciendo eso mismo por medio de codigos, cuando puedas nos explicas ejejeje, saludos
Hola Elvis, si quieres hacerlo por código, el plugin CPT UI te permite sacar el código generado para insertarlo tu mismo en el functions.php de tu theme activo.
Hola Álvaro, qué impacto SEO podría tener, específicamente en el posicionamiento, el crear las páginas de servicios con CPT, ya que son de tipo page y no post.
Hola Monica, ninguno, es contenido como cualquier otro. Los CPTs se usan para “clasificar” o para “organizar” mejor el contenido, e incluso para que tengan sus propias características. Pero a nivel SEO siempre y cuando cumplan unos mínimos de OnPage, el resto es irrelevante, es algo técnico que no afecta.
Hola Alvaro!! Muchas gracias por compartir tu experiencia y conocimiento de Wordpress.
Tengo una duda, estoy creando una web con wordpress tipo periódico digital, como la mayoría de este tipo de webs tiene una página de inicio donde aparece como cabecera la noticia destacada (categoría destacada) y luego con wpshow posts había organizado diferentes secciones de contenidos organizadas por otras categorías (internacional, nacional, etc..). El caso es que me gustaría preguntarte si sabrías decirme alguna manera de que cuando una noticias esta como noticias destacada, y como noticia internacional, no aparezca duplicada en la página, no se si me explico bien.
Seguro que es algo bastante sencillo, pero es la primera vez que hago un trabajo de este tipo y a pesar de que llevo mucho tiempo utilizando este framework no se muy bien como lo tendría que organizar, qué plugins utilizar, etc.
Mil gracias de antemano por tu ayuda!!
Hola Fernando, normalmente lo que comentas se hace con el propio plugin de listados, ya que se hace un “offset”. Es decir, al listado se le hace un -1 para que se salte el primer elemento de la query. Esto depende totalmente del plugin utilizado para sacar el listado.
Aquí hablan de esto: https://wordpress.org/support/topic/offset-posts-of-one-category-only/