Google for Work (ex Google APPS) cambió: Bienvenido G Suite

Cambia, todo cambia decía q.e.p.d Mercedes Soza, y en este caso no parece ser un cambio “tan revolucionario” en primera instancia. Sino que va más de una estrategia de marketing para darle un “nuevo aire” al ya conocido (y querido) Google APPS.

La idea en primera instancia es que el nuevo nombre “refleje” de alguna manera los nuevos esfuerzos por tener una “suite de ofimática online” 100% orientado a los negocios (y de paso quizás salir al fuerte impulso que se le ha dado a Office 360º).

Las aplicaciones seguirán siendo las mismas, sin embargo hay que recordar que también ahora Google+ forma parte del paquete de las múltiples aplicaciones que cuenta con soporte dentro del paquete de quienes tenemos la “G Suite” de pago. Que vendría siendo como un Facebook con soporte. (aunque la verdad no lo es, pero la intención es lo que vale xD).

¿Y qué pasó con los códigos de descuento? Nada, seguirán funcionando como siempre, y podrás seguir adquiriendo la suite por 1 año con un descuento de por lo menos el 20%. Solo pásate por aquí, pruébalos y sorpréndete.

Un abrazo. ¡Chao!

Google APPS for Work (ex Google APPS) 30% descuento

Actualización 11/12/2017 (más códigos)

Por favor nota que de los códigos antiguos, algunos aún siguen activos, si estos no te funcionan, puedes probar los más antiguos que han tenido menos exposición.

  • AD6JT33QGNFPJ7G
  • 96WM7UATE7Q34KU

Actualización 27/09/2016 (nuevos y más códigos)

  • 7CQED3LNXJTG6RA
  • 7DENNEC9LH7YCHC
  • 93FA399VRR9NRT9
  • 93XCQXUAW7JHJCA
  • 94NJYAVLACQKUPH
  • 96CR6VADKLFXEH3
  • 96WM7UATE7Q34KU
  • 97EFRXJNCKT4GAD
  • 97PGNMKF7Y9NKD6
  • 99ACVGFV9REJD33

La previa

Si eres de Chile, y aún sigues buscando información o cómo pagar menos por Google APPS for Work, deja de pensarlo, léete este artículo, y aprovecha de usar estos nuevos códigos de descuento, que te permitirán ahorrar un 30% en cada cuenta que abras de Google APPS. El precio de “compra directa” es de 50USD/usuario/mes, y usando estos cupones te se rebajarán $15USD por cada cuenta por todo el primer año.

¿Cómo se usan?

Simplemente sigue este enlace: https://goo.gl/RSynU3 y usa alguno de los siguientes códigos (ojo que son usos únicos, así que aprovecha antes que se agoten, si no te funciona uno, intenta con otro):

  • 7NKTYDNJFWP7C4
  • D6JRLHJ37M39J7
  • 9WRAPMGPTR3JL7
  • 7EQLCAQCR9KLKL
  • 7DU37CU3E6RD6E
  • 7KGU9XTQUGVLNA
  • 4JPFM7DJE9CQ4N
  • 3XRUG76JDWUWVT
  • 7WHELAPFFWMU9Y
  • 96YWHM7TAVKGMW

Y listo, ya estarás disfrutando el email más rápido y seguro del planeta, aparte de una suite realmente rápida y madura de colaboración de ofimática en línea, como lo es Google Docs + Google Calendar + Hangouts y mucho más.

Ping

Este mensaje es un ping para toda mi audiencia imaginaria.

Este 2015 que se nos fue, sumé cientos de visitas de spam, referidos inexistentes, y tráfico zombie, entre otros, lo que me llena de orgullo, ya que mi analítica de página se ve abultada y parece tener visitas legítimas desde Rusia, Indonesia, Pakistán y mi querido país Moldova, que en mis tiempos de mayor angustia me regaló internet gratuito vía proxy en el puerto 443 a través de GTD Manquehue.

Muchos dicen que si no hay nada que comunicar, no hay por qué, y yo les digo: “200 OK“, mensaje recibido, no olvidar que este es mi blog, y por lo tanto mi audiencia imaginaria aclama mis posteos.

Pasé tiempo sin escribir, sumergido en un mar de trabajo, proyectos, proyecciones desproyectadas, y retomando caminos interrumpidos por promesas incumplidas (todo dentro del ámbito laboral claro está).

Así que hoy, y más firme que nunca, tomo mi audiencia fantasma, mis equipos electrónicos,  mi gente y retomamos con todo la fábrica de ideas, experimentos, proyectos y más llamada BPL Innovación Digital. Ahora con una gráfica digna de las ideas que se maquinan, y con un perfil de creatividad y difusión sin trabas, restricciones ni censuras por parte de ancianitos de la interné (al que le caiga el poncho digital que se lo ponga).

