Hace unos días me consultaban sobre la forma para conseguir que en la sidebar de la plantilla Rounders se muestre cada widget por separado. Para lograr esto se me ha ocurrido copiar el código de uno de los que vienen en la plantilla y copiarlo tantas veces como widget quisiera mostrar. Y este ha sido el resultado:
[1] Para hacerlo tenemos que ir a la parte HTML de nuestra plantilla y, sin expandir los artilugios, localizar la parte del código que corresponde a cada widget, copiarlo y volver a pegarlo justo debajo, las veces que queramos, cambiando cada vez el id=sidebartop, podemos ir poniendo "sidebartop1", "sidebartop2" y así sucesivamente.
[2] La parte que hemos de localizar y copiar es esta:
<div id='sidebartop-wrap'><div id='sidebartop-wrap2'>
<b:section class='sidebar' id='sidebartop'>
<b:widget id='Profile2' locked='false' title='Datos personales' type='Profile'/>
</b:section>
</div></div>
En el caso de este ejemplo, dentro del widget esta el perfil (en negrita en el ejemplo), en cada caso esta parte del código se verá distinto según lo que hayamos colocado en ese widget, así que lo hemos de tener en cuenta es el resto del código.
[3] De esta manera duplicaremos el widget que en la plantilla Rounders original se muestra de color verde, para duplicar el otro widget (el de color blanco), haremos exactamente igual con la unica diferencia de que el código a copiar sería este:
<div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div></div>
No olvidaremos cambiar cada vez la "id=sidebar" por "id=sidebar1", "id=sidebar2", etc.
0 comentarios:
Publicar un comentario