[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Cómo usar un campo personalizado en un artículo Joomla [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 20 Febrero 2019 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 3 - 5 minutos Visitas: 8732 - - [ Formación Joomla ](https://sergioiglesias.net/etiquetas/formacion-joomla) - [ Cursos Joomla ](https://sergioiglesias.net/etiquetas/cursos-joomla) - [ Blog Joomla ](https://sergioiglesias.net/etiquetas/blog-joomla) ![](https://sergioiglesias.net/images/blog/tips/como-usar-campos-personalizados-joomla.png) Sois muchos los que me preguntáis **cómo usar los campos personalizados en Joomla** desde que publicara los que he [desarrollado para Joomla 3 en el centro de extensiones](https://extensions.joomla.org/profile/profile/details/160902/) (JED). Cómo usar un campo personalizado con #Joomla y mostrarlo en un artículo - #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-usar-un-campo-personalizado-en-un-articulo-joomla "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-un-campo-personalizado-en-un-articulo-joomla&text=C%C3%B3mo%20usar%20un%20campo%20personalizado%20con%20%23Joomla%20y%20mostrarlo%20en%20un%20art%C3%ADculo%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20usar%20un%20campo%20personalizado%20con%20%23Joomla%20y%20mostrarlo%20en%20un%20art%C3%ADculo%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-un-campo-personalizado-en-un-articulo-joomla "Envíalo") Así que como no quiero que te quedes con la duda de su funcionamiento, te voy a explicar paso a paso cómo usar uno de estos campos. Para este ejemplo voy a usar [CF iVioox](https://extensions.joomla.org/extensions/extension/authoring-a-content/custom-fields/cf-ivoox/), que **integra un podcast de la plataforma iVoox en un artículo Joomla**. Vamos al lío... ## Pasos para usar un campo personalizado en Joomla ### 1/ Instalar campo personalizado Lo primero de todo será instalar el campo personalizado que necesitamos. Si los campos personalizados que vienen por defecto en Joomla te valen para tu cometido, no hará falta que hagas este paso. Para instalarlo podemos hacerlo de varias formas: `Administrator > Extensiones > Gestionar > Instalar` 1. **Instalar desde la web**: buscando por el nombre del campo personalizado "CF iVoox" te aparecerá en los resultados y podrás instalarlo directamente desde aquí. ![Instalar campos personalizados Joomla desde web](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/instalar-campos-joomla-1_1230.png?version=ad667ba9127293b4a6c7fcd1b4b5e49b) 2. **Subir archivo del paquete**: tienes que descargar el campo desde la web de descarga y luego instalarlo desde aquí. ![Instalar campos personalizado Joomla subiendo paquete](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/instalar-campos-joomla-2_1230.png?version=fdeede5fd27c5582b8c14b2a3a0f344d) 3. **Instalar desde URL**: tienes que copiar y pegar la web de descarga (en este caso `https://github.com/sergiois/cfivoox/archive/master.zip`). ![Instalar campos personalizados Joomla desde URL](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/instalar-campos-joomla-3_1230.png?version=4f05e5cfe93df5cb4049850b162ce62d) ### 2/ Habilitar campo personalizado A no ser que el campo personalizado en su instalación se habilite de forma automática, tienes que ir a `Administrator > Extensiones > Plugins` y buscar el plugin instalado para habilitarlo. Para buscarlo puedes hacerlo a través de su nombre o filtrando por tipo "fields": ![Habilitar campos personalizados Joomla](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/habilitar-campos-joomla_1230.png?version=cbbd7a841113e302bbfb1ca1aa8c5f63) *NOTA: dentro de la configuración del campo, siempre que haya parámetros de configuración, puedes hacer una por defecto.* ### 3/ Crear campo personalizado Una vez instalado y habilitado tienes que ir a `Contenido > Campos` para crear uno de este tipo (CF iVoox). ![Crear campo personalizado Joomla](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/crear-campo-personalizado-1_1230.png?version=61c794be51c7980a311f98ff408c7ca7) Los campos más importantes de la pestaña `General` son: - Título - Tipo - Etiqueta Luego tienes la posibilidad de: - Añadir una descripción - Indicar si es o no requerido - Poner un valor predeterminado Y en este caso, también tienes la opción de: - Seleccionar el color del reproductor - Seleccionar el tipo de reproductor También es importante decir a qué `Grupo de campos` pertenece (esto hará que si lo pones en algún grupo que exista, el campo aparecerá en una pestaña con ese nombre dentro de la pantalla de edición de un artículo). Otro dato a tener en cuenta es la categoría a la que pertenece. Por defecto está para que el campo se muestre en todas las categorías pero puedes definir la categoría o categorías en las que debería aparecer. En cuanto a la pestaña de `Opciones` decir qué es donde se encuentran las opciones de renderizado, es decir, las opciones de **cómo se va a mostrar en la parte de Front** (en la vida del artículo). ![Crear campo personalizado Joomla - Opciones](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/crear-campo-personalizado-2_1230.png?version=f6cb0bb2114cb6ae10fbdc674d80a461) - Puedes mostrar o no la etiqueta (la que has definido en la pestaña anterior). - Puedes decir que se visualice de forma automática y, de entre estas opciones, puedes seleccionar únicamente las siguientes: - Después del título - Antes de la visualización - Después de la visualización - No mostrar automáticamente Dependiendo de lo que necesites te puede valer una u otra de estas opciones. Si vas a poner el campo de forma personalizada (tanto a través del botón de editor como de [overrides de plantillas](https://sergioiglesias.net/blog/joomla/345-como-hacer-un-override-de-la-vista-de-articulo-en-joomla) te recomiendo que uses la última (No mostrar automáticamente). ### 4/ Usar campo personalizado en artículo Realizados todos los pasos anteriores si vas a la pantalla de edición/creación de artículo verás una pestaña llamada `Campos` (a no ser que hayas creada algún Grupo de campos en cuyo caso aparecerá el nombre que le hayas dado; siempre y cuando ese campo se tenga que visualizar en la categoría seleccionada). ![Campo personalizado Joomla en artículo](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/campo-personalizado-articulo-1_1230.png?version=cc3b11565242a27de6cd57a8e74d7d89) Si has usado cualquiera de las 3 primeras opciones de renderizado (Después del título, Antes de la visualización o Después de la visualización) el campo aparecerá en esa posición. Si has usado la última (No mostrar automáticamente) puedes "cargar" el campo en la posición del artículo donde quieras. Para hacer esto basta con: 1. Colocar el cursor en el lugar donde se quiera mostrar. 2. Hacer clic en el botón de ` Campo`. ![Campo personalizado Joomla en artículo](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/campo-personalizado-articulo-2_1230.png?version=ace9a319b78194c866154491b2da7330) 3. Aparece una ventana emergente (popup) con todos los campos creados. ![Campo personalizado Joomla en artículo](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/campo-personalizado-articulo-3_1230.png?version=5021f977f8006fc57f69c435c06606c5) 4. Seleccionar el que quieras mostrar. 5. Aparecerá en el editor algo como lo sigueinte `` (donde 2 es el ID del campo). ![Campo personalizado Joomla en artículo](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/usocampos/campo-personalizado-articulo-4_1230.png?version=9ee4d87d6d41f29c5bf01a4ef011bc46) De esta forma el campo se visualizará en esa poción dentro del artículo. --- ¿Sabes cómo crea un campo personalizado en #Joomla y mostrarlo en un artículo? Aquí te lo explico [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-usar-un-campo-personalizado-en-un-articulo-joomla "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-un-campo-personalizado-en-un-articulo-joomla&text=%C2%BFSabes%20c%C3%B3mo%20crea%20un%20campo%20personalizado%20en%20%23Joomla%20y%20mostrarlo%20en%20un%20art%C3%ADculo%3F%20Aqu%C3%AD%20te%20lo%20explico "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=%C2%BFSabes%20c%C3%B3mo%20crea%20un%20campo%20personalizado%20en%20%23Joomla%20y%20mostrarlo%20en%20un%20art%C3%ADculo%3F%20Aqu%C3%AD%20te%20lo%20explico%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-un-campo-personalizado-en-un-articulo-joomla "Envíalo") Si quieres ver este campos personalizado en acción puedes hacerlo en los [podcast de MastermindJoomla](https://mastermindjoomla.com/). Espero que este artículo te haya servido para tus proyectos. Si te ha gustado... ayuda a otros usuarios y compártelo ;-) [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*