Blog

Diseño Web, Gestores de contenidos

Contact Form DB: guarda los formularios de contacto de tu web.Consúltalos desde el backend

/

Hace unos días, un cliente nos pidió que los contacto que recibiera desde sus formulario de contacto (tenía 3) los pudiera consultar en la web. Es decir, no sólo recibirlos por correo, sino también comprobarlos desde el backend. Gracias a eso hemos encontrado, e implementado en alguna otra web, este plugin Contact Form DB, que guarda los contactos en la base de datos. Desde este apartado del backend, el usuario puede filtra por el formulario de contacto, consultar los datos, editar lo recibido y exportarlo a Excel. ¿De qué formularios? Este plugin es compatible directamente con estos plugins de formulario: Contact Form 7 (CF7) plugin Fast Secure Contact Form (FSCF) plugin JetPack Contact Form plugin Gravity Forms plugin WR ContactForm plugin Form Maker plugin Formidable Forms (BETA) Forms Management System (BETA) Quform plugin (BETA) Ninja Forms plugin (BETA) Caldera Forms plugin (BETA) CFormsII (BETA) FormCraft Premium (BETA) Enfold theme forms Pero además, puede funcionar en cualquier otro formulario poniendo el código [cfdb-save-form-post]. Los resultados no sólo pueden consultarse desde el backend, sino que, usando los shortcodes [cfdb-html], [cfdb-table], [cfdb-datatable], [cfdb-value] , [cfdb-json] o incluso creando shortcodes propios (el plugin te deja), puedes mostrar los resultados (parciales o totales) de los formularios recibidos en una web. Podéis ver el uso con Contact Form 7 (unos de los más usados): Más información aquí.

Compartir, Internet, Telefonía, Trucos

Zoiper. Aplicación de VoIP para tu ordenador Windows, Mac y Linux. Teléfono en el ordenador

/

Hace unos días os hablamos sobre cómo configurar la Voz sobre IP (VoIP) en tu router de fibra de Movistar. ¿Para qué? Bueno, un particular puede llamar (llamada tradicional y video llamada) desde el ordenador o desde el móvil con la tarifa que tenga en el fijo (usando la wifi del móvil). Además, puedes recibir y enviar varias llamadas a la vez porque a través de la VoIP no “ocupas” la línea como en el analógico. Esto último obviamente es muy interesante para empresas y más aún si instalan un software de centralita en un PC (pronto lo explicaremos). Hoy os explicaremos cómo recibir y enviar llamadas en vuestros ordenadores Mac, Linux o Windows (también iOS y Android en este caso) con Zoiper, un  software de “teléfono virtual” sobre VoIP gratuito y multiplataforma. Con el podréis recibir y enviar llamadas en esos dispositivos. Cómo se configura. Descarga el programa Instala (en inglés) el programa, ejecútalo y permite acceso a Zoiper a tu red en el aviso (sólo la primera vez en esa red) Una vez abierto el programa puedes cambiarlo al español pinchando en la bandera. El programa se abre en Contactos porque Zoiper puede guardar los Contactos de VoIP. Pincha en Configuración > Crear una nueva Cuenta >SIP  y pinchar en Siguiente. En User pon:  númerodetelefono@telefonica.net En Password pon tu teléfono fijo. Domain/Outbound proxy pon: 10.31.255.134:5070 Debería quedar así (las XXX son tu número de teléfono): Cuando diga que ok ver a Configuración >Preferencias  y en Número de Origen pon tu número de teléfono. Si no lo haces saldrá un error del tipo “portador de capacidad no autorizado“. Con esto ya podréis llamar y recibir llamadas. A mi ahora mismo me sirve para poder llamar desde el ordenador y no tener que ir al fijo y descolgarlo. Pero tenemos potencial para transferir llamadas, recibir varias llamadas, dejar en espera, video llamada y después poner una centralita para una oficina. Más información aquí. Os dejo una muestra.

Diseño Web, Gestores de contenidos

Plugin SiteOrigin Css: cambia el estilo y colores de tu página aunque no sepas mucho CSS

/

