Desactivar la pantalla completa en WordPress

Desde la actualización de WordPress a la versión 5.4, cuando abres el editor de bloques de WordPress para crear una entrada o una página, por defecto, aparece en pantalla completa, desapareciendo el menú de administración lateral izquierdo.

Pantalla completa inútil

Si esta funcionalidad permitiera trabajar con lienzos para crear una estructura de página con bloques a pantalla completa, hasta sería interesante, ya que esto te permitiría insertar varias columnas en paralelo e incluso introducir contenido en cada una de ellas de forma cómoda.

Sin embargo, a día de hoy, esta “pantalla completa” resulta totalmente inútil, puesto que lo único que hace es esconder la barra de administración izquierda y centrar algo en lienzo del editor. Si te fijas, al hacer, queda un amplio margen vacío a izquierda y derecha del lienzo, por lo que en realidad no es ninguna pantalla completa.

Pantalla completa WordPress

Además de esto, para cambiar a otra zona de la administración, te verás obligado a hacerlo en dos pasos

  • Hacer clic en el icono de WordPress arriba a la izquierda (1)
  • Elegir otra opción del menú de administración

En cambio, con el modo de visualización normal tienes todo el menú visible y puedes ir directamente donde necesites.

Desactivar pantalla completa en WordPress

Si quieres seguir trabajando del modo normal, como lo estabas haciendo hasta ahora, hay varias opciones para desactivar la pantalla completa en WordPress, de los modos en que te explico a continuación.

Desactivar manualmente

Si quieres desactivar la pantalla completa en WordPress de forma manual, lo puedes hacer individualmente en cada entrada o página, siguiendo estos simples pasos:

  • Haz clic en el icono con los tres puntos arriba a la derecha (1)
  • Pulsa sobre donde pone “Modo a pantalla completa” (2)

Desactivar con plugin

También existe un plugin gratuito dentro del repositorio de WordPress que te va a permitir modificar el modo en que quieres visualizar el editor por defecto.

De este modo, si seleccionas ver el editor normal, estarás desactivando el modo de pantalla completa en WordPress.

Desactivar con código

Si eres de los más atrevidos y ya utilizas tu propio plugin de funciones, te dejo el snippet de código que debes pegar para desactivar la pantalla completa en WordPress.

if (is_admin()) { 
    function jba_disable_editor_fullscreen_by_default() {
    $script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });";
    wp_add_inline_script( 'wp-blocks', $script );
}
add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );
}

Como ves, hay distintas formas de desactivar la pantalla completa en WordPress, tanto de forma manual como automática.

Sin embargo, cabe recordar que el editor de bloques de WordPress, aún se encuentra en fase de desarrollo, por lo que es posible que, dentro de algún tiempo, esta función mejore pensando en la experiencia de usuario que, a día de hoy, parecen haber olvidado.

¿Qué piensas? ¿Eres de los que te gusta tener siempre el menú de administración a la derecha o prefieres esconderlo y trabajar “sin distracciones”? ¿Te resulta útil la pantalla completa en WordPress?

Deja tu comentario debajo y comparte tu experiencia con otros usuarios.

#Podcast 143. Cómo ponerle voz a tus artículos

Nuestro patrocinador

descuento-host-fusion-hosting-wordpress

Si buscas un proveedor de hosting al que confiar tu sitio web, tu negocio online, tu comercio electrónico, nada mejor que hacerlo a los profesionales de Host-Fusion.

Te ofrecen planes de alojamiento a la medida de tus necesidades, desde 1 a 10Gb de espacio en discos SSD en sus servidores LiteSpeed.

En todos sus planes incluyen dos copias de seguridad diarias, recuperables con un clic, bases de datos, cuentas de correo electrónico y subdominios ilimitados.

Consigue un 25% de descuento para siempre y un dominio gratuito durante el primer año al contratar cualquiera de sus planes de hosting para WordPress.

Actualidad WordPress

¿Qué le pides a WordPress 5.5?

WordCamp Europe 2020 será online del 4 al 6 de Junio

Entradas gratuitas para WordCamp España 2020 Online