Así que si Ud. queridísima visita, llegó aquí, y es un humano, bienvenido sea a mi mundo (“el mundo de Manolo” como dice mi querido cuñado); agarre las cabritas, la cocacola y disfrute de una película porque yo no lo voy a entretener 😀 😀 😀

¡Ahora a producir!

¿Qué sucede cuando cambias tu público objetivo en Facebook?

Años atrás, dentro de mis inquietudes emprendedoras y registrado en el libro de negocios que no volvería a hacer, estuvo bajo mi control una pequeña tienda de venta directa al público en Santiago Centro (36 metros cuadrados de ropa femenina). Como buen emprendedor, eché mano de todos mis conocimientos, y ya en el año 2011 me encontraba aprovechando la plataforma de publicidad de Facebook y otros medios similares.

El impulso fue tal, que llegamos a conseguir más de 53.000 mil “fans” con una inversión de risa.

Como ya lo habrás notado por lo antes expuesto, este negocio ya no existe (Q.E.P.D), sin embargo hay cosas “que quedan”, entre ellas una página social con muchos “fans” y sin tener un contenido que entregarles.

¿Qué pasó?: dentro de mi concepción de qué hacer, me dediqué simplemente a hacer experimentos con tal volumen de personas, publiqué notas políticas, sexistas, humoradas, videos, fotos, ilustraciones; de todo un poco, con el objetivo de ir midiendo comportamiento y poder aplicarlo en Clientes (y por qué no mencionarlo), para entender un poco el comportamiento del consumidor digital.

Durante el tiempo pude comprobar cosas tan ciertas como las “facebook click farms” (corta: método flaite usado por flaites para levantar campañas y fanpages con bots o bots inducidos, es decir, gente de verdad, haciendo labores automatizadas); producto de esto de un día para otro, Facebook hizo limpieza de perfiles falsos, dudosos o sin actividad, y mágicamente reduje 3.000 fans de un solo golpe.

Pérdida de 3.000 fans cuentas inactivas
Pérdida de 3.000 fans cuentas inactivas

Ya teniendo un poco más filtrada la fanpage, comenzaron las publicaciones de otra línea completamente distinta a la original, en donde el 80% de los fans eran mujeres de entre 16 hasta los 30 años. El resultado fue “casi” nefasto, por cada publicación conseguía entre 5 hasta 30 “no me gusta”. (El cambio de contenidos fue de productos femeninos a línea de ocio y diversión).

Sin embargo (y fiel al experimento), continué con las publicaciones, y posteriormente se dio un efecto “compensatorio”, si bien se siguieron perdiendo fans del “público objetivo anterior”, se empezaron a ganar fans del “nuevo público”, sin embargo, aún hoy la suma “neta” de fans sigue siendo negativa. Aunque hago notar que sin ningún tipo de publicidad, todo “orgánico”.

me-gusta-netos

En definitiva, para ir cerrando el post, cuando hay un cambio de target, el consumidor digital sí reacciona y manifiesta su interés o desinterés; contrario a lo que se podría pensar de “ignorar la publicación”. Sin embargo, muchos otros pueden “simpatizar” con el nuevo contenido y mantener la audiencia, además de poder captar nuevos fans a través de los contenidos compartidos por estos.

Quizás para algunos el ejemplo sea algo radical, pero se deben considerar estas variaciones (para mejor o peor), cuando existe cambio en la línea editorial, cambio en el community manager, o en la manera de presentar y comunicar con la comunidad.

¿Por qué utilizar Google APPS for Work si hay Gmail gratis?

Actualización 07/08/2016: Nuevos códigos de descuento aquí

¿Alguna vez te habrás hecho esta pregunta?, yo me la hice a fines del año 2010 (aún cuando existía Google Apps gratuito), y finalmente me decidí a usarlo, aunque en un principio sintiera que el costo era algo elevado para lo que obtenía.

Hoy Google Apps “free” ya no existe más para nuevas cuentas (prevalecen las creadas anteriormente), por lo que la diferencia entre un “simple” Gmail y Google Apps for Work se hacen aún más notorias.

¿Cuáles son estas diferencias?

  • La más importante para mi: SOPORTE, si tienes un servicio gratuito, ¿cómo puedes exigir que alguien te responda algo?, ¿cómo puedes asegurar la calidad de tu servicio?, pues lisa y llanamente no puedes.
  • Doble espacio que Gmail, nótese que este espacio también es compartido con Drive, por lo tanto no sólo se paga por un excelente servicio de correo electrónico, sino que también por una cuota de almacenamiento “en la nube”, el que a su vez sirve para respaldar incluso las fotos de tu celular.
  • Usa tu propio dominio, en un ambiente profesional o corporativo, no se ve muy bien un @gmail.com, puedes disfrutar de todas las ventajas de Gmail usando tu dominio@miempresa.tld
  • Puedes solicitar confirmaciones de lectura, esto es básico, pocos hoy lo usan, pero para usuarios de Outlook, esto se “extraña” en Gmail, la versión de Google Apps for Work permite solicitar confirmaciones de lectura en tus mensajes enviados a través de la interfaz web.
  • Sincronización experta con móviles Android, trabajar con tu celular nunca fue más fácil, se sincronizarán tus contactos y correo electrónico, de manera tan “natural” que incluso sentirás nostalgia ante los difíciles tiempos pasados donde sincronizar contactos, calendario y correo electrónico era un parto. Con tu cuenta de Google Apps for Work, todo es sencillo.
  • Google APPS MarketPlace, alguna vez te habrás imaginado agregarle funcionalidad extra a tu Gmail; con Google APPS MarketPlace es posible, existen cientos de proveedores que ofrecen software para añadir funcionalidad extra a tu ya poderosa bandeja de entrada, existen aplicaciones de CRM, ERP y otras que se integran perfectamente en este ambiente.
  • Configurar TODO, en Google APPS for Work no sólo tienes una bandeja de entrada más grande y la posibilidad de ampliarla, puedes configurar infinidad de opciones, desde las firmas DKIM, hasta la integración con un servidor de directorio, además puedes adquirir soluciones extras como Google Vault que permitirá respaldas la información de los buzones de tus usuarios, incluso si ellos ya han borrado elementos de la bandeja de entrada.
  • Colaborar, colaborar, colaborar, la colaboración a través de las APPS te permite usar niveles de acceso tanto para tus usuarios como para usuarios externos, olvídate de adjuntar cada vez una planilla electrónica con informes a tus clientes, simplemente entrégales el link y un acceso de sólo lectura, mientras los usuarios de tu Empresa la modifican en tiempo real, comparten mensajes instantáneos y agilizan los procesos diarios.

¿Qué hay del precio?

Google promueve este servicio a un costo fijo de $50/USD/Usuario/Año, es decir alrededor de CLP$34.000/año por usuario. Si tomas en cuenta que no volverás a perder un correo electrónico, y que tu Empresa funcionará en una de las plataformas más avanzadas, rápidas y seguras del mundo. LO VALE.

Puedes también usar este enlace https://goo.gl/RSynU3, que en conjunto con alguno de los dos códigos que pongo a continuación, te permitirán rebajar $10USD/cuenta durante el primer año. (no está mal para 10 o más usuarios).

9UY7JTEWQ3WWRY
CN6NTNQYKE4HDQ

Por último, cabe mencionar que estas suscripciones de pago, te dan un acceso fluido y profesional a la plataforma de soporte de Google, quienes te podrán atender vía ticket o telefónicamente usando el PIN asignado en tu cuenta de administración.

Crea tu template de wordpress desde 0

Hola a todos, comencé a escribir una guía para realizar un template (theme) de wordpress desde 0, con el fin de llegar a comercializarlo a través de themeforest.net ¿qué tal?, esta guía la estoy publicando exclusivamente a través del foro de capa9.net

Puedes revisar el post y sus actualizaciones en: http://www.capa9.net/foro/threads/template-wordpress-desde-0-una-mirada-diferente.1114690/

Respaldo de bajo costo usando WHM y Opendrive

Si te gusta mantener la seguridad de tus datos y la de tus clientes, por lo menos ya estarás realizando backups automáticos de las cuentas dentro del mismo servidor.

Pero ¿qué pasa si el servidor no estuviera más disponible?, ¿qué pasaría si un gran apagón o tragedia por parte de la naturaleza, o terrorismo o lo que sea afecta a la empresa o país en donde estás usando tu centro de datos?.

Lo que pasaría es que tus Clientes por comprensivos que sean, no te van a volver a comprar 1 peso, y con suerte sales libre de alguna acción legal en tu contra, sin contar con el estrés, llamados telefónicos, reclamos.cl, etc, etc, etc.

Para evitar todo esto, debemos tener por lo menos una fuente de respaldo fuera del datacenter donde se encuentre tu servidor principal. Alternativas y métodos hay muchas; pero voy a tocar una que me ha dado buenos resultados con flujos de datos moderados y precio realmente accesible.

