Agregar un campo personalizado de edad a un perfil en WordPress utilizando Advanced Custom Fields (ACF) y Elementor Pro es un proceso sencillo que implica crear el campo personalizado en ACF y luego integrarlo en tu diseño con Elementor. Aquí tienes un tutorial paso a paso:
Instalar y configurar ACF
1 - Instala y activa ACF:
- Ve a Plugins > Añadir nuevo, busca Advanced Custom Fields y actívalo.
- https://es.wordpress.org/plugins/advanced-custom-fields/
2 - Crear el campo de edad:
Ve a Campos Personalizados > Añadir Nuevo.
- Asigna un título al grupo, por ejemplo, Información de perfil.
- Haz clic en Añadir campo.
- Etiqueta del campo: "Edad".
- Nombre del campo: date_of_birth (muy importante)
- Tipo de campo: Selector de fecha
- Formato de retorno: Y-m-d (personalizado)
- Ubicación:
- Configura dónde se mostrará este campo (por ejemplo, selecciona "Actor" ya que en mi caso estoy haciendo un sitio de series).*
- Guarda el grupo de campos.
* El campo actor fue antes configurado en tipos de contenido.
3 - Agregar el campo de edad a un perfil de usuario
- Ve al perfil que estas editando y coloca la fecha de nacimiento
4 - Diseñar con Elementor Pro
Personaliza el estilo según lo necesites.
- Crear o editar la plantilla del perfil:
- Ve a Plantillas > Constructor de temas y selecciona Añadir nueva plantilla.
- Escoge un tipo de plantilla relevante, como "Página de usuario" o "Perfil de autor".
- Diseña la estructura general del perfil utilizando los widgets de Elementor.
- Añadir el campo de edad:
- En el editor de Elementor, agrega un widget de texto
- en los campos dinamicos elige PHP
- pegar el siguiente codigo
if(get_field('date_of_birth')) {
$date = get_field('date_of_birth');
$birthday = new DateTime($date);
$interval = $birthday->diff(new DateTime);
?>
Edad: <?php echo $interval->y ; ?> años<?php } ?>
Y listo
Con estos pasos, podrás agregar y mostrar el campo de "Edad" en los perfiles de usuario con ACF y Elementor Pro de manera fácil y profesional. 😊
Subir
Deja una respuesta