El tip de la semana

Cada vez son más fugaces las visitas que llegan a leer un blog: buscan en Google la solución a un problema, hacen clic en el enlace, hacen un escaneo rápido buscando el párrafo exacto donde está la solución y ¡hasta la próxima!

Es muy importante tener esto en cuenta a la hora de plantearnos escribir un blog. De nada sirve escribir artículos de interminables párrafos que, en realidad nadie leerá completo nunca.

Indudablemente, una muy buena opción es crear un podcast con el contenido de nuestro blog que, además, facilitaría el acceso a los artículos a las personas invidentes o con problemas de visión.

Sin embargo, no todo el mundo tiene ni tiempo ni medios para crear un podcast (grabación, edición, distribución…).

Hoy quiero hablarte de una herramienta que se encarga de convertir, de forma automática, tus artículos de WordPress a audio, mediante la sintetización de voz robótica en distintos idiomas y con distintos géneros.

Cómo funciona Play.ht

En este caso no estamos hablando de un servicio gratuito, aunque lo puedes probar durante 14 días completamente gratis.

Para que funcione, tienes que registrarte en su plataforma e instalar el plugin oficial que encontrarás en el repositorio.

Después, podrás convertir tus artículos a audio de dos maneras: desde el listado de entradas, seleccionado la entrada que quieras y pulsando sobre el botón que se ha añadido arriba que pone “Convertir a audio” o bien editando la entrada concreta y pulsando sobre el botón que encontrarás en el menú lateral derecho.

Seguidamente verás el texto sin formato tal cual lo leerá el sintetizador. Puedes variar signos de puntuación y añadir o quitar párrafos.

Idiomas disponibles

En total puedes elegir entre más de 100 voces en distintos idiomas. Por ejemplo hay 3 variantes del español. Y dentro del español de España puedes elegir entre 8 voces distintas (5 de mujer y 3 de hombre). Además también puedes elegir la entonación, respiración, etc.

Insertar en el post

Una vez hecho el proceso anterior, por defecto, se insertan de forma automática dos elementos dentro de tu post:

  • Botón con texto “escuchar” al inicio del post
  • Icono flotante con unos auriculares en la parte lateral derecha del sitio web

Al pulsar cualquiera de los dos elementos se abre un reproductor fijo en el footer de tu página y comienza a reproducirse el audio.

También puedes insertarlo en cualquier otro lugar mediante un shortcode que se genera desde un botón del editor.

Personalización

Desde el backend de tu WordPress, tienes posibilidad de personalizar los colores y aspecto de los iconos y del reproductor así como añadir o quitar opciones para compartir, descargar, suscribirse, etc.

Crear un podcast

Otra del as características de Play.ht es que te permite crear un podcast con todos los archivos de audio que has ido generando en tu web y enviarlo a Apple Podcast directamente. Únicamente tienes que rellenar un pequeño formulario y lo tendrás listo en cuestión de minutos.

Precio

El previo varía en función del número de post que quieras convertir mensualmente. Tienen planes que oscilan entre los 9$ y los 64$ mensuales y funcionan mediante un sistema de créditos.

Sin embargo, si estás interesado en la herramienta, puedes aceptar el trato de APPsumo y conseguir convertir 10.000 palabras mensuales por un pago único de 49$. Recuerda que estos tratos solo están disponibles por días limitados, por lo que es posible que cuando escuches el podcast ya no lo esté.

Inconvenientes

Después de probar la herramienta he descubierto puntos positivos y negativos.

El positivo es que el resultado es bueno, las voces están bastante conseguidas y creo que es muy buena opción tanto para crear un podcast sin medios técnicos como para mejorar la accesibilidad.

Sin embargo tiene, bajo mi punto de vista, un gran inconveniente: cada vez que quieres modificar una grabación, consumes uno de los créditos que tenías disponibles… por lo que si hay algún texto que no se lee bien o la voz no te convence del todo y la quieres modificar, la modificación se te contará como una nueva grabación.

Nuestras recomendaciones

