Gestor de contenido

CMS, diseño web, ecomerce, Gestor de contenido, HazmeWeb, Uncategorized / 5 mayo, 2014

Tienda online con WordPress

Contestando a mi amiga y compañera Teresa del blog Joquebonito os voy a dar unos consejos para montar una tienda online con WordPress.

WordPress.Com

Este es un gran sistema para alojar tu blog sin complicaciones, ya que la aplicación es online y te da prácticamente todo hecho, pero si tu blog esta alojado aquí  de momento no tienes posibilidad de tener una tienda online. Si estas alojando tu blog en Bloguer, estas en la misma situación.

Si estas usando este sistema te recomiendo migrar a un hosting propio donde te permita alojar una tienda.

Read more
CMS, diseño web, Gestor de contenido, HazmeWeb, Uncategorized / 21 abril, 2014

Modifica la tipografía de tú web o blog con CSS

La tipografia es parte de la personalidad de nuestro sitio.
En nuestra web o blog la tipografia es importante ya que añade personalidad al sitio. No siempre nos gusta la tipografía predefinida o no va con el tema de nuestra web/blog, por lo que nos vemos en la necesidad de modificarla.

Lo normal para mantener una cierta coherencia es no usar mas de dos fuentes, para que no parezca que nos hemos salido del sitio y hay que tener en cuenta que las fuentes de fantasía con muchos giros etc en resoluciones pobres no son legibles.

Propiedades CSS de Tipografia

Mediante CSS podemos modificar por completo el aspecto de nuestra fuente:

Propiedad tipo de fuente:

FuentesCon esta propiedad definimos el tipo y la familia de la fuente. La fuente que escribimos en primer lugar es la que utiliza el navegador por defecto, en el caso de que el equipo no tenga instalada la primera utilizara la siguiente.
Con esta propiedad hay que tener en cuenta que si el equipo desde el que abrimos la web no tiene instaladas las fuentes que hemos elegido, el navegador utilizara por defecto.

font-family: Arial, Helvetica, sans-serif

Propiedad Color de la fuente:

Con esta propiedad definimos el color en el que se vera la fuente en nuestro sitio, lo podemos definir el color de las siguientes formas:
Usar colores resalta el mensaje del texto.

color: #369;
color: black;
color: #B1251E;
color: rgb(71, 98, 176);

&nbsp
&nbsp

Propiedad tamaño de la fuente:

Es la propiedad que define el tamaño de la letra, podemos definir tamaño absoluto(indica el tamaño de letra de forma absoluta mediante alguna de las siguientes palabras clave: xx-smallx-smallsmallmediumlargex-largexx-large.) y tamaño relativo (indica de forma relativa el tamaño de letra del texto mediante dos palabras clave (largersmaller) que toman como referencia el tamaño de letra del elemento padre.)
Usar colores resalta el mensaje del texto.

Los valores que la definen son:

pixel, puntos,  em y en porcentaje %:

font-size: 9px
&nbsp
&nbsp
&nbsp
&nbsp

Propiedad ancho de la fuente:

Con esta propiedad definimos el ancho que tendrá nuestro texto, lo más habitual que usamos es la normal y negrita, pero se puede afinar mucho mas el ancho con esta propiedad.
Alternativas a la negrita.Los valores que la definen son:

normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

 font-weight: bold;

&nbsp
&nbsp

Propiedad variant:

Esta propiedad permite otra variación en el estilo del tipo de letra, nos permite cambiar entre mayúsculas y minúsculas.
Variant resalta textos
Los valores que la definen son:

normal | small-caps | inherit

font-variant: small-caps;

&nbsp
&nbsp

Añadir la tipografia al sitio.

Podemos añadir tipografias especiales descargando la tipografía en nuestro sitio y haciendo una llamada con un css:

@font-face{
font-family: ‘nombredemifuente’;
src: url(‘../fonts/mifuente.otf’);
}

Con este código llamamos a una fuente especifica que hemos guardado en nuestro site en una carpeta llamada fonts. Esta forma de cargar las fuentes no es muy recomendable para textos largos ya que añade un tiempo de carga extra y hay que tener en cuenta que no todos los navegadores usan la misma extensión para las fuentes, por lo que debemos hacer una carga de fuente especifica para los navegadores que más se usan.
&nbsp
&nbsp

Añadir fuentes desde Google fonos.