WHM permite realizar backups en rutas “alternativas”, a través de FTP o SFTP, y Amazon S3. Sin embargo no pude encontrar un servicio económico para la primera, y en el caso de Amazon, simplemente no me gusta (opción personal), además prefiero tener un conocimiento real del presupuesto que gastaré mes a mes “sin pasarme”.

OpenDrive al rescate

¿Qué tan económico puede ser?, ¿14USD/mes por 500GB te parece razonable?, pues así es, a mi me parece una alternativa bastante económica y potente no sólo para respaldar (en los próximos párrafos daré ejemplos de otros usos), además el precio es a medida, ya que si necesitas menos espacio, o quieres más usuario tiene un práctico creador de plan mensual que no va a variar si te mueves dentro de los límites preestablecidos.

¡Oh!, espera, pero OpenDrive no soporta FTP, ¿cómo hago un backup adicional?, el truco está en utilizar el soporte WebDav de este servicio y montar una unidad remota. Así en WHM podemos simplemente indicar una “ruta adicional” que puede ser por ejemplo /opendrive o /mnt/opendrive. ¿Bonito eh?.

¿Cómo se hace la maravilla?, tan fácil como tipear el siguiente comando:

mount -t davfs webdav.opendrive.com /opendrive

Donde /opendrive es la ruta para montar todas las carpetas de tu OpenDrive.

Una vez realidado esto, te solicitará tu usuario y contraseña de OpenDrive (sólo el usuario, no el email), y listo, montado nuestro servicio de respaldo.

Si aún no has instalado el driver para webdav, asegúrate de tener configurado el repositorio EPEL (para distros basadas en RHEL), e instalar el paquete davfs2.

Adicionalmente deberías incluir el montaje de la unidad remota en el inicio de SO en caso de algún reinicio fortuito.

Otros Usos

OpenDrive, permite alojar carpetas públicas y privadas, de las cuales se pueden realizar cargas y descargas, además de limitar el acceso a quienes sólo conozcan el link de descarga, o tener una carpeta de uso público, lo que nos permite realizar no tan solo respaldos sino que por ejemplo:

  • Subir archivos adjuntos para clientes que superen el límite de nuestro servidor de email (útil para planos, gráficas, videos, etc).
  • Permitirle a un cliente que nos envíe archivos con relativa sencillez, sin tener que ellos crear una cuenta en ningún servicio como DropBox o similar.
  • Crear carpetas públicas para subida, para descarga o ambas
  • Enviar archivos grandes a tus clientes, sin necesidad de que ellos se registren en ningún servicio, pero también limitando el acceso sólo a quienes conozcan el link, evitando intromisiones en las carpetas. (descarga directa).

Todo esto sin contar que además cuenta con una aplicación propia para generar respaldos de tu(s) equipo(s).

¿Qué es y cómo eliminar el tráfico de spam en tu sitio web?

En este post no pretendo reinventar la rueda, está lleno de información que puedes encontrar rápidamente en Google. En resumen, el tráfico de SPAM no se refiere a las visitas de motores de búsqueda (quienes se identifican con sus propios “user agent”, y pueden ser filtrados posteriormente sin problemas por las analíticas de web como Google Analytics).

El objetivo del tráfico de SPAM es que veas el dominio que ellos quieren promocionar, generando una entrada en “sitios de referencia”. Esto lo logran de 2 maneras:

  1. Visitando automáticamente tu sitio web y modificando la cabecera de “REFERRER” por la del dominio que quieren promocionar.
  2. Inyectando estos valores modificando cabeceras directamente al código de Google Analytics.

La número 1, se puede bloquear a través del archivo .htaccess a modo de ejemplo (para los que usamos Apache como servidor web).

La número 2, tienes que filtrarla directamente en tus informes de Google Analytics.

Más detalles e información de cómo hacerlo, en los siguientes blogs:

http://www.seomanager.es/eliminar-trafico-spam-de-afiliados-en-google-analytics/

http://www.jarfer.com/solucion-definitiva-para-evitar-el-trafico-spam-en-analytics/

Como punto final, quisiera NO recomendar la “solución definitiva” propuesta en el último blog, ya que esto bloquería todo el tráfico de referencia, y eso te impediría ver tráfico “legítimo” proveniente de otros blogs o sitios web.

I wanna be a wordpress rockstar PARTE IV

Llegó la hora de la verdad: ¿cómo mostrar la información de nuestro post type personalizado? (si no tienes idea de qué estoy hablando, pásate por la PARTE I, PARTE II y PARTE III de esta guía).

Existen múltiples maneras de hacerlo, la manera tradicional es hacerlo a través de funciones de wordpress que no son más que “envoltorios” o wrappers para no realizar consultas “duras” a la base de datos, estas “envolturas”, realizan muchas funciones útiles de por medio, como los filtros por url, internacionalización, y en general toda la “magia” de wordpress.