Esta semana te recomiendo un plugin bastante útil cuando necesitas cambiar el correo electrónico del administrador de WordPress y ya no tienes acceso al correo antiguo. Simplemente necesitarás modificarlo sin necesidad de hacer ninguna verificación.

Así era justamente como estaba antes de la versión 4.9 de WordPress, donde se añadieron otros requisitos y se modificó.

#Podcast 142. Iconos animados en WordPress

Nuestro patrocinador

descuento-host-fusion-hosting-wordpress

Este episodio está patrocinado por Host-Fusion, el proveedor de hosting en el que confiamos en WPnovatos, que te ofrece planes de alojamiento para WordPress a la medida de tus necesidades, desde 1 a 10 Gb de espacio. Todos ellos en servidores LiteSpeed, los más rápidos del mercado, para tu sitio web cargue a la velocidad del rayo.

Además, podrás instalar el plugin gratuito LiteSpeed Caché con utilidades como la optimización de imágenes directamente desde el servidor y la concatenación de archivos de CSS, JS, etc.

Llévate un 25% de descuento (para siempre) y un dominio gratis (durante el primer año) al contratar tu hosting para WordPress con Host-Fusion.

El tip de la semana

Esta semana te explicamos cómo insertar iconos animados en WordPress gracias a una biblioteca de iconos personalizables, bien a través del editor de bloques o mediante shortcodes.

Instalar el plugin

El primer paso sería instalar el plugin gratuito del repositorio oficial

Añadir iconos

Por defecto, el plugin trae incluidos hasta 50 iconos gratuitos con los que puedes trabajar, aunque, por tiempo limitado es posible hacerte con una biblioteca de un total de 500 iconos.

Recuerda que el zip que te descargas no puedes subirlo a WordPress. Tienes que descomprimirlo en tu disco duro y encontrarás dentro los archivos .json con los nombres de las categorías.

Una vez localizados los archivos que necesitas subir, debes acceder a la opción llamada “Lordicon” que tienes en el menú de administración de WordPress y subirlos.

Insertar iconos

Los iconos los puedes insertar fácilmente añadiendo un bloque llamado “Lordicon elements”.

Después, en la barra de personalización del bloque, podrás elegir el icono concreto, el tamaño, los colores, el tipo de animación, etc.

Justo debajo del personalizador de colores te generará un shortcode, que podrás utilizar para añadir los iconos dentro de un page builder como Elementor, Divi, etc.

Comunidad WordPress

Faltan muy pocas horas para cerrar la llamada a ponentes de la próxima WordCamp España Online 2020 que tendrá lugar del 6 al 9 de mayo para toda la comunidad de habla hispana.

Si estás interesado, puedes presentar la solicitud en cualquiera de estas modalidades:

  • Charla rápida 10 de minutos (vídeo pre-grabado)
  • Charla estándar de 20 minutos + 10 minutos de preguntas
  • Charla extensa / taller de 45 minutos + 15 minutos de preguntas

Nuestras recomendaciones

Esta semana te recomendamos una herramienta “Open Source” similar a TextExpander, que te permite insertar texto predefinido a través de atajos que crees tú mismo.

El mejor chat para una tienda online WooCommerce 3 Consejos de uso

Translating…

Crear una web de comercio electrónico es más sencillo y requiere menos costes que una tienda física, pero en lo que a generar ventas se refiere, puede ocurrir lo contrario, ya que sin presencia personal, es más complicado convencer al usuario de que realice esta acción.

Para este caso de vender online u otros casos en los que tu producto requiere de un soporte o de un servicio profesional y de calidad, es cuando se recomienda usar un chat de atención al cliente. ¿Y cuál elegir? ¿Cómo saber si lo estás usando correctamente?

A continuación vamos a examinar el que puede ser el mejor chat para WooCommerce, así como algunos consejos de uso para sacarle el mayor rendimiento posible.

Read More

Los 3 mejores plugins de reservas para WooCommerc

Translating…

Son muchas las empresas que necesitan un sistema de gestión de reservas o citas online y que buscan crear una web en WordPress con esta funcionalidad. Montar este tipo de sistemas requiere trabajo, pero se puede hacer con la ayuda de WooCommerce.

