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