Modificar ancho plantilla minima

Sabias que una de las plantillas mas fáciles de personalizar es la Mí­nima, haciendo unos ajustes y cambios en su código puedes conseguir un aspecto único y original. Hoy vamos ha hacer algo tan básico como modificar el tamaño en que nos viene predeterminada.

¿Quieres probar y hacer estas modificaciones? Pues vamos a ello:
En primer lugar, no situaremos para saber que es cada elemento, encontramos:

#header-wrapper { es la Cabecera del Blog
#outer-wrapper { es el cuerpo del Blog
#main-wrapper { es la parte de las entradas, donde van los post
#sidebar-wrapper { es la columna lateral, o sidebar
#footer { es el pie del blog


Para empezar entraremos en Edición HTML de nuestra plantilla y iremos localizando:

CABECERA DEL BLOG:
#header-wrapper { Aqui cambiaremos la lí­nea del width por:
width:850px; es el total de ancho que nos interesa que quede el blog, así­ haremos que la cabecera se ajuste al espacio que ocupan las entradas o post y la sidebar juntas.

CUERPO DEL BLOG:
#outer-wrapper {

Veras que pone lo siguiente:
#outer-wrapper {
width: 660px;
Cambiaremos esa lí­nea por width: 850px;

PARTE DE LAS ENTRADAS O POST:
Seguidamente modificaremos la parte donde van las entradas o post, por eso tenemos que buscar más abajo, donde dice lo siguiente:

#main-wrapper { vamos a cambiar la línea del width (ancho) por esta: width: 500px;

SIDEBAR:
Si seguimos bajando veremos lo siguiente:
#sidebar-wrapper { (hace referencia a nuestra sidebar o columna laterial) aquí­ cambiaremos la lí­nea del width (ancho) por esta:
width: 250px;

Y ya para terminar nuestros ajustes buscaremos el código del pie de nuestra plantilla:

PIE DEL BLOG:
#footer { (pie del blog) cambiaremos tambien el ancho para darle el total del blog entero, cambiaremos el width por esta:
width:850px;

Consejo: Recordar que hemos cambiado la medida que nos venia fijada por defecto dándole un máximo de 850, tened en cuenta que la suma de los dos valores no deben nunca sobrepasar la anchura total del blog en este caso 500 + 250: 750, los píxeles sobrantes que son 50 cosa que nos dará una distancia optima entre los elementos y así­ tendremos una correcta visualización del mismo. De todas formas podeis probar con distintos pí­xeles en cada zona.

Espero que os funcione, recordar que para ser precavido es muy importante tener copia de nuestra plantilla, y antes de grabar los cambios no está de mas hacer una visualización previa.

Related Posts with Thumbnails