¿Cómo? Pues complementándolo con algunas herramientas muy completas. De todas ellas, a continuación vamos a ver los que en la actualidad son lo mejores plugins de reservas para WooCommerce, así como todas sus ventajas, inconvenientes, principales características, precio…

Read More

Solución al problema de los pedidos en WooCommerce con Redsys y HTTPS

Translating…

«¡Ay Redsys! ¿Por qué me haces la vida tan imposible?»

Estoy seguro de que todo el que haya trabajado antes con Redsys en WooCommerce ha dicho (o al menos pensado) esa frase alguna vez.

Y es que mientras el resto del mundo avanza, Redsys (la pasarela de pagos virtual con la que trabajan el 95% de los bancos en España) sigue anclada en el pasado y evolucionando al ritmo que evoluciona un dragón de Komodo. Y obviamente todo esto tiene consecuencias para nuestros ecommerce.

Una de esas consecuencias es que Redsys sigue sin «llevarse bien» con las tiendas WooCommerce que funcionan con HTTPS, generando problemas con el estado de los pedidos y el envío de notificaciones a los clientes.

Por suerte, hoy contamos con la ayuda de Rafa Gallego, fundador de la tienda online OutletPilarBatanero.com y alumno mío, para que nos hable de cómo usar correctamente HTTPS en nuestras tiendas y por supuesto, cómo solucionar los problemas con Redsys cuando trabajamos con este protocolo.

Con la cantidad de datos personales que, cada vez con más frecuencia, solemos aportar en las páginas web que vamos visitando a lo largo del día, y muy especialmente en las tiendas online –donde se suele incluir, además, información económica o bancaria muy sensible–, es normal que la seguridad se haya convertido en uno de los principales problemas a solventar por parte de proveedores de servicios de Internet (hostings, plataformas de pago, servidores en la nube, proveedores de correo electrónico, etc) y empresas dedicadas a la lucha contra la ciberdelincuencia.

Hackers o ladrones de datos los ha habido siempre, pero hasta hace unos años la mayor parte de la navegación en Internet se basaba en visitas a páginas con contenido meramente unidireccional, en el que el usuario apenas dejaba un rastro pequeño, del que había poco que rascar.

Read More

5 Consejos para usar correctamente los botones sociales en tu tienda

Translating…

¿Son las redes sociales una buena herramienta de marketing para tu tienda online?

La gran mayoría de personas dirían rápidamente que sí, aunque hay ocasiones en las que los botones de compartir pueden provocar el efecto contrario al que buscas.

En este post no vamos a hablar de cómo añadir las redes sociales a tu web, pues de eso ya hablan cientos de blogs. En este caso vamos a hablar de un tema casi más importante, del que apenas existe información y del que no todos los propietarios de un ecommerce son conscientes; cómo usar correctamente botones sociales en WooCommerce.

Así que si quieres conocer cómo hacer un uso adecuado de las redes sociales en tu web de venta, échale un vistazo a los útiles consejos que vienen a continuación 😉

Read More

Cómo validar tu idea de negocio antes de montar tu tienda onlin

Translating…

Las barreras tecnológicas para crear una tienda online con pocos recursos, son hoy más asequibles que nunca antes.

Pero una cosa es montar la tienda online y otra cosa bien distinta es convertirla en un negocio rentable del que poder vivir.

Para que no te choques contra un muro de realidad y termines abandonando al poco de empezar, es muy importante que dediques un poco de tiempo a hacer un estudio previo de viabilidad del negocio.

Ese paso previo, que la mayoría nos saltamos, puede salvarnos de «palmar pasta» y dedicar mucho tiempo a un proyecto que era inviable desde su base.

Pues justamente a evitar eso, es lo que nos va a enseñar en el post de hoy Anne Lise de «El Columpio Digital«. Una persona que sabe, y mucho, sobre cómo crear, gestionar y hacer crecer un ecommerce hasta convertirlo en un negocio rentable.

Te dejo con ella 🙂

Cada día se crean multitudes de tiendas online, y si te soy sincera, diría que demasiadas.

Es genial emprender un nuevo negocio. ¡Chapó! De hecho, no todo el mundo decide dar el paso, hay que ser valiente. Sin embargo he podido comprobar que muchas tiendas suelen cerrar pasado un año por varias razones.

La primera es que es necesario validar la idea de tu tienda online antes de comenzar nada. Es muy común fallar en esto. Luego se suele sumar la falta de conocimientos, tanto en ventas y marketing como del propio mercado, los gastos desmesurados para la creación de la tienda o bien los de la publicidad, entre otras cosas.

Read More

Controla el desplazamiento de tu web con CSS Scroll Snap

El scroll o desplazamiento, ya sea vertical u horizontal, es la forma más común que tenemos para explorar una web. Es lo que nos permite poder ver todo aquello que no aparece en el frame actual de la pantalla. Pero con el Scroll Snap podemos controlar el funcionamiento de este desplazamiento. Y solo con añadir unas pocas líneas de CSS.

Pero, ¿qué nos ofrece el Scroll Snap?. El Scroll Snap nos va a permitir que, al hacer scroll, ya sea con el ratón desde un ordenador o portátil, o desde la pantalla de un smartphone, este desplazamiento se detenga en un punto en concreto de nuestra web, normalmente el comienzo de una nueva sección. Esto es muy conveniente en sitios web que tengan una disposición en diferentes bloques horizontales, y queremos que nuestros usuarios salten de uno a otro de la forma más directa posible. Un buen ejemplo lo tenemos en la página de Tesla. Si navegamos por ella, vemos como saltamos directamente de una imagen a otra de forma directa.

Anteriormente, este tipo de comportamiento se podían realizar con Javascript. Pero gracias a los grandes avances que tenido CSS durante los últimos años, podemos hacerlo de forma muy sencilla con este lenguaje de programación. Pero, como suele pasar con las novedades en CSS, antes que nada vamos a comprobar el grado de compatibilidad que tiene con los navegadores actuales. Para ver si es conveniente usarlos en proyectos reales.

No nos olvidemos que, si es la primera vez que te enfrentas a CSS, es recomendable echar un vistazo a nuestra guía de iniciación al CSS, con la que podrás empezar a familiarizarte con este lenguaje.

Compatibilidad de Scroll Snap con los navegadores web

Como siempre, nos iremos a Can I Use… para comprobar que navegadores soportan Scroll Snap. Si los buscamos, obtenemos esto:

compatibilidad de CSS scroll snap con navegadores web

Como podemos ver, está bastante extendido, con excepción del soporte parcial de Internet Explorer, y la incompatibilidad los navegadores para móviles de Opera. En general, tenemos asegurados el buen funcionamiento casi en el 94% de los usuarios. A menos que sepamos que nuestro potenciales visitantes vengan en su gran mayoría de IE y Opera para móviles, podemos incorporar esta funcionalidad sin problemas.

Construyendo nuestro diseño con Scroll Snap

Hemos creado nuestro HTML de forma muy sencilla, con un div padre que alberga dentro cinco secciones, cada una de ellas con un heading y un párrafo, para tener algo de contenido. Lo que queremos es que, al hacer scroll, nos desplacemos de forma automática hasta el principio de cada una de estas secciones. Este funciona en ambas direcciones, es decir, si hacemos scroll hacia abajo iremos a la sección siguiente, y si lo hacemos hacia arriba, a la anterior.

codigo html para scroll snap

Es un código HTML muy sencillo, pero que nos va a servir perfectamente. Lo que tenemos que tener en cuenta es el CSS que le daremos tanto al div padre como a sus hijos. Empezaremos viendo el CSS que le daremos al div padre:

.snap-container {
    height: 100vh;
    overflow: auto;  
    scroll-snap-type: y mandatory;  
  }

La propiedad importante de este trozo de código es scroll-snap-type. Con el valor y estamos diciendo que el scroll que estamos marcando es el vertical. Y con el valor mandatory, que la pagina se mueva hasta el principio de la sección siguiente o anterior, según hagamos scroll hacia abajo o hacia arriba. En vez de el valor mandatory podemos usar proximity, que har;a que no nos desplacemos hasta la sección siguiente o anterior hasta que no estemos muy próximos al principio de dicha sección.

Ahora pasamos a cada una de las secciones. Este es el CSS que vamos a utilizar:

.snap-section {
    scroll-snap-align: start;
    min-height: 60vh;
  }

Con scroll-snap-align designaremos en que punto que el desplazamiento se pare. En nuestro caso, le hemos dado el valor start, por lo que se parará justo al inicio de la sección. Aunque también podemos usar los valores center para quedarnos a mitad de la sección, o end para quedarnos al final. La altura de la sección la hemos marcado en vh o altura del viewport.

Con estas pocas lineas, ya tenemos el Scroll Snap en nuestra web, con un resultado parecido a este:

scroll snap en funcionamiento en web

O podéis verlo directamente en Codepen:

A continuación, vamos a ver algunas variables que podemos introducir en Scroll Snap, como es el desplazamiento horizontal o el ajuste de margins y paddings.

Desplazamiento horizontal con Scroll Snap

Hasta ahora hemos visto el funcionamiento en scroll vertical, pero también podemos hacerlo en horizontal. Esto nos puede venir si la exploración de nuestra web se hace en esta dirección, o si queremos hacer un slider. Para conseguirlo, solo hay que cambiar un valor en el contenedor padre:

.snap-container {     
    scroll-snap-type: y proximity;  
  }

Exacto, cambiando el valor y por x, cambiamos el eje de desplazamiento. El resto de propiedades y valores seguirán siendo las mismas que las descritas antes.

Controlando los márgenes de nuestras secciones

Asignar un margin o padding a cada una de las secciones, aunque a primera vista pueda parecer algo no muy útil, puede ser muy necesario en ciertos escenarios. Por ejemplo, es muy habitual tener webs en las que existe un header con un navbar que se mantiene siempre fijo en la parte superior del navegador. Si usamos directamente el Scroll Snap, parte de nuestras secciones van a quedar debajo de este header, y no se van a ver.

Para solucionar esto, usaremos la propiedad scroll-padding-top o scroll-margin-top en nuestras secciones. El valor que le daremos será la altura que tenga nuestro header. Con esto conseguimos que la sección tenga el suficiente espacio superior como para que no quede por detrás del header.

Con el Scroll Snap puede darle una navegación muy característica a nuestra web, controlar como se mueven dentro de ella y dotar a cada una de sus secciones de un espacio propio. Ideal si queremos que nuestros visitantes centren su atención en cierto punto, ya sea un texto o una imagen. Y todo con unas pocas líneas de CSS.

Esperemos que os haya servido de ayuda este pequeño tutorial, y que hagáis uso del Scroll Snap en el futuro. Como siempre, tenéis disponibles los comentarios para hacernos llegar vuestras dudas, experiencias y sugerencias!

Calendario descargable: Agosto 2020

El verano está llegando a su fin, y no queríamos que se despidiera sin un toque tropical. Cambiamos la atmosfera anterior y nos adentramos en una en la que esperamos encontrar el relax que agosto debe traer. Los días son calorosos y en la apuesta de sol, podemos disfrutar de tonos en el cielo y en el agua de los que antes no podíamos.

En este clima tan tropical no podían dejar de acompañarnos los tucanes, que se han bajado del árbol para llenar de colorido la orilla.
Felices vacaciones!

Combinación tipográfica

La google font escogida para los números es la News Cycle, que aun solo contando con dos estilos, es perfecta para combinarse entre sí y con otras como puede ser la Radicals. El contraste entre ellas es enorme y nos aportan solidez.

Combinación de colores

En un clima tropical, verdes rosas y amarillos son determinantes y los encargados de llevarnos hacia ese trópico en el que encontraremos la paz que el invierno no nos ha dado.

calendario-agosto-tucan

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768

1280×720

1280×800

1440×900

1920×1080

Si lo preferís sin calendario para fondo de pantalla del móvil…

2560×1440

(Formato .png)

Calendario descargable: Agosto 2019

