Gestores de contenidos

e-Learning, Gestores de contenidos, Trucos

Attendance: plugin para registrar la asistencia en Moodle

En ocasiones necesitas que quede  un registro de la asistencia tanto de los profesores como de los alumnos en los cursos de Moodle. Hoy os hablamos del módulo Attendance que es excelente para ello. En qué consiste Attendance. Attendance es un plugin de Moodle que se instala como cualquier otro módulo (desde el backend buscando el plugin o añadiéndolo tras descargar el fichero zip). Lo primero que debéis hacerlo es instalarlo. Además, recomiendo que instaléis también el plugin bloque de Attendance que permite añadir un bloque en las barras laterales o secciones de nuestra plantilla para reflejar dicha asistencia. Una vez instalado, como todos, hay que configurarlo. La configuración es sencilla, básicamente qué valores poner por defecto. Después, hay que ir al curso en el que quieras gestionar la asistencia y añadirlo como actividad. Para ello edita el contenido de una sección y pincha en Añadir Actividad o Recurso. Una de las primeras secciones que veréis es el de Attendance. Si has añadido el plugin bloque también recuerda añadirlo en la barra lateral en la posición que quieras. Una vez añadida la actividad, sólo tienes que pinchar en ella para entrar en el menú de asistencia. Ahí lo primero que tienes que añadir son las sesiones (clases). Es muy sencillo porque si se repiten sólo hay que añadir la primera, y luego activar la casilla de repetición. Esto crea todas las sesiones con los alumnos y profesores del curso. Los alumnos y profesores sólo tienen que pinchar en el botón verde para registrar la asistencia. Por defecto los valores son Present, Late, Absent or Excused pero puedes cambiarlos en la pestaña Status Check. Ventajas del plugin. Manera centralizada y en la misma plataforma de gestionar asistencia de profesores y alumnos. Se pueden generar reportes de manera sencilla. Las sesiones se crean muy rápido. Los estados los puedes modificar. Puedes configurar que sólo los profesores puedan confirmar la asistencia, o que también lo puedan hacer los alumnos. Si lo hacen los alumnos puedes configurar que sólo sea durante las horas de clase (no les deja fuera de esas horas) o en un tiempo determinado después. El profesor puede modificar las asistencias y puede introducir comentarios. El profesor ve la asistencia de todos. El alumno sólo la suya. Si añades el módulo bloque el alumno puede ver un resumen de su asistencia en el bloque. La asistencia puede puntuar o no, depende de tu configuración. Puede puntuar negativamente si quieres. Manda un aviso automatizado (si quieres) si la asistencia es menor que un porcentaje.   La verdad es que nosotros que lo hemos activado hemos encontrado este plugin muy sencillo, efectivo y rápido de configurar.    

Diseño Web, Gestores de contenidos

Cómo añadir código en un post de WordPress sin plugin, o en una página de html

Cuando queremos añadir código en un post de WordPress o en una página web, el peligro que tenemos es que nos interprete parte de dicho código. Evidentemente el navegador no sabe si queremos que sea código mostrado o ejecutado. Hoy os enseñamos a hacerlo sin tener que instalar un plugin. Cómo añadir código sin que lo interprete. Usando servicios externos. Siempre podemos usar servicios externos, algunos muy famosos, como Pastebin o Gist: https://gist.github.com https://pastebin.com/ Estos servicios nos dejan pegar código, y hacer un embed (insertarlo en nuestra web). Cuidando el formato y el facilitando esta funcionalidad. Pero puede que no te apetezca tener código en sitios externos, o que no te fíes. Con páginas para convertir etiquetas a códigos html. Hay páginas web (os dejamos dos) que convierten etiquetas a código html. Así el navegador muestra el símbolo de la etiqueta y no lo interpreta. Convierte etiquetas como: < a &lt; > a &gt; ‘ a &#039; ” a &quot; & a &amp; http://www.elliotswan.com/postable/ http://www.html-entities.org/ En el vídeo explicamos cómo usarlos.

Diseño Web, Gestores de contenidos

Casilla de Aceptación de Condiciones de Uso en los formularios de Prestashop 1.7

