Categories
Desarrollo Web Tutoriales

¿Sabes Javascript?

Pues deberías!

En este tutorial de JS encontrarás una re-introducción a las teoría fundametal de JavaScript desarrollado por MDN

Si esta es tu primera vez con Javascript te recomiendo este enlace:

Fundamentos de JS

Si ya tienes algo de experiencia pero necesitas repasar todo rápidamente:

Reintroduccion de JS

Categories
Tutoriales Wordpress Tips

Como agregar notificaciones en el navegador

Si alguna vez trataste de hacer crecer tu lista de suscriptores, pero en realidad no vez ningún cambio en el numero de retorno de visitas a tu sitio, agregar notificaciones en el navegador de tu cliente puede ser una alternativa que te ayude:

Mantener informados a las personas que ya visitaron tu sitio web creará trafico de regreso”.

Notificaciones en el navegador o “push notifications” se han vuelto una alternativa muy potente y que te recomiendo que a lo menos pruebes para evaluar los resultados.

Como en la mayoría de los casos para implementar nuevas funciones o complementos en tu sitio WordPress, la solución se llama plugin. En este caso instalaré One Signal desde aquí https://onesignal.com/

Con la versión gratis obtienes:

  • 30.000 subscriptores a través de web y ilimitados a través de móviles.
  • Ilimitado volumen de mensajes.
  • 6 segmentos como comportamiento, ubicación geográfica y otros.
  • 3 modelos de secuencias de mensajes.
  • 1 mensaje en App (diseño de avisos publicitarios ó pop-ups).
  • Soporte limitado.
  • Información de visitantes protegida.
  • 10 etiquetas de datos (para apuntar a clientes específicos)

Paso 1

Regístrate

https://onesignal.com/

Paso 2

Completa la información de tu sitio y selecciona Web Push.

Paso 3 y 4

Selecciona Worpress Plugin

y completa la información de tu sitio web.

Paso 5

Configura tu plugin. Primero debes instalarlo.

Descarga el plugin

Paso 7

Ve a tu Worpress > plugins > añadir nuevo

Añadir plugins > Subir plugin

Encuentra la descarga del paso 5 (en tu PC).

y dale a instalar ahora…

Finalmente “Activar plugin

Paso 8

En tu menú principal ve a OneSignal Push

y completa la información App ID y REST API Key proporcionada en el paso 5 (desde el sitio web de OneSignal)

Ve hasta el final de la página de configuración y guardalo.


Ahora comienza la etapa de configuración de la aplicación y las funciones que quieres que esta realice.

Y me imagino que hasta ahora puedes hacerlo tu mismo o de lo contrario esperar un poco a que yo mismo evalué el su funcionamiento y pueda construir un video con lo aprendido, ya que los pasos a seguir no son complejos, pero tomarán un par de horas.

Deja un mensaje si necesitas ayuda 🙂

Categories
Desarrollo Web Tutoriales

HTML básico

Hypertext Markup Language (HTML) es la base o lenguaje con que websites yweb application se construyen.

Uno de los conceptos fundamentales que necesitas aprender para usar HTML es marcadores semánticos: esto es colocar etiquetas al contenido según lo que este sea y no solo como una forma de dar estructura, sino también de clasificación por tipos. De esta forma en el contenido disponible en Internet puede ser fácilmente clasificado de acuerdo al tipo de información

Objetivos de aprendizaje:

  • Sintaxis de elementos HTML
  • Formatear contenido
  • Mostrar imagenes
  • Crear enlaces
  • Atributos HTML globales
  • Estructuración de contenido
  • Construir formas
  • Crear tablas

https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics

Categories
Facebook Tips Tips para Redes Sociales

Dimensiones de tu foto de portada para tu página en Facebook

Tamaño ideal de la foto de portada de Facebook, para que se vea bien en computadores y en teléfonos móviles.

En pocas palabras, la imagen que subes a Facebook para que sea tu portada de tu página o de tu perfil será recortada con las medidas definidas por ellos como se muestra en la imagen anterior.

Esto es 820×312 para la mayoria de las computadoras de escritorio y notebooks y de 640×360 pixeles para la mayoria de los telefonos celulares. ¡Entonces la gran pregunta es! ¿como construyo una imagen que se vea bien en “ambos” tamaños de monitor o screens? Y si además agregas a esto algun par de elementos como logo o texto, la cosa se complica aún más.

No te preocupes, es más fácil de lo que parece.

Simplemente tienes que crear una imagen del tamaño máximo permitido, esto es:

“820 x 360 pixels”

De esta forma te aseguras que el contenido principal quede enmarcado entre dos dimensiones que consideran monitores grandes y pequeños. La zona enmarcada entre el color verde y el negro transparente de ambos rectangulos representa la “zona segura” para el contenido que quieras que siempre se vea:

El tamaño total de la imagen es representado por el color naranjo del fondo del canvas.