El verano es playa y piscina, pero también es campo. Son días soleados contemplando a los animales correr en la granja, mientras las chicharras hacen lo suyo.

El pollo Pepe nos lleva acompañando ya casi un año por lo que pedía a gritos que le dedicáramos un calendario. Él con su mamá, pasa las tardes veraniegas paseando y buscando la sombra en la que resguardarse.

Y nosotros con él pasamos las tardes de agosto. Esas tardes tranquilas y sin preocupaciones mientras lo vemos comer.

Aprovechad este mes, de vacaciones para casi todos, para encontrar la paz y la tranquilidad y poder coger energías para comenzar en Septiembre.

Combinación tipográfica

Para la tipografía del nombre la escogida es la Salt, una fuente con un aire vintage y en mayúsculas que contrastamos con la Google Font Mada, con siete estilos dentro de la misma familia que la hacen combinable.

Combinación de colores

Queríamos transportarnos a un ambiente campestre, de granja, en la que los colores cálidos fueran los predominantes, y que nos llevaran a esas tardes de verano, en las que podemos compartir el tiempo con los animales.

Disfrutar de Agosto y nos vemos a la vuelta!

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768

1280×720

1280×800

1440×900

1920×1080

Si lo preferís sin calendario para fondo de pantalla del móvil…

1920×1080

(Formato .png)

Calendario descargable: Agosto 2018

Y casi sin darnos cuenta estamos ya en Agosto, en el ecuador del año y en el mes de descanso por antonomasia. El mes en el que la mayoría de nosotros descansamos (al menos unos días) y podemos combatir el calor de la manera más relajante posible.

Y como este verano los calendarios han ido de refrescarse, si el mes pasado lo hacíamos con limonada, este lo hacemos con una de las cosas que al menos a mí, mas me relajan, una buena sandía fresquita, a poder ser delante del mar.

Así que nosotros nos sentamos en la playa a descansar y a coger fuerzas para empezar este septiembre a tope de energía. Como siempre, no nos vamos del todo, pero sí que si nos queréis ver, mejor buscarnos por una isla desierta!

Feliz verano y esperamos que podáis relajaros para comenzar “el curso” con las pilas muy recargadas!

Combinación tipográfica

En este caso hemos creado una combinación de dos Google Font. Como siempre usando la más creativa para el nombre del mes y la mas legible para los números del mismo. Así para el nombre la elegida es la Nanun pen, una tipografía estilo a mano, con un aire desenfado, mientras que para los números nos quedamos con la Gothic A1 una tipografía con ocho tipos dentro de la misma familia por lo que nos da un gran abanico de posibilidades si queremos combinarla con ella misma.

Combinación de colores

Como no podía ser de otra manera los colores principales son aquellos de la sandía, el verde y el rosa, salpicado por el color oscuro de las pepitas. El resto, tonalidades azules permanecen un segundo plano, integrándose en ella pero dejándole el lugar primero a la sandía, el eje principal de la ilustración.

Esperamos que acompañe vuestros fondos de escritorio y que si os toca trabajar podáis hacerlo de una manera más llevadera… ya no queda tanto para Septiembre!

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768

1280×720

1280×800

1440×900

1920×1080

Si lo preferís sin calendario para fondo de pantalla del móvil…

1920×1080

(Formato .png)

Calendario descargable: Agosto 2017

Hace un tiempo oí la frase de que “el verano siempre es mejor de lo que podría ser”. Nos hacemos muchas expectativas y planes y aunque no los llevemos a cabo, cuando llega septiembre raro es el año que no echamos la vista atrás y vemos con añoranza lo que el verano ha dado de si.

En nuestro caso este verano teníamos mucha ilusión y un solo plan, y aunque para nosotros el plan no llego cuando lo esperábamos y el verano comenzó en mayo al final, está siendo mucho mejor de lo que pudiera ser. Por eso, aunque en Julio, hayamos estado de vacaciones, es el momento de cerrar, pero no por cualquier razón, sino porque vamos a disfrutar de la felicidad.