Cuando tienes que cambiar los colores de tu página, incluso cosas más avanzadas, más allá de lo que te deja tu plantilla, tienes que cambiar CSS. O sea, algo como “programar”. Esto puede conllevar una tarea ardua de aprender las instrucciones de CSS, sus delimitadores y opciones y cómo manejarlo. No es difícil, es tiempo, pero para algunos puede ser algo complicadísimo. Afortunádamente cada día salen plugins para WordPress que facilitan más las cosas y hoy os dejamos SiteOrigin CSS. No te quita el tener que saber algo de CSS, o al menos algo de algún lenguaje de programación, pero si que facilita mucho el tema. Porque tiene un editor visual que muestra la página y te permite pinchar en la parte que quieres cambiar. Así elige rápidamente la etiqueta (clase o id) y te da, de manera visual, algunas cosas que puedes cambiar como colores, tamaño de letra, fondo etc. Yo no lo uso, porque no me deja todas las opciones, porque voy más rápido con lo que se de CSS etc. PERO aquellos que no manejen CSS a diario lo encontrarán muy útil. Aquí podéis ver en un vídeo cómo se usa:  

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

Moodle: hacer que las categorías no muestren cursos a los que no se tiene acceso

/

A mi me gusta poner en la página de Moodle, un listado de categorías incluso si el usuario no se ha registrado. Así la gente externa puede ver las categorías que hay. Pero, por defecto, si haces eso, cualquier usuario puede VER (no acceder) los cursos que hay en esas categorías. Y puede que no te interese (a mi no). Os explicamos cómo evitarlo. Hay que modificar el fichero courses/renderer.php.  Como es un fichero del core, habrá que estar atento a las actualizaciones (cambiará el fichero). No nos gusta cambiar el core, pero ahora mismo no hemos visto otra manera de hacerlo. Abre el fichero y ve a la función  coursecat_courses. Justo encima de la línea: $content .= $this->coursecat_coursebox($chelper, $course, $classes); pon:  if($course->can_access()) Salva el fichero y recarga la página. Ya tendría que estar resuelto. A partir de ahora los usuarios pueden entrar en las categorías, pero no verán los cursos a los que no tienen acceso. Nota: Esto también elimina de la página de Inicio los cursos incluso cuando estás registrado y el pie. Seguramente se puede evitar esto con alguna modificación del fichero renderer. Nosotros tuvimos que desactivar esta opción. Parece ser que por grupos puedes conseguir algo parecido.

Internet, Trucos, Video

Cómo editar: recortar o dividir un vídeo en Youtube

/

Hoy os enseñamos cómo editar un vídeo que hayas subido a tu canal de Youtube. Específicamente cómo recortarlo o dividirlo, aunque se puede hacer alguna cosa más. El editor de vídeo de Youtube no es que sea una maravilla, no es un editor como los de escritorio, pero si que puede servir para hacer arreglos post-subida cuando vemos que tenemos que quitar algo, dividir el vídeo porque es demasiado largo o arreglos similares. Mejor os lo contamos:

Sistemas, Telefonía, Trucos

Cómo activar la VoIP en un router de fibra de Movistar. Llamar desde el ordenador o teléfonos VOIP

/

