Ampliar el tamaño del sidebar

Inicio Foros WordPress Themes y Diseño Ampliar el tamaño del sidebar

Etiquetado: , ,

Este debate contiene 10 respuestas, tiene 5 mensajes y lo actualizó  imported_study hace 8 años, 4 meses.

  • Autor
    Publicaciones
  • #16736

    dorajeda
    Participante

    <p>Hola tengo un sidebar en la parte derecha del blog y queria ampliar su tamaño, tambien querria añadir otro sidebar en la parte izquierda, he leido varios comentarios con dudas de sidebar pero no encuentro la solucion a mi pregunta.</p>
    <p>Muchas gracias
    </p>

  • #39412

    Pedro Raul
    Participante

    generalmente el ancho esta dado en la hoja de estilos. busca la linea y cambiala

  • #39419

    imported_fliberty
    Participante

    Generalmente el sidebar esta definido por sidebar-left o sidebar-right; left-col o right-col; el contenido por content o algo parecido; para modificar el ancho del sidebar también tienes que modificar el ancho del content.
    por ejmplo el content tiene 600px el sidebar 300px; si quieres poner el sidebar en 400px, tendrás que restarle 100px al content y dejarlo en 500px.

  • #39424

    dorajeda
    Participante

    Muchas gracias, pero siguen las dudas…
    He ampliado así:

    /** END content **/

    /** BEGIN sidebar **/
    #sidebar {
    width: [b]320px;[/b]
    float: right;

    Pero ahora el contenido de la barra lateral se me ha desplazado hasta el final de la pagina

  • #39430

    imported_study
    Participante

    Es que probablemente al ampliar el div del sidebar debas reducir el del contenido, sino ambos no entran a lo ancho yentonces se coloca una debajo del otro. O sea proba disminuyendo al div de los contenidos tantos pixeles como hayas ampliado al sidebar.

  • #39433

    lumbreras
    Participante

    En este caso si cambias el tamaño de un sidebar, debes cambiar también el ancho de tu content,
    1. tienes Wrapper el cual ya tiene una medida de 967px, dentro del cual están contenidos el Content y el sidebar.
    2. Content tiene 745px.
    3. Sidebar le aumentaste a 320px, eso provocó el desplazamiento hacia abajo, echale matemáticas

    745px + 320px = 1065px por lo cual no cabe dentro de 967px

    Te aconsejo que revises bien tu CSS, ahí podrás ver:
    Wrapper
    Content
    Sidebar
    Footer
    con sus anchos, y solo tendras que ir cambiando medidas, para que no se mueva todo

    Si quieres añadir un segundo Sidebar, debes crear un archivo PHP sidebar2.php
    llamarlo desde el index, y ya solo con CSS, ubicarlo dentro del Wrapper

  • #39436

    dorajeda
    Participante

    /** BEGIN wrapper **/
    #wrapper {
    width: 1065px;
    margin: auto auto;
    text-align: left;

    /** BEGIN content **/
    #content {
    width: 1065px;
    float: left;

    Muchas gracias, pero lamento decir que seguimos igual…

  • #39439

    Pedro Raul
    Participante

    si no dominas el css es mejor:

    1. aprender css.

    o

    2. Pedir que alguien lo haga por ti.

    o

    3. contratar para que alguien lo haga por ti.

    la ultima opción.

    nos dice el nombre de tu tema y nos muestras como lo deseas para poder cambiarlo.

  • #39445

    lumbreras
    Participante

    Nop, me referia a que vieras el tamaño de cada contenedor (sidebar, content, wrapper, footer) para de ahí partir.

    Wrapper mide 967px ok
    pusiste sidebar de 320px

    967-320=647px

    Entonces

  • #39447

    dorajeda
    Participante

    OK, todo se resume con la siguiente fórmula:

    sidebar + content =Wrapper

    Muchas gracias!!

  • #39487

    imported_study
    Participante

    tene cuidado porque entre ambos divs puede haber determinado margen (la propiedad margin). Te recomendarias que te hagas una instalación en local de tu wp y practiques ahí y no directamente sobre la versión en tu servidor. Suerte.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest