Listas en 2 columnas con CSS y Wordpress
5 seguidores
Hola a todos, mi pregunta es la siguiente:
Estoy desarrollando un theme para wordpress y me gustaría incluir en el sidebar una lista con las categorias; hasta aquí todo normal.
El problema reside en que me gustaría que dicha lista estuviese estructurada en dos columnas, tal y como luce la sidebar de mariano en su blog.
No sé muy bien si con el CSS o con algún código particular de wordpress pero ¿Alguien puede ayudarme? ¿Alguna idea?
Gracias a todos por adelantado ;)
psycho
Hola, lo puedes hacer con CSS. Así rápidamente te diría: ensanchando el Sidebar y flotando su contenido a la izquierda
psycho
Por si no has usado nunca Float, ahi te pongo un tutorial sencillo, ya verás no es muy complicado entender el funcionamiento.
Suerte. C.
xavib
... y lo que tendrías que flotar son los LI, en mi opinión. De forma que el UL es el contenedor del ejemplo que psycho te ha pasado. Piensa en ponerles un ancho a los LI.
En programación cliente, hay una fórmula súper secreta para aprender a hacer cosas que ves por los sitios: ¡Mirar el código fuente! Y si no te aclaras, copias el trozo que te interesa de HTML y CSS, lo pegas en documentos nuevos y a jugar. Y si así tampoco te aclaras, lo copias enterito, lo pegas enterito y lo vas destripando por partes hasta que llegas donde querías llegar. ¡Ahora que te lo he contado tendré que matarte! ;)
iamgrimi
de hecho hay una forma más sencilla, simplemente utiliza la etiqueta <?php categories ()?> aquí puedes ver como hacerlo
http://codex.wordpress.org/Template_Tags/get_the_category
es mas que hacerlo por medio de floats es mas bien hacerlo por php, es más estable y mas modificable... saludos
diegojimenez
Gracias por el consejo psyco, pero me temo que no es tan fácil como eso. La cuestión es que la misma lista esté dividida en 2 columnas, y no dividiendo el contenido ya que éste es generado por wordpress y en el código es tan solo una variable.
Probaré a flotar los Li tal y como comentas xavib gracias por tu consejo. Por el resto del comentario, solo decirte que llevo bastante tiempo desarrollando en programación cliente, y evidentemente ya había probado a hacerlo antes de exponer públicamente mi duda. Pero como supongo sabrás, el código de wordpress está basado en variables php por lo que por mucho que veas un código, dichas variables nunca aparecerán, solo el texto escrito ;)
Gracias a los dos de nuevo, en cuanto lo pruebe os cuento :)
kemie
Agh, algo sucede con mis mensajes que desaparecen. pero el caso es que denken uber lo hace flotando los lis a la derecha y dandoles un ancho del 50%
xavib
Conozco wordpress más de lo que quisiera :) Pero cliente es cliente, la parte servidor no te afecta al CSS. En última instancia apuntas a un tag dentro de un id o clase ya interpretado, con lo que el código fuente debería ser suficiente. No quise molestarte con mi comentario, disculpa si lo hice.
En cuanto a lo que dice ivan, el get_the_category() devolverá una lista. No veo cómo pasar de ahí a tener dos columnas con las categorías sin meter un contador en el foreach, o liarte con ifs, etc. No sé en qué sentido podrá ser más estable, pero desde luego me parece más complejo y menos modificable que una hoja de estilos.
diegojimenez
Bueno, en primer lugar muchas gracias a todos por vuestra ayuda.
Respecto a la solución que propone ivan, estoy deacuerdo con xavib, no creo que sea la más adecuada, aunque en última instancia podría tirar por ahí. Creo que el problema va más por donde dice kemie, asi que en cuanto lo pruebe os cuento a ver que tal, Gracias!!