Pages Menu
TwitterRssFacebook
Categories Menu

Posted by on Jul 29, 2012 in Manual Wordpress, Trucos | 0 comments

Cambiar el ancho de la barra lateral de WordPress

Me han solicitado por email que explique cómo cambiar el ancho de la barra lateral de las plantillas en WordPress, así que intentaré hacerlo.

Por lo general, la barra lateral de los themes o plantillas de WordPress, corresponde al div sidebar, de modo que el primer valor que debemos modificar es este.

Para ello, abrimos el archivo style.css y ubicamos el siguiente código:

#sidebar

{

float: right;

width: 200px;   

padding: 20px 0 10px 0;

margin 10px 0 10px 0 ;

}

Allí cambiamos el ancho por el nuevo valor requerido, ejemplo width: 300px.

Luego, hay que cambiar el ancho del div que contiene la parte central de la plantilla, que se puede llamar content, content-left o icluso entry, eso depende de cada theme o plantilla.

#contentleft {

float: left;

width: 600px;

margin: 0px;

padding: 0px 0px 20px 0px;

}

Según este ejemplo, la barra lateral o menú tiene un ancho de 200 píxeles y el contenido central un ancho de 600 píxeles. Como hemos cambiado el ancho de la barra lateral a 300 píxeles, debemos disminuir el ancho del contenido central en 100 píxeles para que el diseño no se descuadre.

Según el ejemplo, el ancho total de la plantilla es de 800 píxeles, de modo que siempre debe conservarse este valor.

Así, si disminuimos el ancho de la barra lateral en 50 píxeles, debemos incrementar el ancho del contenido central en 50 píxeles, para que siempre tengamos el mismo ancho total.

Si desea incrementar el ancho total, debe tener en cuenta que las proporciones se deben mantener en cada sección, pues de lo contrario el diseño se arruinará.

Publicar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *