Iconos Personalizados

Iconos Personalizados

PERSONALIZAR UNA WEB

Cuando trabajamos en el diseño de una web hay elementos que pueden ser diferenciadores a la hora del resultado final. Uno de estos elementos son los iconos que aparecen en las páginas distribuidoras de información o como elementos decorativos de la web.

¿Por qué personalizar los iconos?

Porque daremos aspect de tener una web cuidada y detallista, como queremos que sean nuestros productos o servicios. Si la web es el primer contacto con el posible cliente unas imágenes e iconos de stock causarán más indiferencia, ya que es posible que nuestra competencia haya utilizado los mismos diseños o semejantes.

En este caso hemos personalizados los iconos para la página web de un festival, donde además de cambiarles a color corporativo se han añadido animaciones para causar un efecto extra de dinamismo. Este efecto  solo puede ser visualizado cuando ponemos el ratón por encima de la imagen o lo que llamamos el efecto hover. Para realizar este tipo de iconos primero se deben dibujar con un programa que nos permita acceder al código svg de la imágen, posteriormente nos pasamos a un programa de edición de código donde a través de los keyframes podremos establecer distintos tipos de movimientos o animaciones.

Para que podáis ver el funcionamiento de los iconos os dejamos el código utilizado.

 

See the Pen SVG ANIMATED ICONS PURPLE by Berta (@Las12enpunto) on CodePen.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Guía de WordPress. Capitulo 1: ¿Qué es WordPress?

Guía de WordPress. Capitulo 1: ¿Qué es WordPress?

Guía de WordPress.

Capítulo 1: ¿Qué es WordPress?

Para poder explicar el funcionamiento de esta herramienta, creemos que no viene mal hacer un pequeño repaso, unas pinceladitas  de los aspectos fundamentales de WordPress, aunque sea:

WordPress es un CMS (Content Management System, o Sistema de gestión de contenidos), es decir un programa informático que nos permite administrar y gestionar todo el contenido que se encuentra organizado en una determinada estructura jerarquizada.

Actualmente se trata de una de las plataformas más utilizadas en todo el mundo para la creación de páginas web. Su éxito está fundamentado en tres pilares:

1

Es un CMS. Que a efectos prácticos, se traduce en que nos permite publicar contenidos en internet teniendo poca o ninguna noción de codificación.

2

Funciona bajo licencia GPL. Es decir es Software libre. Además cuenta con una enorme comunidad de desarrolladores y diseñadores generando utilidades y herramientas para uso y disfrute de la comunidad (Evidentemente, no todo el monte es orégano, y hay aplicaciones gratuitas y de pago).

3

Es fácil de usar y bastante intuitivo.

No entraremos a definir WordPress a nivel de programación interna o requisitos del sistema para su instalación. Baste decir que está desarrollado en lenguaje PHP para entornos que permitan la ejecución de apache y de bases de datos en MYSQL.

Hay dos formas básicas de utilizar WordPress:

WordPress.com

WordPress.com como servicio gratuito en la nube. Automattic (la empresa que creó WordPress) ofrece esta posibilidad, en la que podemos contratar online y sin coste un pequeño espacio (Alojamiento) donde desarrollar nuestra web (habitualmente un blog), de manera limitada, utilizando WordPress.

La ventaja principal, evidentemente, es que es completamente gratuito. Sus mayores peros son:

 

  • Tendremos acceso únicamente a una versión limitada de la herramienta;
  •  A menos que hayamos contratado un dominio y lo hayamos asociado, nuestra web tendrá una URL con la siguiente estructura: NombreDeMiWeb.wordpress.com;
  • Si queremos ampliar las características de nuestra web, probablemente tengamos que acogernos a algún plan de pago mensual de los que se ofertan.

WordPress.org

WordPress.org. Esta plataforma nos brinda la oportunidad de descargar WordPress y varias de sus utilidades (plugin) para su posterior instalación en nuestro propio servidor, bajo el dominio que hayamos adquirido. Además en la web (https://wordpress.org/) encontraremos un foro casi infinito con los diversos problemas que les han surgido a personas de todo el planeta y las respuestas de desarrolladores y gente afín a la plataforma.

Otra de las opciones, que ahora permiten una gran cantidad de servicios de alojamiento (hosting), es la de instalar WordPress en pocos clicks desde el propio panel de administración.

El mayor problema que presenta esta opción es que, aunque para manejar WordPress no es necesario tener amplios conocimientos de codificación, para la elección del servidor, el dominio y el posterior mantenimiento de nuestra web, sí que es conveniente seguir algunos pasos y recomendaciones básicas, que de no estar familiarizados con el entorno, pueden resultar complicadas.


Antes de concluir con la introducción os dejamos el link a la página del Codex de WordPress.org en la que se explica la famosa instalación “en 5 minutos”  (Cuidado porque el título es engañosos, en llevar a cabo la instalación se tarda 5 minutos, en leerse el tutorial y aprender los distintos pasos, algo más)

Si queréis continuar aprendiendo sobre WordPress y su funcionamiento, no os perdáis la segunda entrega de este tutorial: Guía de WordPress. Capítulo 2: Acceso a WordPress.”

En el explicaremos brevemente como acceder a WordPress, y algunas peculiaridades a tener en cuenta.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro