- MsBarrons estudio de diseño

Como crear templates dinámicos de wordpess (Vol.2) image

Si has seguido la primera parte del tutorial ya deberías tener una theme child personalizado, que va a ser la base sobre la que trabajaremos ahora, por lo que si no has seguido nuestro tutorial te recomendamos encarecidamente que vayas a la primera parte. ¿Por qué flexibilizar una plantilla? Para que podamos entender cómo funciona una plantilla dinámica supongamos que quermos crear un portafolio en nuestra web. Todos nuestros proyectos tendrían el mismo tamaño y las mismas secciones. Si quisiésemos tener proyectos de diversos tamaños (grandes, medianos y pequeños) necesitaríamos tener diferentes plantillas para cada tamaño. Sin embargo, lo que podemos hacer es crear una plantilla dinámica en la que , mediante un desplegable, podamos elegir el tamaño del proyecto. ...

Como crear templates dinámicos de wordpess (Vol.1) image

Si ya seguiste nuestro tutorial para crear Child themes de wordpress hoy os traemos un tutorial para conseguir una manera de alterar completamente la forma en que las páginas de tu web se muestran, los templates de wordpress. El problema de los templates de wordpress es que sólo pueden realizar una función concreta invariablemente de lo que haga, es decir son páginas fijas. ¿Cual es la solución? Crear templates dinámicos. A lo largo de nuestro tutorial vamos a estar usando un child theme de Twenty Seventeen aunque vosotros podéis usar el theme que más os guste. ¿que no sabéis como crear un child theme? Pues nosotros os lo explicamos aquí. Antes de comenzar el tutorial deberíamos entender bien cuando se ...

Haz un Loading que merezca la espera image

Lo cierto es que lo mejor para que una web funcione es conseguir que sus tiempos de carga sean los más cortos posibles, pues no sólo mejorará nuestro posicionamiento SEO, sino que además mejorará considerablemente la experiencia del usuario (UX si eres muy anglófilo). Pero no es menos cierto que muchas veces nos es imposible cargar una página rápidamente, ya sea por la enorme cantidad de recursos, el uso de muchísimo javascript, la necesidad de usar fotos en gran calidad… nuestra única posibilidad es crear un Loading. ¿ y como podemos hacer para que nuestros visitantes no huyan despavoridos ante semejante espera? Pues como en casi todos los problemas de la vida la solución es el diseño. El truco está ...

Como crear un Child theme en wordpress image

Seguro que si llevas un tiempo metinedole mano a wordpress, habrás estado tocado sus hojas de estilo. Si ya has llegado a segunda base habrás tocado su functions.php. Y si has llegado a la tercer seguro que has modificado sus templates y quien sabe incluso algún que otro plugin. El problema de todo esto es que, como en la vida, si actualizas (la plantilla que no la vida) probablemente pierdas todas las modificaciones que has realizado. Esto se puede solucionar con un ‘child theme’. Como crear un Child theme El proceso es bastante sencillo. Lo primero que tenemos que hacer es ir a la carpeta de wordpress que contiene nuestro tema /wp-content/themes y crear una nueva carpeta con el nombre ...

Imagenes siempre visibles en tu newsletter image

Uno de los mayores quebraderos de cabeza que tenemos al diseñar un newsletter es el hecho de que la inmensa mayoría de gestores de correo bloquean por defecto nuestras imagenes haciendo que la composición, que tantas vueltas hemos estado dando, quede destrozada por completo. En nuestro último diseño no queríamos que nuestro mensaje se perdiese, es más, intentamos convertir esta devilidad en una fortaleza… intentamos que el echo de que se bloqueasen nuestras imagenes fuera parte de nuestro mensaje. Decidímos crear un pixel art que representase nuestra foto que pidiese “dejanos mostrarte de lo que somos capaces” y que al aceptar el contenido remoto la imagen se transformase en nuestra foto, en la que esplicamos todas nuestras aptitudes como diseñadores. ...

Animación de Sprites en CSS3 image

¿Quieres aprender a realizar proyectos como nuestra felicitación Navideña? Nosotros te explicamos de una forma sencilla cómo animar un sprite con tan solo usar CSS3.

Tags Archivesweb