Últimamente estamos experimentando mucho con VoIP en las instalaciones de fibra de Movistar (las más comunes). Ahora hemos conseguido poder llamar y recibir llamadas desde teléfonos VoIP conectados a la LAN (a la red) e incluso desde los ordenadores. También para usar aplicaciones de VoIP en el móvil a través de wifi. Podemos, desde los ordenadores, enviar y recibir llamadas normales y video llamadas. Es decir teléfonos VoIP reales o virtuales. Las llamadas se facturan en la factura normal, pero la ventaja es poder hacer varias llamadas a la vez. Puede llamar tu mujer a una amiga, y tu a otra persona y ambas llamadas se hacen de forma simultánea. Además de ahorrar algo en móvil si la tarifa de fijo es mejor. Dentro de poco, instalaremos una centralita en uno de nuestros ordenadores y a jugar  con más opciones:-D Hoy os queremos enseñar cómo activar esta VOIP en el router de fibra de Movistar. Lo primero es que si tienes la luz con el icono del teléfono encendida en el router (en algunos pone phone) ya lo tendrás activo, pasa al siguiente artículo que escribiremos en unos días. Este artículo es para los que no lo tienen, o para los que quieren comprobarlo. Pasos: Entra en el router vía web (normalmente http://192.168.1.1). La contraseña que te pide en la ventana la encuentras debajo del router en una pegatina. Después pincha en Configuración Avanzada. Ahí pincha en VoIP>SIP y tendrás una pantalla como la de arriba. Tienes que tener marcada la casilla de active al menos en uno (el primero). En account number debería poner el teléfono de tu línea. Para cambiar eso pincha en Modify y te abre la siguiente pantalla. Tienes que tener la casilla debajo de General activada y las 3 casillas que pongo en negro con tu número de teléfono (SIP Account Number, Username y Password). Dale a Ok. Con esto ya podréis usarlo. Para poder conectar también teléfonos al router: Después en SIP ve a la segunda pestaña: SIP Services Provider> Modify (en el primero por ejemplo). Ahí tiene que estar la casilla marcada. Con eso podéis recibir llamadas y hacerlas desde teléfonos VoIP físicos o virtuales en tu red. En unos días os explicamos con qué programas de ordenador.

Diseño Web, Gestores de contenidos, Internet, Noticias Informáticas, Webs

Chrome presenta una exclamación si tu web no está por https

/

Google ya avisó, iba a apostar por una web cifrada, con todas las webs por https. El primer paso fue puntuar positivamente, a nivel SEO a las web que tengan cifrado. Ahora lo hace con el navegador. El otro día nos sorprendimos al ver que, al actualizar a la última versión de Chrome, todas las webs que no tenían https por defecto salían con una exclamación al lado. Así: El aviso dice lo siguiente: “Tu conexión a este sitio no es privada“. ¿Que se puede hacer? NADA. Bueno, si, instalar un certificado. Al final van a ser lentejas y vas a tener que hacerlo. Ahora hay dos opciones para hacer esto: Comprar un certificado de una entidad clásica. Te costará una cierta cantidad cada año. Usar un certificado gratuito como Let’s Encrypt. Muchos proveedores de hosting ya están ofreciendo certificados gratuitos (supongo que de Let’s Encrypt). El problema es que para la instalación del certificado en el servidor, y la configuración de tu web con certificado, hace falta una persona con conocimientos. No es algo trivial en la mayoría de los casos. Así que ese coste no te lo puedes ahorrar. Nosotros ya estamos ofreciendo ese servicio a los clientes, para que sus páginas dejen de tener ese aviso que afea tanto (lo que quiera Google).  

Diseño Web, Gestores de contenidos

Plugins Livemesh SiteOrigin Widgets. Una colección de widgets para SiteOrigin

/

  Hace unos días os hablamos de Page Builder de SiteOrigin, un builder para páginas webs en WordPress que te permite diseñar las páginas a tu gusto, de manera visual y responsive. Hoy os dejamos un complemento, que son en verdad dos, para darle MUCHÍSIMA más versatilidad a ese builder. Livemesh SiteOrigin Widgets, junto con su requisito el plugin SiteOrigin Widgets Bundle  son unas colecciones de Widgets gratuitos (hay versión pro con más en el primero) que te permitirán hacer casi cualquier cosa en la página. Con el builder, los podrás poner en cualquier parte de tu web. SiteOrigin Widgest Bundle se puede instalar en solitario, y es plenamente funcional. Pero además es requisito para Livemesh. Este añade unos 18 widgets. Con LiveMess SiteOrigins Widgets puedes añadir aproximadamente el doble, Estos son los que hay ahora. Services that capture what you can offer for your clients/customers. Responsive Tabs that function seamlessly across all devices and resolutions. Accordion/Toggle that capture collapsible content panels when space is limited. Heading styles to capture effective headings for your page sections. Team Profiles widgets to display all the team members. Odometer to show impressive numbers pertaining to your work or company. Bar charts widget to capture skills or any type of percentage stats. Animated Pie charts for visual depiction of percentage stats. Testimonials to tell everyone the good things you often hear from your clients/customers. Testimonials slider is a responsive touch enabled slider that cycles through testimonials. Post Carousel Widget that displays your posts or custom post types as a highly responsive carousel. Generic Carousel Widget that displays lets you present a list of HTML content in a carousel. Hero Header Widget that lets you display any type of header content with option to set Parallax, YouTube or HTML5 video background. Grid widget that displays portfolio or blog entries in a nice responsive grid. Masonry and packed options are supported. Client List widget to showcase the clients that you have handled. Pricing Plans. Flat style buttons . Icon list widget. Probadlo, os gustará.

Linux, Sistemas, Trucos

Screen en Linux. Hacer que tus comandos sigan incluso cuando cierras tu conexión SSH

/

Ayer tenía un problema con un cliente. Ejecutaba un comando en un servidor, y el proceso iba a tardar mucho. Me refiero a varios días. Y claro, no puedo estar varios días conectado por ssh, en algún momento tengo que apagar mi ordenador, o desplazarlo de la oficina a mi casa. Entonces el comando se corta, y tendría que empezar de nuevo. Entonces Víctor, nuestro técnico encargado de servidores, me presentó al comando screen (yo no lo conocía).  Screen está pensado para situaciones como esta, o para casos en los que, desde una misma conexión ssh, quieres abrir varios procesos que puedas ir monitorizando individualmente. Screen abre “ventanas virtuales” , como nuevas conexiones dentro de una misma conexión.Lo bueno para el caso que nos ocupa, es que puedes hacer un detach: dejar esa pantalla activa y desconectarte, haciendo que siga el proceso. Puedes volver cuando quieras para ver cómo va o seguir ejecutando comandos ahí. Comandos Screen: Para abrir una ventana virtua simplemente escribe screen: root# screen Ctrl-a ? Ayuda de Screen Ctrl-a c Crear una nueva ventana virtual. Ctrl-a ” Lista navegable de ventanas abiertas Ctrl-a Ctrl-n Cambiar a la venana Siguiente o Anterior Ctrl-a Ctrl-N Cambiar a la Ventana N (de 0-9) Ctrl-a x Bloquear todas las terminales con una clave Ctrl-a d Hacer un Detach. Sales de la ventana pero la deja activa. exit Con esto cierras la ventana virtual de definitivamente. Ctrl-a S Divide la ventana horizontalmente Ctrl-a tab Salta a la siguiente zona Ctrl-a X Cerrar la zona actual Ctrl-a Q Cerrar todas las zonas excepto la actual Copiar en Screen Ctrl-a + [ Entrar en modo copia/scroll. Enter Comenzar la selección de texto / Finalizar la selección de texto, copiar y salir modo copia/scroll. Cursor Desplazamiento del cursor selecciona el texto a copiar (si estamos en modo copia/scroll). ESC Salir del modo copia/scroll sin copiar nada. Ctrl-a + ] Pegar el texto copiado. Para ver que sesiones de screen hay abiertas puedes poner screen -list Para unirte a una sesión de screen abierta screen -r IDSESION Para salir de una ventana pero dejar la sesión activa Ctr-a d. Puedes cerrar tu conexión y la sesión seguirá activa. Para cerrar una sesión de screen, tras haber hecho el comando anterior, puedes poner screen -S IDSESION -X quit Por ejemplo screen -S 24365 -X quit Si se te ha cortado la conexión, y vuelves, verás que tienes (con un screen -list) la sesión attached. Para poder conectarte de nuevo, tienes que hacer un screen -D IDSESION  Para hacer un Detach. Y luego volver a univerte con screen -r IDSESION  Esperemos que os sirva, es un comando excelente para poder jugar y nos da mucha potencia a nuestro terminal. ¿Cómo no lo conocía?

e-Learning, Internet

Cómo poner Moodle en modo debug para ver las razones de un error

/

En ocasiones nuestra plataforma de Moodle dará errores al escribir en la base de datos, o errores en general. Pero no sabremos la causa exacta hasta que no pongamos el sistema en modo Debug (cómo hacíamos en Vtiger). Para activar el modo debug, tenemos que ir a Administración del Sitio > Desarrollo > Depurando . Ahí veréis la siguiente pantalla. Ahí, en el desplegable Mensajes de depuración podéis seleccionar el nivel de mensajes a ver. Si queréis ver todos poned Desarrollador. Como veis en el tercer apartado también podéis hacer debug de los correos enviados. Dadle a guardar cambios. Nota: aconsejo poner Moodle en modo mantenimiento para que los alumnos no vean errores. Después de activar esto podéis ejecutar las  páginas que causaban el error, ver lo que aparece e intentar corregirlo con esas pistas (no siempre dicen mucho que se pueda entender). Después, volved a poner el modo debug en Ninguno y quitad el modo mantenimiento. Más información y opciones más complejas aquí.

Scroll al inicio