(Tiempo estimado: 3 - 5 minutos)

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 (JED).

Cómo usar un campo personalizado con #Joomla y mostrarlo en un artículo - #MejorConJoomla Tuité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, 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
  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
  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

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

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

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

  • 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 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

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
  3. Aparece una ventana emergente (popup) con todos los campos creados.
    Campo personalizado Joomla en artículo
  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

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 Tuitéalo

Si quieres ver este campos personalizado en acción puedes hacerlo en los podcast de MastermindJoomla.

Espero que este artículo te haya servido para tus proyectos.

Si te ha gustado... ayuda a otros usuarios y compártelo ;-)

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.



Código de seguridad
Refescar

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo