Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

[SOLUCIONADO] problema con sidebar

Estas en el tema de problema con sidebar en el foro de WordPress en Foros del Web. Hola Soy algo nuevo en esto de wordpress y entre tantas cosa que he leido he estado creando un theme para wordpress pero me he ...
  #1 (permalink)  
Antiguo 25/04/2013, 20:45
 
Fecha de Ingreso: enero-2011
Mensajes: 57
Antigüedad: 11 años, 3 meses
Puntos: 3
problema con sidebar

Hola
Soy algo nuevo en esto de wordpress y entre tantas cosa que he leido he estado creando un theme para wordpress pero me he topado con el siguiente problema con la zona de widget del sidebar:



Uploaded with ImageShack.us

al momento de poner el codigo para reemplazar la lista ul y agregar el widget no toma los lugares correspondientes ya que en donde dice ubicación con negro debería estar en el lugar donde dice ubicación, caso contrario cuando reemplazo la lista ul entera mas su div contenedor el titulo del widget lo reconoce pero me arroja una lista sin estilos de las categorías algo asi como esto:(disculpen que ponga mucha info pero lo que sucede es que no se en cual de estas partes me he equivocado)



Uploaded with ImageShack.us


He leído los ejemplos que aparecen en el sitio de wordpress y ni asi logro solucionar este problema...
El script del archivo functions.php que uso es este:

Cita:
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sidebar de Ubicación',
'id' => 'ubicacion',
'description' => ' Barra lateral para ubicación',
'before_widget' => '<div id="%1$s" class="titulo %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
));
el lugar en donde lo ubico es este:

Cita:
<aside id="sidebar">
<div class="internosidebar">
<?php if (!dynamic_sidebar('ubicacion')); ?>

<div id="espaciosidebar"></div>

<div class="internosidebar">
<div class="titulo"><h3>Elementos</h3></div>
<div id="sombra-sidebar"></div>
<p></p>
<ul id="menu">
<?php if (!dynamic_sidebar('elementos')); ?>
</ul>
</div>
<div id="espaciosidebar2"></div>
</aside>
Originalmente este fragmento es de la siguiente manera con su etiqueta ul:

Cita:
<aside id="sidebar">
<div class="internosidebar">
<div class="titulo"><h3>Ubicaciones</h3></div>
<div id="sombra-sidebar"></div>
<p></p>
<ul id="menu">
<li><!--aqui van las categorías--></li>
</ul>
</div>

<div id="espaciosidebar"></div>
y el css de todo esto sería el siguiente:

Cita:
#sidebar {

float:left;
width: 354px;
/*margin-top: 50px;*/

}

.internosidebar{

width:278px;
height:auto;
float:right;
margin-right:35px;

}

#espaciosidebar{

height:10px;
width:354px;

}

#sombra-sidebar{
margin-left: 272px;
float: right;
width: 43px;
height: 43px;
position: absolute;
background:url(images/sombra-sidebar.PNG) no-repeat;
z-index: -1;

}

.titulo {

width: 313px;
height: 38px;
background: #6184a6;
-moz-box-shadow: -3px 3px 4px #002f5b;
-webkit-box-shadow: -3px 3px 4px #002f5b;
box-shadow: -3px 3px 4px #002f5b;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength =6, Direction=135, Color='#002f5b')";
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength= 4, Direction=135, Color='#002f5b');

}

.titulo h3 {

padding-left: 25px;
padding-top:3px;
font-family: calibri;
font-size: 30px;
color:#FFF;

}

#menu {
border: 1px solid #004687;
list-style: none outside none;
margin: 0;
width: 278px;
height: auto;
padding: 0;
float:left;
}

#menu li a {
background:#00448a, url(images/carpeta.PNG) left;
border-bottom: 1px solid #013c72;
border-top: 1px solid #013c72;
text-align: left;
color: #ddd;
display: block;
font-family: calibri;
font-size: 20px;
font-weight: bold;
padding: 12px 15px;
text-decoration: none;
text-decoration: none;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}

#menu li a:hover {
padding-left:30px;
background-color: #003d75;
border-bottom: 1px solid #6184a6;
border-top: 1px solid #6184a6;
color: #FFF;
-moz-box-shadow:inset 0 0 15px #002b58;
-o-box-shadow:inset 0 0 15px #002b58;
-webkit-box-shadow:inset 0 0 15px #002b58;
box-shadow:inset 0 0 15px #002b58;


}

#carpeta {

height:auto;
width:auto;
float:right;
vertical-align:bottom;
margin-top: 2px;
content:url(images/carpeta.PNG);
}

h4{
float:right;
font-size:16px;
vertical-align: bottom;
margin-top: 2px;

}

Muchas gracias de antemano :D
  #2 (permalink)  
Antiguo 26/04/2013, 02:10
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 12 años, 10 meses
Puntos: 429
Respuesta: problema con sidebar

Me parece que no estás llamando correctamente a las sidebars, prueba a llamarlas así:

Código PHP:
Ver original
  1. <?php if ( is_active_sidebar( 'ubicacion' ) ) : ?>
  2.     <ul class="internosidebar">
  3.         <?php dynamic_sidebar( 'ubicacion' ); ?>
  4.     </ul>
  5. <?php endif; ?>

Además te estás dejado algunos div abiertos, como el primer "internosidebar".

Po favor usa el highligth en lugar de la cita para pegar código (así se leerá mejor y evitarás errores)
__________________
Mi blog personal | Mi G+
  #3 (permalink)  
Antiguo 26/04/2013, 05:11
 
Fecha de Ingreso: enero-2011
Mensajes: 57
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: problema con sidebar

oks revisare de inmediato a veri si funciona
  #4 (permalink)  
Antiguo 26/04/2013, 06:28
 
Fecha de Ingreso: enero-2011
Mensajes: 57
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: problema con sidebar

Gracias :) se me resolvió la parte de que no me tomaba el titulo y cerrando unos div, mas unos ajustes en la hoja de estilos en la propiedad margin-top me ajusto el menu

Última edición por kmlo; 26/04/2013 a las 06:48

Etiquetas: php, sidebar, tema, theme
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:49.