Mediante google fonts podemos añadir un montón de tipografías que no están en todos los equipos, el navegador llama a la fuente que esta alojada en google fonts y no es necesario que el usuario descargue la fuente en su equipo.

Para hacer esto simplemente debemos añadir unas porciones de código en nuestro sitio que nos las da google directamente desde fonts:

<link href=’http://fonts.googleapis.com/css?family=Sniglet‘ rel=’stylesheet’ type=’text/css’>

 

CMS, diseño web, Gestor de contenido, HazmeWeb, Uncategorized / 10 abril, 2014

WordPress o Joomla

To be or not to be… WordPress o Jommla

wordpress-and-joomla

diseñoprevio_wireframeCuando te pones manos a la obra con un proyecto web, creo que lo mejor es que lo primero hagas un wireframe con el aspecto que quieres que tenga tu web. Después listar las funcionalidades que requieres de tu web.

Con esta información ya nos resultara mas fácil decantarnos por uno u otro gestor de contenido.

Joomla

plantilla de joomla Es un CMS no demasiado dificil de gestionar, pero su principal virtud es su principal complicación: Modularidad.

Joomla esta hecho mediante una estructura de capas en las que puedes ir insertando módulos y en cada modulo puedes insertar lo que necesites. Esta característica nos da la posibilidad de insertar “fácilmente” en cada pagina lo que queramos.

Casi todas las plantillas disponen de una especie de mapa con la estructura en la que puedes colocar los módulos, esto lo hace muy flexible pero a la vez lo complica un poco ya que si utilizas varias plantillas tienes que estar continuamente mirando.

Para mi la ventaja fundamental es si quieres montar un sitio en varios idiomas sin salirte de tu URL principal ya que puedes montar la web en varios idiomas sin tener que montar varias veces la web, solo cambiando los menús.

Otra ventaja que le veo es que puedes utilizar varias plantillas en el mismo site.

Pero como dije antes sus virtudes se transforman en defectos, su modularidad hace de joomla un tanto tedioso a la hora de configurarlo, la posibilidad de configuración de atribuciones para los usuarios resulta muy pesada, debe ser en sitios en los que se necesiten perfiles muy diferenciados donde realmente sea rentable configurarlos.

En cuanto a la instalación, no es muy diferente de la de wordpress, pesa mas y la modularidad le resta un poco de velocidad de carga.

En cuanto a la personalización, es un pelin más complicado añadir tus estilos propios y tienes que saber manejarte con CSS si o si si quieres que te quede bien. A nivel visual tiene plantillas con estéticas de buen nivel, pero exista un paso por detrás de wordpress en este aspecto.

Después de montado para hacer cambios resulta bastante pesado, puedes colocar banner de una manera muy estratégica, pero no resulta ni rápido ni comodo.

En definitiva te recomiendo Joomla si necesitas una web en varios idiomas con muchos baner y funciones axiliares, y si el blog no será la parte fundamental de tu web.

 

WordPress

wordpress temaSi lo que prima en tu proyecto es diseño y poder insertar contenido de una manera sencilla, wordpress es tu CMS.

Es mas facil de instalar y es mas facil encontrar un diseño que se adapte a lo que quieres lograr con tu web. Existen miles de plantillas y pluguin para conseguir cualquier funcionalidad. Es un CMS bastante liviano en cuanto a su carga.

si no abusamos de los plugin es muy ágil de funcionamiento y es relativamente fácil crear temas hijos con los que modificar y personalizar los estilos.

Este gestor nació a partir de un blog, por lo que como editor de post posiblemente sea el mejor.

La parte back o de gestion esmuy amigable y practica, una vez montado el proyecto, resulta rápido y comido realizar cambios.

Los perfiles de usuario están muy vinculados con el blog, no con la parte estática.

En la parte de funcionlidades dependes casi por completo de los pluguin, que hay para casi todo, pero si quieres afinar u poco más la funcionalidad tienes que manejarte con PHP.

En principio para una web con un buen diseño HTML5 y CSS3 es la mejor opción,  quizá su estructura simple es la mayor ventaja. La desventaja es que la personalización individual de las paginas estáticas es mas complicada con wordpress que con joomla pero con todo y eso yo me decanto por esta opción casi para cualquier proyecto.

A dia de hoy es una herramienta fantástica para poner en marcha un proyecto web.

 

Existen otros gestores de contenido, el siguiente mas popular es Drupal, es muy potente y para funcionalidad es una muy bina herramienta, pero es necesario tener un nivel de conocimiento bastante alto para manejarse bien con el.