Esperamos que disfrutéis de este verano tanto como nosotros y que a la vuelta, miréis atrás y hay sido el verano de vuestras vidas… (Hasta que llegue el verano que viene)

Combinación tipográfica

Para la combinación tipográfica hemos tomado dos tipografías que hace poco hemos compartido en el blog. Por una parte, para el nombre del mes, la tipografía es la metafors, una tipografía de descarga gratuita, muy creativa y con un aire infantil y veraniego.

Para realizar contraste para la tipografía de los números hemos escogido la fira sans, una google Font muy completa y muy recomendable para distintos trabajos, pues posee muchos tipos dentro de la misma familia.

Combinación de colores

En este caso, para la combinación de colores hemos tomado una paleta de colores pasteles, predominan el amarillo, el azul y el verde, pero todos con una tonalidad pastel que no los hace destacar por encima de ninguno.

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768 (Recomendado para tablets)

1280×720 (Perfecto para móviles)

1280×800 (Recomendado para portátiles)

1440×900

1920×1080

Si lo preferís sin calendario para fondo de pantalla del móvil…

1280×720

(Formato .png)

Calendario descargable: Agosto 2016

Ya está aquí agosto, y con el (aunque no tan puntual como siempre)… ¡nuestro calendario descargable gratuito! Si en Julio disfrutábamos de las noches estrelladas, este mes nos vamos a la playa a que el sol, la arena y el mar, nos ayuden a olvidar las preocupaciones 😉

Os deseamos a todos unas felices vacaciones para aquellos que las comencéis y una feliz vuelta al trabajo, para aquellos para las que las vacaciones estén en el recuerdo.

Combinación de colores

Como no podía faltar en una ilustración veraniega, los colores predominantes que se combinan son el azul y el naranja, colores muy asociados a lo marino. También podemos encontrar el marrón/beige que da el matiz neutro, y el amarillo, que da el punto de creatividad y color.

Como veis una paleta muy adecuada al paisaje y que intenta transportarnos a una playa desierta… 😉

Combinación tipográfica

En este caso hemos optado por una combinación de dos tipografías muy creativas pero con un carácter distinto. Por una parte Peace Sans da fuerza con sus trazos gruesos y contundentes y por la otra usamos la tipografía Metafors, una fuente con un carácter escrito a mano. Ambas aunque muy distintas, poseen un estilo veraniego que resalta el carácter de la ilustración.

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768 (Recomendado para tablets)

1280×720 (Perfecto para móviles)

1280×800 (Recomendado para portátiles)

1440×900

1920×1080

Si lo preferís sin calendario para fondo de pantalla del móvil…

1280×720

(Formato .png)

Calendario descargable: Agosto 2015

Este verano tenemos un telescopio y claro… nos pasamos toda la noche mirando estrellas. Quizá un día descubramos una nueva galaxia, pero mientras vamos aprendiendo de Saturno, Venus, Júpiter o la Luna.

Mirar por el agujerito te hace parecer más pequeño dentro de la infinidad del universo, pero a la vez grande al poder participar de ello.

Ahora que en Silo Creativo nos vamos de vacaciones, nos tenemos que dejar el telescopio en casa, pero no hay problema, porque lo cambiamos por un faro desde el que mirar el mar y por supuesto las estrellas!

Feliz verano a todos! 😉

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768 (Recomendado para tablets)

1280×720 (Perfecto para móviles)

1280×800 (Recomendado para portátiles)

1440×900

1920×1080

Si lo preferís sin calendario para fondo de pantalla del móvil…

1280×720

(Formato .png)

Calendario descargable: Agosto 2014

Este mes, en Silo Creativo nos vamos de vacaciones! Si en Julio aprovechamos unos días para descansar en una isla desierta, en Agosto, nos tomamos unos días para «descansar» pero de otra manera.

¿Queréis una pista de  donde vamos?

Diseñado por Silo Creativo

Dimensiones

800×480

1024×768 (Recomendado para tablets)

1280×720 (Perfecto para móviles)

1280×800 (Recomendado para portátiles)

1440×900

1920×1080

Si lo preferis sin calendario para fondo de pantalla del móvil…

1280×720

(Formato .png)