Siguiendo con la serie de artículos dedicados a crear casillas de Aceptación de Tratamiento de Datos en los formularios de contacto de las páginas web, algo obligatorio por la ley, hoy os dejamos una manera de hacerlo en Prestashop 1.7. Cómo crear la casilla. Os recomendamos ver el artículo sobre cómo crearlo en html, porque es una versión sencilla de este. En este caso vamos a usar casi el mismo código pero con JQuery. Para crear la casilla lo primero es editar por FTP la plantilla de contacto del tema. Está en: themes/tutema/modules/contactform/views/templates/widget/contactform.tpl A esta plantilla vamos a realizarla los siguientes cambios que explicamos en el vídeo:- Añadimos una casilla desmarcada con html. La damos un ID (el que queramos).– Añadimos una frase explicativa. Nosotros además hemos hecho que se pueda traducir desde el backend.– Añadimos un enlace a esa frase o a otra (nosotros hemos puesto otra en el ejemplo y también hemos habilitado su traducción). Este enlace apunta a una página cuya url cogemos desde Desing>Pages en el backend.– Damos un id al botón para poder referenciarlo desde el script, y le añadimos la característica disabled para que, si no está marcada la casilla, no se pueda enviar.– Añadimos el scritp (aquí o en la página de js de la plantilla) para comprobar si está activada o no la casilla y cambiar el estado disabled. Este es el código que añadimos en el footer: <footer class=”form-footer text-sm-right”> <input id=”botoncont” class=”btn btn-primary” type=”submit” name=”submitMessage” disabled value=”{l s=’Send’ d=’Shop.Theme.Actions’}”> <input type=”checkbox” name=”terms” id=”terms1″ value=”No”> {l s=’Acepto las condiciones de uso’ d=’Shop.Theme.Actions’}<a href=”{$base_dir}/{$language.language_code}/content/3-terminos-y-condiciones-de-uso” onclick=”window.open(this.href); return false;”>{l s=’ : CONDICIONES DE USO’ d=’Shop.Theme.Actions’}</a> </footer> </form> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <script type=”text/javascript”> $(‘document’).ready(function() { $(“#terms1”).change(function() { $(“#botoncont”).prop(‘disabled’, !this.checked) }); }); </script> En el vídeo podéis ver la explicación y demostración, y debajo tenéis el código.

Diseño Web, Gestores de contenidos

Crear subdominios como alias de otros en un multisite de WordPress

Hace un tiempo os hablamos de los multisite de WordPress y cómo usar varios dominios en él. No son para cualquier proyecto, siempre es mejor un hosting para esa web, pero en ocasiones puede interesarnos (ahorro de costes, proyectos que empiezan, demos…). Hoy os enseñamos a asociar subdominios como alias de otros presentes en este multisite. Cómo agregar un dominio a un multisite. En el artículo de cómo agregar dominios explicamos cómo se podía agregar un dominio y hablábamos del plugin WordPress MU Domain Mapping. Desde la versión 4.5 , no es necesario este plugin para añadir un dominio personalizado a un multisite. Sólo hay que añadir el sitio en el menú, y una vez creado (crea por ejemplo demo1.dominio.com) lo podemos editar y cambiar el site URL a nuestro dominio. Si tenemos ese dominio apuntado en el DNS a la IP del multisite, llegará ahí y este lo llevará al sitio creado. Sin embargo, todavía parece ser necesario este plugin para crear alias, es decir para que otro dominio apunte a un dominio existente en el multisite. Por ejemplo midominio.com y midominio.es ambos en el mismo sitio. Crear un alias. Para crear un alias tenemos que seguir los mismos pasos que para agregar un dominio. Agregamos un sitio. Eso nos va a crear por ejemplo sitioprimero.midominio.com . Recordad que ya existe sitiofinal.midominio.com en este multisite al que seguramente se llegará con sitiofinal.com. Suponemos que sitioprimero.es apunta en DNS al multisitio. Editamos el sitio (sitioprimero.midominio.com) y nos fijamos, en la url, en el id que tiene. Vamos (con el plugin instalado) a Ajustes>Dominios y agregamos un nuevo dominio, con el nombre del alias (sitioprimero.es), con el id anterior. Así asociamos el dominio que queremos como alias (sitioprimero) a ese site creado. Después vamos el sitio creado en el paso 1 de esta lista (sitioprimero.midominio.com), lo editamos y en el Site Url cambiamos la url por el dominio al que queremos redirigir. Por ejemplo sitiofinal.com Con esto ya debería funcionar. Si escribimos sitioprimero.es , irá al DNS, este le llevará al multisite. El multisite comprobará en dominios y lo asociará al sitio del ID mapeado. Después irá al sitio y verá que la url es otra, la del final, y te llevará ahí. Fijaos que, en principio (que sepamos), no podemos hacerlo sin el plugin porque tendríamos dos sitios con la misma URL (sitiofinal.com) y no sabría que dominio poner.  

Diseño Web, Gestores de contenidos

Easy Digital Downloads. Plugin de WordPress para vender productos digitales

Si quieres abrir una tienda en WordPress, la solución que nos viene a la cabeza a todos es WooCommerce. Y si, es genial, y muy versátil…pero puede que no sea la mejor solución para todos los casos. En concreto, para los productos digitales (ebooks, diseños, temas, plantillas, manuales, canciones…) hay un plugin específico que puede que sea más adecuado: Easy Digital Downloads. Es verdad que WooCommerce tiene el botón de virtual para poder vender el producto digital. Pero Easy Digital Downloads se creo específicamente para ello. Sobre Easy Digital Downloads. Este plugin es un sistema perfecto para crear una tienda donde los productos no sean físicos (si lo fueran escoge WooCommerce). Se ha creado en un sistema freemium, es decir es gratuito para las funcionalidades básicas y dispone de extensiones tanto gratuitas como de pago con las que se pueden hacer muchas más cosas. En el caso de productos digitales las ventajas de Easy Digital Downloads son: Fácil de usar. Casi desde su instalación puedes usarlo para vender. Gestiona mejor los temas de licencias de uso. Gestión de clientes en el backend, se pueden hasta bloquear. Descuentos en productos con muchas opciones Comunidad de soporte Muchos temas para cambiar el aspecto. Las extensiones son algo más baratas que en WooCommerce. Sistema de créditos, puntos o valoración. Código abierto publicado en Github. Desventajas. El tema de las pasarelas de pago. Tiene Paypal y algunas más, muchas con extensiones de pago. PERO no para el sistema español. Tendrías que comprobar si tu pasarela de pago es compatible. Tenéis una demo aquí. Conclusión. Si quieres vender productos físicos escoge WooCommerce, también si mezclas ambos tipos de productos. Pero si tu tienda va a ser sólo de productos digitales este es un gran plugin. Eso si, comprueba antes que tus pasarelas de pago sean compatibles.        

Diseño Web, Gestores de contenidos

Flamingo: plugin de WordPress para almacenar en la web los mensajes de Contact Form 7

Contact Form 7 es uno de los plugins más usados para formularios de contacto, uno de nuestros preferidos. Además, de estar en continuo desarrollo, y tener mucha documentación, tiene muchos plugins derivados que añaden funcionalidad. Hoy vamos a hablar de uno de ellos (creado por el mismo autor), Flamingo, que guarda los mensajes enviados con un formulario de Contact Form 7 en la base de datos. Ventajas de Flamingo. La gente que necesita Flamingo encuentran estos fallos en Contacto Form 7: si hay errores en el formulario o en el servidor, los mensajes se pueden perder. Lo bueno de Flamingo es que, por un lado guarda el mensaje, y por otro lo envía. Así que, aunque no nos llegue al correo, está en la web. Si más de una gente comparte la administración de la web, y no tenemos Flamingo, deberían compartir también el correo. Tener Flamingo permite que mucha gente pueda comprobar los mensajes que nos llegan a la web. Guarda también una libreta de direcciones de la gente que nos envía los mensajes.

Artículos subvencionados, Diseño Web, Gestores de contenidos, Trucos

Los mejores consejos y trucos de WordPress

Si utilizas WordPress para gestionar tu sitio web, habrás encontrado una maravillosa y potente herramienta para crear casi cualquier sitio web, la cual te trae a tu alcance miles de funcionalidades específicas que puedes utilizar para tener un sitio de auténtica calidad profesional. Si bien se trata de la plataforma más amigable con el usuario, deberás saber que existen muchas opciones, parámetros y características un poco más ocultas que puede que aún no conozcas ya que se trata de un sistema muy completo. Este artículo te brinda un breve recorrido por aquellas prácticas que puedes utilizar para sacarle mayor provecho a esta excelente plataforma tan popular entre los sistemas de administración de contenido o CMS’s por sus siglas en inglés. Para probar estos trucos y consejos, debemos por supuesto tener nuestro sitio WordPress funcionando, lo cual requiere que lo hayas instalado previamente. Si aún no lo has hecho, es momento de iniciarse con esta potente y versátil plataforma. Para tener un detalle de las instrucciones a seguir, puedes utilizar este tutorial de Hostinger paso a paso que te servirá de gran ayuda. Una vez disponible nuestro sitio WordPress podremos proceder con los siguientes consejos o trucos.   #1: Publicación programada: Cuando damos una entrada a nuestro blog no necesariamente queremos que sea visible inmediatamente, sino que por ejemplo podemos estar buscando que se publique para cierto evento determinado y por supuesto, no sería una herramienta tan potente si no pudiéramos programar la publicación para un momento en particular. Para activar esta función, debemos escribir el post o artículo como hacemos regularmente, pero antes de hacer clic en publicar debemos proceder de la siguiente manera: – En el panel “Publicar” de la columna derecha, donde dice: “Publicar inmediatamente” hacer clic en “Editar” – Seleccionar fecha y hora de la publicación y luego clic en “Aceptar” – Observar que el botón “Publicar” ha cambiado a “Programar” y hacer clic en el mismo. Listo, ya tienes tu publicación programada para la fecha y hora que elegiste. Por supuesto que puedes editar esta programación, solo debes tener en cuenta que la configuración de zona horaria debe ser correcta para que la hora sea la adecuada según el lugar del mundo donde te encuentres. Esto se puede cambiar en ajustes generales. #2: Editar imágenes ya cargadas: Uno de los grandes gastos de tiempo en cuanto a publicaciones en sitios web, es la edición básica de imágenes, como puede ser recortar, rotar o reflejar. Pero no es necesario hacer los cambios y volver a subir la imagen ya que con WordPress puedes hacerlos aunque las imágenes ya han sido subidas y ahorrarte todos los pasos intermedios. Para ello simplemente debes hacer clic en la imagen a editar dentro de la edición de una publicación y hacer clic en el botón con el ícono de lápiz. Luego clic en “Editar original” y ahí puedes seleccionar el cambio que quieras hacer con la herramienta adecuada. Por último, clic en “Guardar” y luego en “Actualizar” y ¡listo! #3: Atajos del teclado: Otro recurso para ganar más tiempo y dedicarse a lo que realmente importa en tu sitio web, es el conjunto de atajos del teclado que tiene funciones asignadas de forma predeterminada, las cuales han sido pensadas según el criterio de frecuencia de uso. A continuación, se listan los más relevantes: Primera tecla Segunda tecla Tercera tecla Resultado Ctrl C, X   Copiar o Cortar elementos seleccionados respectivamente. Ctrl V   Pegar elementos copiados o cortados. Ctrl Z, Y   Deshacer o Rehacer acción respectivamente. Ctrl B, I, U   Establece el texto seleccionado en negrita, cursiva o subrayado respectivamente. Alt Shift I, J, C, R Alinear el texto a la izquierda, justificado, al centro o a la derecha respectivamente. Alt Shift A, S Insertar o Eliminar link respectivamente. Alt Shift X Abrir o Cerrar etiqueta code para incluir instrucciones de códigos de programación en el cuerpo de texto. Alt Shift 1, 2, 3, 4, 5, 6 Inserta etiqueta HTML de tipo H1, H2, H3, H4, H5, H6 respectivamente. Alt Shift H Muestra un cuadro de diálogo con los atajos anteriormente descritos y otros más.   #4: Edición masiva: Cuando tenemos una enorme cantidad de entradas en nuestro blog y necesitamos cambiar algunas opciones o parámetros a varias de ellas, no esperaríamos que se deban hacer una por una ¿verdad? Entonces para que esto sea posible, debes ir a la sección: “Todas las entradas”, luego en el cuadro desplegable que dice “Acciones por lote” y elegir la opción de “Editar”. Por último, hacer clic en “Aplicar” Una vez dentro de la edición, puedes cambiar parámetros como categorías, autor, comentarios, estado, formato y otras más. Al finalizar simplemente hacer clic en “Actualizar” y eso es todo. #5: Instalar más idiomas: Si tu público objetivo abarca más de una región con diferentes idiomas, entonces deberías asegurarte de que brindas un sitio multilenguaje para llegar correctamente a todos tus lectores. Para esto puedes ir a la configuración y añadir los lenguajes correspondientes en Ajustes -> Generales. También existen algunos plugins que te harán la administración de los idiomas, una tarea fácil y ordenada como Loco Translate.       #6: Añadir enlaces rápidamente: Este truco te ahorrará mucho tiempo si lo usas a menudo y consiste en pegar un link copiado en un texto seleccionado con la combinación de teclas: Ctrl + V, el cual convertirá el texto seleccionado en un link hacia la url anteriormente copiada. #7: Acceder a opciones ocultas: Para ver y cambiar un conjunto de opciones avanzadas ocultas en WordPress debes acceder a la siguiente página: www.tu-dominio.com/wp-admin/options.php Donde debes reemplazar “tu-dominio.com” por el dominio de tu sitio web. Entonces puedes editarlas para que se ajusten a lo que te resulte más útil para tu web, aunque debo advertirte que no deberías modificar aquellas que no sepas para que sirven, pues podrías desestabilizar el comportamiento de todo tu sitio.   Estos son solo algunos de los trucos más importantes, pero según tus necesidades puedes encontrar muchas más y

Diseño Web, e-Learning, Gestores de contenidos, Trucos

Formulario de contacto en Moodle

Parece mentira pero el LMS (Learning Management System) más famoso, Moodle, carece de un formulario de contacto. Y es que es muy potente en muchas cosas, y extrañamente carente en otras. Hoy os enseñamos a crear un formulario de contacto en Moodle. El formulario de contacto puede usarse para : Formulario para contactar. Peticiones de soporte porque algo no funciona. Solicitar cursos. Solicitar información. A modo de confirmación de acceso o check-in a un curso. Solicitar acceso al aula virtual… Cómo crear un formulario de contacto. ¿Cómo crear un formulario de contacto en Moodle? Hay gente que usa la función de retroalimentación, pero es algo limitada, además de fea. Aunque funciona. Otra gente inserta formularios o programados a mano (Java, PHP, Html…) o de otras plataformas. Mejor solución. Afortunádamente un desarrollador ha programado un plugin llamado Contact Form que cumple perfectamente su cometido. La instalación y uso de dicho plugin no son complicadas, aunque si requieren un mínimo de conocimiento. Podéis ver su documentación en el canal de Github. Se instala igual que cualquier otro plugin. Después debes asegurarte que tengas configurado el contacto de soporte en Moodle (con dirección de correo) porque ahí enviará los correos. Si no está configurado lo enviará al correo del administrador. Para añadir un formulario a una página de Moodle o un bloque de HTML tienes que poner el código. Puedes copiar los ejemplos de códigos de sus plantillas y modificarlos. Como veis es sencillo y un plugin muy útil para nuestro Moodle.    

Gestores de contenidos, Soporte, Trucos

Incidencias y notas privadas por defecto en MantisBT

Como ya hemos dicho en muchas ocasiones usamos MantisBT para diferentes proyectos. Una de las cosas que más nos confundía es que las incidencias y las notas vienen como públicas por defecto. Y como a veces damos acceso a los clientes a sus proyectos, no nos interesa que algunas sean públicas. Puede que queramos poner anotaciones, o incidencias propias internas sólo para nosotros por defecto. Hoy os enseñamos a cambiarlo. Esto crea incidencias y notas que el cliente no puede ver a menos que tu le des acceso. Es decir, dentro de una incidencias que puede ver si es pública, No verá las incidencias o notas que no pongas públicas porque estarán privadas por defecto. Cómo hacer que las incidencias y las notas sean privadas por defecto. Para ello tienes que ir a Administración > Administrar Configuración >Reporte de Configuración. Después hay que ir al final a Crear opción de configuración y añadir lo siguiente (según la opción u opciones que queráis): Incidencias privadas por defecto. Todos los usuarios, Todos los proyectos, default_bug_view_status, integer, 50 Notas privadas por defecto. Todos los usuarios, Todos los proyectos, default_bugnote_view_status, integer, 50 Para deshabilitar el que los usuarios puedan cambiar las incidencias de privadas y públicas. Todos los usuarios, Todos los proyectos, set_view_status_threshold, integer, 100 Todos los usuarios, Todos los proyectos, change_view_status_threshold, integer, 100 Para deshabilitar el que los usuarios puedan cambiar las notas de privadas y públicas. Todos los usuarios, Todos los proyectos, bugnote_user_change_view_state_threshold, integer, 100 Después pulsáis en Crear opción de configuración. Con esto ya deberíais tener las incidencias o las notas como privadas por defecto y no tener que preocuparte porque las vean los clientes u otros usuarios.

Diseño Web, Gestores de contenidos, Trucos

Módulo de sitemap para Prestashop 1.7

La versión más reciente de Prestashop (cuando escribimos el artículo), la 1.7 , al contrario que su predecesora, no incluye un módulo de sitemap. Algo esencial para el SEO. ¿Que podemos hacer? En este artículo te damos soluciones. Posibles soluciones. Tienes varias opciones a considerar. Generar el sitemap manualmente. Siempre puedes generar los sitemaps manualmente usando sitios online y enviarlos a Google Search Console (o similares). Pero aunque es factible, no me parece muy práctico ya que una tienda cambia los productos constantemente, y tendríamos que estar enviando sitemaps a mano muy a menudo. Si además vuestro sitio es multilingue el trabajo se multiplica. Esto no es práctico, aunque si viable para dar el sitio de alta en los buscadores mientras implementamos otra solución. Comprar un módulo. Prestashop es un CMS gratuito, pero en cuanto quieres realizar funciones extra tenemos que comprar módulos. Podéis buscar un módulo oficial por entre 30-60€ y así os aseguráis que funciona, que tenéis detrás a alguien al que preguntar en caso de problemas y que pueda tener actualizaciones (aunque a veces sean también de pago). Usar los módulos de Prestashop 1.6 Algunos usuarios de la comunidad de Prestashop han reportado que algunos de los módulos gratuitos que funcionaban par ala versión 1.6 de Prestashop, funcionan también para la 1.7. Tal cual o, en algún caso, con modificaciones. N.B. Yo lo probaría bien antes. Porque creo que hay cambios en la url de los productos en la nueva versión y hay rumores que las imágenes pueden dar problemas con el atributo alt y también las páginas con varios idiomas. Así que podéis instalarlos y probar bien antes. Os dejo ejemplos y enlaces: Módulo de Presta Toolkit. Por lo que dicen los usuarios, el módulo de sitemap de Presta Toolkit funciona en 1.7 sin tener que hacer nada más. Antiguo módulo de Google sitemap. El antiguo módulo de Google sitemap también parece que funciona. Sin embargo algunos tienen problemas al instalarlo. Podéis descargarlo de aquí.  Cuidado porque tal como se descarga no se puede instalar, hay que cambiar el nombre tanto del zip como de la carpeta dentro a gsitemap.zip y gsitemap. Entonces deberíais poder instalarlo. Si no, subid la carpeta descomprimida directamente a las carpetas de módulos llamándola gsitemap y la debería reconocer Prestashop. Esperamos que os sirva y que pronto saquen algún otro módulo gratis o una nueva versión de los anteriores. Porque tampoco es tan complicado un programa que genere un sitemap y es vital para las páginas web.

Scroll al inicio