Para nosotros que estamos enfocados en este momento en ser rockstars sin escribir código, no nos vale el método antes mencionado, ya que requiere un conocimiento previo de la gran cantidad de funciones que puedes ver en codex.wordpress.org.

Entonces nos queda tomar una decisión: ¿cómo simplificamos la visualización de contenido personalizado sin usar PHP?; Como ya te vendrás anticipando necesitaremos usar un plugin. Pero no cualquier plugin, uno que realmente nos sirva para mostrar de la mejor manera nuestro contenido.

Tu “content builder” favorito podrá mostrar algunos campos básicos del post type que hemos creado, como el título o el contenido, además de sus taxonomías. Sin embargo, esto no nos sirve para generar una “página” personalizada para nuestras propiedades.

Aquí es donde para continuar con esta guía, tomaré la siguiente decisión que espero que compartas (la cual también justificaré). Usaremos un plugin de pago que forma parte de la suite Toolset, llamado Views. El plugin es algo “caro” en comparación a los precios que usualmente vemos en la red. Sin embargo como rockstar y para llegar a este nivel de personalización, puedes perfectamente cargar el costo de plugin a alguno de tus proyectos, si el costo de tu proyecto no resiste una inversión menor como esta, entonces estás en camino a ser un verdadero rockstar, pero rockstar de kermés  🙂 🙂 🙂

Si estás sólo probando y practicando, puedes usar alguna versión pirateada “descargada de internet sin fines de lucro”, que te aseguro existe para versiones de wordpress inferiores a la 4.2.3 (ojo con esto, ya que la última versión de wordpress, introdujo cambios de seguridad que hacen obligatorio actualizar a la versión de views liberada el día de hoy 30/07/2015, por lo que la versión comentada anteriormente deberás instalarla en un wordpress 4.2 o inferior, siempre con fines educacionales 🙂 ).

No me voy a detener en la instalación de Views, ya que es idéntica a la instalación de cualquier plugin, sí me voy a detener un poco en explicar 2 conceptos de “Views” que nos servirán para entender mejor cómo y cuándo crear e intervenir plantillas en nuestro template, ya que Views se jacta de “funcionar” con cualquier template.

Antes de partir con el plugin Views, me detendré un poco en explicarte cómo wordpress muestra el contenido de tu sitio, a través de los distintos archivos de plantilla.

Cuando tu llamas a una dirección en un sitio web de wordpress, en realidad lo que haces es a través de la URL llamar a una sección de contenido de wordpress, que tal como lo vimos anteriormente puede ser un POST (de cualquier tipo), o una TAXONOMY. La estructura del “link” o url, dependerá de lo que hayas configurado en el menú de ajustes sección “Enlaces Permanentes”.

Por defecto (y cuando no está mod_rewrite activo en el servidor de webhosting, o cuándo no has configurado el archivo .htaccess) se muestran las URL al estilo http://www.manuelbriones.cl/?p=123, donde el número corresponde al ID del post en la base de datos, así de directo.

Así como puedes llamar a los ID de los posts, también se pueden llamara a las categorías, tags, post personalizados y taxonomías personalizadas; por lo tanto wordpress cuando “recibe” una petición a través de la barra de navegación del usuario, compara con su información almacenada y discierne lo siguiente:

  • ¿Qué me están pidiendo?, puede ser UN POST en específico (con su respectivo ID o slug), o pueden ser VARIOS POST “agrupados” bajo una categoría, un tag (etiqueta), o una taxonomía personalizada (como las nuestras que son Tipos de Contratos y Tipos de Propiedades).
  • Una vez que detecta qué es lo que se está pidiendo, BUSCA de acuerdo a un orden lógico preestablecido por wordpress en la carpeta de tu template, el archivo que más se acerque al contenido que se está solicitando.

La plantilla “comodín” para todo es index.php; un template podría construirse con un mínimo de 3 archivos (index.php, style.css y functions.php), y podría funcionar perfectamente, obviamente no es lo óptimo, pero sirve para explicar el funcionamiento de la visualización del contenido y su posterior aplicación en Views.

El orden lógico preestablecido que mencionamos, se resume en esta gráfica publicada en codex.wordpress.org. A lo que wordpress le llama “template hierarchy” (jerarquía de plantilla).

Puede ser un poco complejo de leer por primera vez el gráfico, yo recomiendo leerlo de derecha a izquierda, así se hace más fácil su comprensión, por ejemplo si tenemos UN POST (como lo es este artículo), wordpress en “último lugar” usará index.php, luego si existe un archivo single.php, ese es el que usará, pero si antes de eso existe un single definido específicamente para un post type (como podría ser single-propiedades.php), pues será ese el usará, y si antes de eso existe un single-id.php, donde id es el id del post, pues se usará esa plantilla. ¿Ves que no era tan difícil?.

Ahora tenemos que tener claro que una misma entrada o post, puede visualizarse desde distintas plantillas, por esto he explicado lo anterior, para que tengas la mente abierta a entender que una “propiedad” puede visualizarse directamente a través de una página singular como “single.php” o a través de una personalizada como “single-propiedades.php” o a través de la vista de una taxonomía como “Tipos de Propiedades” o “Tipos de Contratos”.

Afortunadamente Views nos facilita tremendamente esta manera, “interviniendo” directamente en las consultas de wordpress para mostrar “porciones de templates” en el momento “exacto”.

De esta manera Views nos provee 2 tipos de “Plantillas” que podemos utilizar de distinta manera:

  • Views (a secas)
  • Content Templates

La diferencia entre una y otra, es que una “View” sencilla, permite mostrar contenido que nosotros definamos en cualquier parte, blog, página incluso en un widget a través de un shortcode autogenerado por el plugin. Con esto podemos insertar una vista de propiedades destacadas en el home de nuestro sitio sin mucho esfuerzo.

En el caso de las “Content Templates”, son aquellas plantillas que intervienen por completo el contenido de una plantilla, “reemplazando”, todo lo que sería “the_content()” por la plantilla definida en Views. Es especialmente útil para configurar los estilos de páginas únicas para nuestros Post Types.

Si tomamos el ejemplo del Post Type propiedades; tenemos un template desarrollado por un tercero, y queremos tener nuestro propio diseño para cada propiedad que vayamos a visualizar.

Sería improcedente crear una página para cada propiedad y en ella insertar el shortcode de una view. Para esto creamos una “Content Template” que nos permitirá definir una misma plantilla para todo el contenido bajo un Post Type o Taxonomy. ¿Demasiado bueno no crees?.

Crear una “View” para insertar en el home de nuestro sitio web

Hasta que llegó el momento: ahora vamos a crear una “View” que nos permita generar un shortcode para pegar en algún lugar de nuestra homepage. Este shortcode a su vez mostrará toda la representación gráfica que generemos de las últimas propiedades en venta o arriendo a través de esta vista.

Esta será la “view” más sencilla que haremos, pero no por eso menos útil ni poderosa.

Vamos al menú de Views, luego a la opción Views y presionamos en el botón Agregar Nueva View.

Llama la atención de inmediato un cuadro de diálogo que nos pregunta qué es lo que queremos mostrar en la nueva “View”:

Captura de pantalla nueva view plugin wordpress

Este cuadro de diálogo, es una especie de asistente para no tener que configurar manualmente todos los parámetros de la vista al ingresar al plugin, sino que carga ciertos parámetros predefinidos para hacer más fácil aún la tarea de crear una view.

Para nuestra homepage, nos viene como anillo al dedo utilizar la tercera opción que es “Mostrar los resultados como una presentación”, ya que Views automáticamente genera una vista tipo “carrusel” con las entradas que nosotros indiquemos, dando de inmediato un aspecto dinámico al contenido, y sin casi escribir tags de html ni funciones de javascript.

Marcamos la opción y le damos un nombre descriptivo a la View.

Ahora nos encontramos con la página de configuración de la View, aquí se controlarán todos los parámetros de la vista que estamos generando, desde qué tipo de contenido, hasta la forma en que se va a presentar (en tablas, divs, o como se te antoje).

Nota especial para temas que soportan Bootstrap (¿no sabes lo que es Bootstrap?, visita http://www.getbootstrap.com para más información): Views soporta utilizar sus grillas y presentaciones utilizando los estilos propios de Bootstrap (col, row, etc), sin embargo debes indicarle a Views en el menú configuración del mismo cuál es la versión de Bootstrap que está soportada por tu template.

La primera sección de la página de configuración de la view, se refiere directamente al tipo de contenido que se mostrará a través de esta vista, como ya lo habíamos creado anteriormente, seleccionamos nuestro post type propiedades.

Captura crear view usando plugin Toolset views

 

Al presionar un tipo de entrada, se habilitan las opciones de consulta a esta información, aquí podríamos definir sólo propiedades en arriendo, o en venta, o en base a algún otro parámetro que nosotros establezcamos. Para los efectos de esta primera View, no utilizaremos ningún filtro, sino que sólo mostraremos las entradas de este post type (las propiedades) ordenadas por fecha, desde la más reciente a la más antigua:

Seleccion de filtro para post type personaliado en Views

 

Posteriormente, Views nos mostrará las opciones de paginación de los datos; la paginación es necesaria cuando tienes “más información que mostrar”, y qué mejor que gestionarlo automáticamente, si dejamos las opciones por defecto de la transición automática, podemos elegir el tipo de transición (efecto), la duración y la cantidad de resultados por página que hará automáticamente Views.

En este caso, si tenemos 10 propiedades que mostrar, habrán 2 especies de slides de propiedades con 5 por cada “slide”, con un efecto de desvanecimiento que dura medio segundo.Selección paginación post type personalizado wordpress

 

El resto de las secciones que vienen más abajo, permiten controlar la manera en que se muestra la información de esta vista al usuario (qué se muestra y dónde se muestra).

La primera sección se refiere a los “filtros”; los filtros en views se refiere a todos los controles que permiten realizar la paginación (saltar de una página de resultados de propiedades a otra), y los filtros de búsqueda si es que se han creado (nosotros no lo hemos hecho esta vez).

Cada “shortcode” especial que aparece en estas secciones, es para deliminar los contenidos, en el contenido por defecto, cualquier cosa que pongamos dentro del shortcode “[wpv-filter-controls][/wpv-filter-controls]”, es lo que se mostrará en la sección de filtros de la vista.

Nosotros no agregaremos nada, pero si quieres experimentar, basta con posicionarte entre ambos bloques (el de inicio y el de cierre) y presionar el botón “Controles de Paginación”, para utilizar algunas de las opciones que entrega el asistente.

Captura de pantalla filtros de Views de Toolset

 

La siguiente sección es una de las más importantes, y es la que controla el contenido completo de la Vista, es decir qué cosas vamos a mostrar de nuestro post type propiedades.

En esta sección se denomina “Resultado de bucle”, ya que todo lo que se encuentre dentro de “<wpv-loop></wpv-loop>” se repetirá tantas propiedades tengamos, con un límite de 5 por “página” gracias a la configuración de paginación previa.

Si se fijan, por defecto sólo viene un shortcode que llama a una “view-template”, esto se introdujo en las nuevas versiones de Views, ya que antes no existía; esta view-tempalte, simplemente es una plantilla adicional que se refleja en el contenido un par de líneas más abajo en el navegador. Se creó para poder reutilizar “plantillas” entre views. (suena algo complicado de entender, pero en la práctica verás que es sencillo, se creó con el fin de no tener que reescribir HTML común entre varias Views (es como “la view de la view” 😛 )).

Esta “view-template”, lo único que muestra en este momento, es un link represtando por su shortcode de views “[wpv-post-link]” (puedes agregar y quitar información usando el botón Campos y Vistas, quien genera automáticamente este tipo de shortcodes especiales de views).

Como nosotros queremos mostrar algo más elaborado, con estilo y con los campos que necesitemos, vamos a eliminar de <wpv-loop> el llamado a la view-template y en su lugar presionaremos el botón “Asistente de Bucle”, quien nos permitirá generar automáticamente una estructura de HTML que nos haga escribir lo mínimo con la mejor presentación posible.

Al presionar el botón se nos pregunta qué estilo queremos usar; como para esta prueba, estamos utilizando un template no-bootstrap (twentyfifteen), no nos aparecerán las grillas con estilos de bootstrap, sino que nos ofrece una cuadrícula basada en tablas. La escogemos y presionamos en la cantidad de columnas que necesitamos, luego presionamos en siguiente para continuar con la selección de los campos requeridos.

Una vez seleccionados nuestros campos, ya estamos en condiciones de guardar y utilizar nuestra view. ¿te animas a hacerlo sin ayuda?, una pista es que en el editor WYSIWYG de páginas y entradas, ahora aparece un icono de una “V” que te permitirá seleccionar sin mucho esfuerzo los shortcodes disponibles de tus Views.

Si te gustó y crees necesario hacer más entregas de este tutorial, estaré esperando tu comentario.

 

I wanna be a wordpress rockstar PARTE III

Continuamos con el intensivo :), en esta ocasión, continuamos con el desarrollo del sitio web de RRE Corredores de Propiedades, si no tienes idea de qué se trata, revisa la PARTE I y PARTE II de esta guía.

Creando los metadatos que usaremos para nuestro post type “propiedades”

Hasta el momento, sólo habíamos alcanzado a crear el post type, y sus taxonomías asociadas. Ahora usaremos una de las características más poderosas de Types, y es la posibilidad de crear de manera muy sencilla campos personalizados para nuestros post types, y además de esto, poder administrarlos de manera muy práctica en nuestras entradas.

De forma “manual” a través del archivo functions.php, no es “tan complicado” declarar el uso de post types y también de taxonomies, sin embargo, poder generar los formularios de ingreso, modificación y eliminación de metadatos para cada post type, a través de una interfaz gráfica como la que provee Types, es una gran ayuda, y un ahorro de tiempo tremendo.

Al igual que las taxonomies, los campos personalizados no son propios de sólo 1 post type, estos pueden asignarse o restringirse a uno o más post types. En nuestro caso sólo los utilizaremos para el post type “propiedades”, pero debes tener claro que los grupos de campos personalizados, pueden ser utilizados en uno o más post types.

En el menú de Types vamos a la tercera opción “Campos personalizados”  y a continuación presionamos el botón “Agregar nuevo grupo”. El concepto que utiliza Types, es agrupar metadatos a través de esta opción para así poder asignarlos rápidamente a un post type específico.

En nuestro caso utilizaremos el grupo de campos personalizados “Campos para Propiedades”, para identificar cada uno de los atributos que tendremos disponibles para el post type propiedades.

Captura de pantalla ingreso de campos personalizados

 

Por lo tanto, nos resta ingresar “dónde visualizar este grupo” que sería en nuestro Post Type “Propiedades”, para luego comenzar a agregar campos personalizados en la barra lateral derecha.

De nuestras propiedades necesitamos indicar por lo menos los siguientes campos:

  • superficie en metros cuadrados (numérico)
  • cantidad de habitaciones (numérico)
  • cantidad de baños (numérico)
  • patio (casilla de verificación)
  • jardín (casilla de verificación)

El tipo de dato escoger, te lo dará la experiencia, claramente para filtrar o para realizar posteriormente búsquedas personalizadas es más sencillo requerir la menor cantidad de datos posibles por parte del usuario, a modo de ejemplo, es más práctico utilizar una casilla de verificación para el campo “patio”, (en donde almacenaremos un 1 si el usuario marca la casilla, o un 0 si no la marca), que solicitar completar una línea simple (texto), donde algunos operadores podrán escribir según su criterio “sin patio” o, quizás otro operador escriba un “no tiene”, haciendo mucho más difícil filtrar la información correcta en una búsqueda al estilo “mostrar todas las propiedades que tengan patio”, donde en nuestro caso buscaremos simplemente la condición patio = 1.

La creación de cada campo numérico, debería quedar similar a como se muestra en la siguiente captura:

Captura de ingreso de campo numérico

Lo que es necesario comentar, es que la traducción de lo que aparece como “Marcador”, se refiere al atributo placeholder de html del campo que estemos creando, es decir, esa “ayuda visual” encima del campo de texto antes de presionar encima de él.

También es necesario mencionar que requerimos un valor sencillo del campo, es decir de un sólo valor, por lo que marcamos la opción “Este campo puede tener sólo un valor”. (La otra opción se hace útil cuando se necesitan campos repetitivos, supongamos que estamos recopilando las notas de alumnos, entonces usamos un campo “nota” que almacene las múltiples notas de un alumno para una asignatura en el semestre).

Finalmente podemos establecer la obligatoriedad de ingresar el campo en el administrador de wordpress al momento de ingresar la propiedad, y los respectivos textos de error que se mostrarán al usuario.

De esta misma manera creamos  el resto de campos numéricos faltantes.

Las casillas de verificación deberían verse mas o menos así:

Captura de pantalla casilla verificación types

Las opciones, son en su mayoría bastante intuitivas, cabe mencionar que Types permite almacenar unos valores en la base de datos, para el campo seleccionado o no seleccionado pero al mostrar el campo al operador, muestre un texto que describa este valor. Esto es útil ya que es un poco “desprolijo” mostrarle al operador Patio: 0 o Patio: 1, en este caso, Types hace el reemplazo antes de mostrar el valor del campo, si es 0 nos mostrará “Sin Patio”, y si es 1, nos mostrará “Con Patio”.

Es importante tener en claro que en la base de datos, se guardarán los valores 0 y 1 (o los que nosotros especifiquemos), ya que serán estos valores los que en un futuro nos permitirán filtrar propiedades por este campo.

Luego guardamos nuestro nuevo flamante grupo de campos personalizados.

Ahora y sin hacer más, podemos utilizar nuestro Post Type “Propiedades”, con todas sus características a través del panel de administración de wordpress, tal y como se muestra en la siguiente captura:

Captura post type personalizado propiedades

 

Ahora sí en nuestra próxima entrega, usaremos toda esta información a través de nuestro frontend (sitio web público), para hacer visible a nuestros visitantes las propiedades disponibles de RRE Corredores de Propiedades 🙂