Crear un certificado es el primer paso en el proceso de certificado de LearnDash. Una vez creado, puede asignar sus certificados a un curso o cuestionario .
Este artículo lo guiará a través del proceso de creación del certificado.
Agregar un nuevo certificado #
- Vaya a LEARNDASH LMS > CERTIFICADOS
- Haga clic en el botón Agregar nuevo
Serás dirigido a una nueva pantalla donde podrás comenzar a crear tu certificado. A continuación se ofrece una descripción general de cada tipo de información que se puede agregar a su certificado.
Título #
El título del certificado es sólo para uso interno. Tus usuarios no verán este título, pero será el nombre que aparecerá en los menús desplegables cuando vayas a aplicarlo a un curso o cuestionario. Asegúrate de ponerle un nombre que reconozcas.
Foto principal #
Agregar una imagen destacada es la forma en que aplica un diseño o estilo a su certificado.
- IMPORTANTE: Debes utilizar imágenes, de no más de 1MB de tamaño. Esto también mantiene el tiempo de carga al mínimo.
.jpg
- El tamaño de su imagen debe coincidir con el tamaño y la orientación de su página (ver más abajo). Si está utilizando un tamaño Carta de EE. UU. de 11 ″ x 8,5 ″ en orientación horizontal, su imagen debe coincidir con estas dimensiones. Si desea que sus certificados se vean geniales cuando se impriman, utilice también 300 ppp.
- Puede incluir texto como parte de su imagen. No hay restricciones sobre lo que incluye en la imagen, pero tenga en cuenta que se mostrará en todos los certificados a todos los usuarios. El texto contenido en una imagen no es dinámico y no se puede personalizar para cada usuario.
Para agregar una imagen destacada:
- Haga clic en el enlace «Establecer imagen destacada»
- Elija una imagen de su biblioteca multimedia o cargue una nueva
- Haga clic en el botón Establecer imagen destacada
PROBLEMAS CONOCIDOS
Se sabe que algunos complementos de optimización de imágenes causan problemas con las imágenes de certificados. Si sus imágenes están distorsionadas o contienen grandes áreas completamente negras, desactive la optimización de imágenes para las imágenes que utiliza para los certificados.
Cómo crear una imagen #
Puede utilizar cualquier programa de creación o edición de imágenes que desee, contratar a un diseñador o utilizar imágenes de una biblioteca de gráficos (verifique la licencia para asegurarse de tener permiso). Aqui hay algunas sugerencias:
- Canva te permite usar plantillas prediseñadas de forma gratuita y agregar algunas personalizaciones propias. Hay pequeñas actualizaciones disponibles y muy asequibles.
- Envato Elements es una biblioteca de gráficos premium con toneladas de plantillas de certificados prediseñadas.
- Creative Market es otro mercado premium donde puede encontrar plantillas de certificados, así como gráficos para crear los suyos propios.
- Creative Cloud de Adobe también es una opción para usuarios más orientados al diseño, o cualquiera que ya esté familiarizado con su software de diseño (Photoshop, Illustrator, InDesign, etc.). Se requiere una suscripción premium.
Contenido #
El contenido de su certificado consistirá principalmente en campos dinámicos que se generan para cada usuario individual al que se le otorga un certificado. Por ejemplo:
- Nombre de usuario
- Título del curso
- Fecha de realización
- …etc.
Estos tipos de campos dinámicos se insertan mediante códigos cortos.
Al agregar el contenido de su certificado, necesitará usar algo de HTML y CSS para configurar el diseño general, el espaciado, el tamaño, etc. A continuación, lo guiaremos a través de algunos diseños comunes y cómo lograr varios diseños.
Estilos personalizados de certificado (CSS) #
Si conoce los códigos y estilos CSS, puede agregar su propia hoja de estilos CSS personalizada para aplicarla globalmente a todos sus certificados.
Lo puedes encontrar aquí:
- Vaya a LEARNDASH LMS > CERTIFICADOS
- Haga clic en la pestaña Configuración
- Desplácese hacia abajo hasta el metabox «Estilos personalizados (CSS)»
Al agregar sus propios estilos CSS personalizados, elimina la necesidad de volver a escribir y cambiar el estilo constantemente de todos los elementos que agrega a sus certificados. Puede asignar fácilmente clases e ID a estos elementos (por ejemplo, párrafos, formas y encabezados) y luego agregar los estilos que se aplicarán globalmente a todos sus certificados. Esto le ayudará a mantenerse fiel a la marca.
NOTA
Los estilos personalizados de certificado (CSS) solo se aplican a certificados heredados, por ejemplo, certificados creados utilizando el método indicado anteriormente. Estos estilos no se aplicarán a los certificados creados con el complemento Certificate Builder.
Espaciado vertical #
Es posible que desee insertar el título del curso en la parte superior de un certificado, el nombre del usuario en el medio, tal vez en la fecha de finalización en la parte inferior, etc. Una de las mejores formas de controlar el espaciado vertical y mover el contenido hacia arriba o hacia abajo en su certificado, es para usar la propiedad.line-height
Siempre que necesites insertar un espacio vertical en blanco, puedes utilizar el siguiente código:
<p style="line-height:20px;"></p>
Esto agregaría 20 píxeles de espacio vertical. Puede ajustar el 20px
a otro valor. Dado que nuestro certificado final utiliza pulgadas, no píxeles, deberá jugar con este valor para lograr el resultado deseado. (consulte a continuación para obtener una vista previa de los certificados )
Puede insertar tantos espaciadores como necesite a lo largo del certificado.
Espaciado horizontal (sangría) #
Hay algunas formas de lograr el espaciado horizontal.
Si necesita centrar su texto en el medio del certificado, puede usar . A continuación se muestra un ejemplo del nombre del usuario, centrado horizontalmente:text-align:center;
<p style="text-align:center;">[usermeta field="first_name"]</p>
De forma predeterminada, todo el texto se alineará con el borde izquierdo del certificado (borde derecho para idiomas RTL). Si necesita sangrar algo, puede utilizar la propiedad. A continuación se muestra un ejemplo de la fecha de finalización del curso que se empuja verticalmente hacia la parte inferior de la página y luego se sangra para moverla a la esquina derecha.text-indent
<p style="line-height:150px;"></p>
<p style="text-indent:200px;">[courseinfo show="completed_on" format="F j, Y"]</p>
Deberá ajustar los valores 150px
y 200px
para que coincidan con la imagen de su certificado.
Tamaño de fuente #
También puedes ajustar el tamaño de fuente de cualquier texto. Digamos que desea que el nombre y apellido de su usuario sean bastante grandes ( 30px
), luego un pequeño espacio vertical ( 10px
) y luego el título del curso no tan grande como el nombre ( 20px
), puede hacer esto:
<p style="font-size:30px;">[usermeta field="first_name"] [usermeta field="last_name"]</p>
<p style="line-height:10px;"></p>
<p style="font-size:20px;">[courseinfo show="course_title"]</p>
Familia tipográfica #
Diferentes computadoras vienen preinstaladas con diferentes fuentes. Algunos usuarios tendrán una fuente instalada y otros no. Por lo tanto, no hay mucha flexibilidad con el uso de fuentes personalizadas en la creación de certificados. Sin embargo, puedes cambiar entre fuentes serif y sans-serif, ya que ambas deberían funcionar para la mayoría de tus usuarios. A continuación se muestra un ejemplo que utiliza una fuente serif genérica:
<p style="font-family:serif;"></p>
Color #
Puede ajustar el color de cualquier texto de su certificado. Si su imagen tiene un fondo oscuro, puede usar la color
propiedad para que el texto sea blanco.
<p style="color:#ffffff;"></p>
Puedes combinar varias propiedades al mismo tiempo. Si quisieras sangrar el nombre y apellido del usuario, ajustar el tamaño de fuente y cambiar el color a rojo, se vería así:
<p style="text-indent:20px;font-size:30px;color:red;">[usermeta field="first_name"] [usermeta field="last_name"]</p>
Opciones de certificado #
Hay algunas opciones adicionales que puede configurar para su certificado.
Tamaño de página PDF #
Elija entre las siguientes opciones:
- Carta de EE. UU. (predeterminada): 8,5 ″ x 11 ″
- A4: 8,3″ x 11,7″
Orientación de la página PDF #
Elija entre las siguientes opciones:
- Paisaje (predeterminado): el ancho es más largo que el alto
- Retrato: la altura es más larga que el ancho
Formato de archivo de certificado #
Cuando un usuario obtiene un certificado, ya sea al completar un curso o al superar el umbral de certificado para una prueba, podrá descargarlo en formato PDF. Todos los certificados de LearnDash se proporcionan como un archivo..pdf
Cuando un usuario hace clic en un botón para obtener su certificado, algunos navegadores web abrirán el archivo PDF en el navegador y otros podrán descargar el archivo a la computadora del usuario. Cualquiera que sea el comportamiento predeterminado del navegador de ese usuario, así es como se comportarán también los certificados de LearnDash.
Vista previa de certificados #
Antes de aplicar su certificado a un curso o prueba, querrá obtener una vista previa para poder ver su apariencia. Puede crear una prueba de prueba rápida que solo se utiliza para obtener una vista previa de su certificado.
- Crea tu certificado y asegúrate de publicarlo .
- Luego, navega a LEARNDASH LMS > CUESTIONES
- Haga clic en Agregar nuevo para crear una nueva prueba.
- Dale un título al cuestionario
- En la pestaña Configuración , junto a Certificado de prueba , elija el certificado del que desea obtener una vista previa.
- Agregue una pregunta de opción única al cuestionario, con una respuesta correcta obvia
- Publicar el cuestionario
- Abra el cuestionario en una nueva pestaña
- Elija la respuesta correcta y haga clic en Finalizar prueba
- Haga clic en el botón Imprimir su certificado
Alternativamente, puede crear un curso de prueba con una sola lección. Luego, marcará esa lección como completada y podrá ver su certificado de esa manera.
Esto abrirá su certificado en una nueva pestaña para que pueda obtener una vista previa. Mantenga esta pestaña abierta y cada vez que realice un cambio en su certificado en el backend, simplemente actualice esta página y se cargará la versión actualizada de su certificado.
NOTA
No olvide eliminar este cuestionario (o curso) cuando haya terminado de probar su certificado.
Volver a descargar sus certificados #
Los usuarios que hayan obtenido certificados de cursos y cuestionarios pueden volver a descargarlos visitando los cursos que tomaron. Al abrir esos cursos y cuestionarios, verán un mensaje que dice «Obtuviste un certificado» y un botón para ver o descargar el certificado.
Esto también aparecerá en la página de perfil cuando uses el shortcode .ld-profile