Blog

Diseño Web, Gestores de contenidos, Trucos

Como añadir códigos de Shortcodes Ultimate en Contact Form 7

Hace unos días un cliente me comentó que necesitaba algo más en en formulario de contacto. Quería usar “acordeones”, “pestañas” etc para que el formulario tuviera más funcionalidades. Mirando cómo hacerlo descubrimos que podemos usar las códigos de Shortcodes Ultimate en Contact Form7, dos de los plugins más usados para cada una de esas funciones. Hay dos maneras de poner los códigos: La más recomendada. Podemos modificar el fichero functions.php de nuestra plantilla para poner este código: add_filter( ‘wpcf7_form_elements’, ‘mycustom_wpcf7_form_elements’ ); function mycustom_wpcf7_form_elements( $form ) { $form = do_shortcode( $form ); return $form; } Obviamente el gran problema de esto es que cada actualización de la plantilla hará que perdamos los cambios. Pero esto se puede arreglar haciendo una plantilla hija (de lo cual hablaremos mañana). Con este método podemos usar los códigos de Shortcodes Ultimate sin problemas en el formulario igual que en el resto de la web. La más laboriosa. Podemos usar (no lo hemos probado) los códigos html en el formulario. Podéis ver el ejemplo aquí (respuesta 14). Esta manera es muy laboriosa porque requiere poner etiquetas de div y css casi en cada línea. Pero no se cambiará al actualizar la plantilla. Eso si, vuelve el formulario un texto enorme lleno de código. Buen truco si queréis llevar los formularios al siguiente nivel.  

Android, Mac, Smartphones

Aplicaciones de VoIP para móviles

Ok, con los artículos que hemos escrito, ya deberías tener la VoIP activada en tu fibra Movistar, y poder llamar y recibir llamadas desde tus ordenadores. Eso si, la VoIP es muy útil en casa y en el trabajo porque puedes llamar desde el fijo usando el móvil. Así no gastas tarifa de móvil, y te aprovechas de descuentos que tengas en el fijo. ¿Qué aplicaciones puedes usar? Zoiper: La misma que recomendábamos para Mac y Windows está para : Android e iOS. Media-5: Gran aplicación, gratis en Android pero de pago en iOS. Bria: de nuevo gratis en Android y de pago en iOS. Sip Droid: Para Android. Software de código libre. CPSip Simple: Opensource. Para Android. 3CX: parece ser que también se puede usar para cualquier SIP. Android. Instala uno de ellos en el móvil, configúralo como hicimos en el artículo del PC…y ¡a llamar a través de Internet!

Diseño Web, Gestores de contenidos, Trucos

Script para buscar y reemplazar en bases de datos

Esto no será útil para la mayoría de usuarios, pero los que gestionamos bases de datos (de programas, páginas web, CRMs etc) en muchas ocasiones tenemos que cambiar entradas. A veces nombres, otras URLs, directorios etc. El problema de las bases de datos (y lo que les hace tan rápidas y funcionales) es que muchas veces son tablas cruzadas. El mismo término puede estar decenas de veces en decenas de tablas. Cambia tu eso a mano si tienes… tiempo. Es verdad que puedes hacer búsquedas y reemplazos por comandos de MySql…pero seamos sinceros: si no los usas diariamente, ni te acuerdas ni te atreves. En estos casos encontramos este script, con frontend de web. Es sencillísimo de usar: pones los datos de tu base de datos, haces la búsqueda, esperas a ver los resultados (puedes ver muchos detalles sobre ellos) y luego elige lo que quieres cambiar. Una de las cosas que más me gustan es que puedes hacer una prueba con el cambio y ver cómo quedarían los registros ANTES de trabajar con la base de datos real. Muy útil cuando no estás seguro si tienes que añadir una o dos barras (/) o similar. ¿Cuando usamos esto nosotros? Normalmente cuando cambiamos un WordPress, Prestashop o similar de directorio y comprobamos que las URL puestas a mano, o las imágenes, siguen con la dirección antigua. Probadlo, a nosotros nos ha venido de miedo.  

Sistemas, Soporte, Trucos

Activar la vista previa de PDF con Acrobat Reader

Muchos nos hemos acostumbrado a poder ver el contenido de un documento con pasar el ratón por encima. O incluso en la vista de carpetas. Esto tiene peligro en cierto tipo  de ficheros que puedan incluir virus, pero no en otros. Esto lo hace Windows 10 por defecto, pero a muchos no nos gusta el lector de PDF  de Windows 10 y lo cambiamos por el de Acrobat. Hoy os explicamos cómo tener esta vista previa también con Acrobat Reader. Abre Acrobat Reader. Ve a Edición -> Preferencias. Ve a General. Activa “Habilitar vistas previas de mosaicos en Windows Explorer“  Pinchamos en aceptar y nos instalará un complemento del programa (debemos permitir la instalación) y ya deberíamos poder ver la vista previa de los PDF en el explorador de archivos.

Sistemas, Soporte, Trucos

No funciona la webcam, bluetooth o wifi en un portátil MSI

Hace unos días tuvimos que conectarnos al ordenador de un cliente en Canadá. Tenía un portátil MSI bastante potente, un i7, recién comprado. Y lo había configurado todo, pero no conseguía hacer funcionar la webcam. Skype le decía que el dispositivo no estaba encontrado. Buscamos si era problema de drivers pero todos estaban actualizados y correctos. ¿Cuál podía ser el problema? Os dejamos la solución por si le ocurre a algún lector. Resulta que MSI tiene un programa llamado SCM, System Control Manager, que funciona parecido a los accesos directos del Centro de Actividades de Windows 10. Desde ahí puedes, con un sólo clic, activar y desactivar dispositivos como la webcam, el bluetooth o la wifi. Y claro, la cámara estaba desactivada.  Si está desactivada en el SCM, para el resto del sistema aparece como inexistente. Una solución fácil…pero que puede llevarte a perder mucho tiempo.

Gráficos y Fotografía, Trucos

Cómo pasar una imagen a formato vectorial con Inkscape

Si os han diseñado un logo hace tiempo, y no una persona muy profesional, puede que lo hayan hecho en cierto tamaño fijo. No en un formato vectorial. Ahora os vais a una imprenta para hacer carteles, camisetas etc y os lo piden en mayor tamaño o en formato vectorial. ¿Qué es ese formato vectorial? Una imagen que cuando cambias el tamaño mantiene las relaciones de aspecto y no pixela. Por eso lo requieren las imprentas, para poder cambiar el tamaño y que sea igual que el logo original. Pero tu no lo tienes así, ¿qué puedes hacer? Hoy os explicamos una manera rápida y sencilla de pasar una imagen a formato vectorial usando Inkscape. Nota: no somos diseñadores. Este es un truco para “ajenos a la materia”. Obviamente habrá maneras mejores, y siempre es mejor que un diseñador os haga el logo en formato vectorial.

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.

Scroll al inicio