¿Cómo hacer un blogroll de 2 columnas?

Inicio Foros WordPress Themes y Diseño ¿Cómo hacer un blogroll de 2 columnas?

Este debate contiene 8 respuestas, tiene 3 mensajes y lo actualizó  imported_Fernando hace 9 años, 11 meses.

  • Autor
    Publicaciones
  • #11576

    Esteban Rojas
    Participante

    <p>Buenas a todos, aún no me presento en la sección correpondiente porque aún me falta el blog :-), mismo que estoy haciendo en estas fechas, pero acudo a ustedes por un problema, resulta que por diversos motivos, tengo que insertar mi blogroll en el sidebar.php a base de código,ya que no me es cómodo poner el widget de enlaces por diversos motivos y tengo que trastear con el PHP.</p>
    <p>He buscado por bastante tiempo esto de hacer un blogroll de 2 columnas desde cero a base de código, pero lo mas cercano que encontre fue el articulo: http://ayudawp.com/personalizando-los-enlaces-de-tu-blogroll/ de AyudaWordPress por supuesto.</p>
    <p>Pero no termino de entenderle del todo, aunque tengo la noción que el código PHP para insertar este blogroll es así, corrijanme si me equivoco:</p>
    <p>

    Code:
    &lt;li class="sidebar_header"&gt;Blogroll<br />
    &lt;ul class="half"&gt;<br />
    &lt;?php wp_list_bookmarks; ?&gt;<br />

    </p>
    <p>Ahora bien cual es el problema, en primera no sé si el código sea el correcto, en segunda no se como ponerle los estilos CSS a la lista para que quede algo como el blogroll del theme de este blog: http://www.luiskano.net/blog/, lo de: &lt;li class="sidebar_header"&gt;Blogroll, es otro problema puesto que es lo que quiero que se muestre arriba de la sidebar y no el nombre de la lista de enlaces, por lo que también agradecería me dijeran como hacer que no se muestre el nombre de la lista de links sino el titulo que pongo allí.</p>
    <p>Sé que soy un poco exigente para ser mi primer post, pero Fernando, muchachos, ojalá me puedan ayudar y espero aprender mucho en esta comunidad para luego ser yo quién ayude, por su atención en este post, de antemano muchas gracias, se me olvidaba el theme al que quiero agregarle el blogroll es este, si requieren mas información no duden en pedirla.
    </p>

  • #24211

    imported_Fernando
    Participante

    En el CSS del theme de Luis Kano lo que está definido para esa clase de la barra lateral es esto:

    [quote][code].sidebar ul.half li {
    float:left;
    margin-bottom:7px;
    padding-bottom:7px;
    width:150px;
    }[/code][/quote]

    Pero no lo he probado, la idea sería crear una nueva clase en tu style.css con ese código y llamar el blogroll con esa clase (half)

  • #24226

    Esteban Rojas
    Participante

    Fernando gracias por tu pronta respuesta, hice lo que dijiste, el problema es que poniendo el código con: [b]<?php wp_list_bookmarks; ?>[/b], no me salen las listas de enlaces y si pongo: [b]<?php get_links_list(); ?> [/b] si salen pero no con la forma que definen las CSS siguen saliendo en lista, aunque puede ser que lo haya creado mal la clase en CSS ya que como dije no se mucho de esto.

    Ademas de que con la función: get_links salen abajo de Blogroll las listas de enlace, que no quiero que salgan, ójala me puedan seguir ayudando.

  • #24249

    imported_Sabogal
    Participante

    Yo he hecho algo parecido en mi [url=http://www.gerencie.com]blog [/url]pero con las categorías, y para ello debí hacerlo de forma muy manual, trabajar un poco el css y agregar un par de divs.

    Si te sirve, puedo pasarte lo que hice.

    Saludos!

  • #24259

    imported_Fernando
    Participante

    Es que pasa irremediablemente por crear un css o modificar el existente, eso está claro 🙂

  • #24273

    imported_Sabogal
    Participante

    Si, es es claro, por eso ofrecí compartir que parte modifiqué o agregué, pues eso si no está claro 🙂

    Saludos!

  • #24282

    Esteban Rojas
    Participante

    Sabogal, muchas gracias por tus respuestas y por la ayuda, que con gusto y abusando de tu amabilidad tomaré, estaría bien si me lo pudieras pasar, para empezar a trabajar en base a lo que haz hecho y ver si puedo conseguirlo, vaya theme medio especial que tomé 😛

    Fernando ya sé que el tema pasa por CSS, pero como dijé, no soy tan bueno y vengo de Blogger, así que casi nunca me meto con código a no ser que sea HTML :?.

    Saludos a los 2 y muchas gracias por tu ayuda Sabogal, te lo agradezco mucho.

  • #24291

    imported_Sabogal
    Participante

    Haber, el código html que he introducido en el sidebar es el siguiente:
    [quote]
    <h2>CATEGORIAS</h2>
    <div id=”categorialeft”>

    <ul id=”categorialeft”>

  • <ahref=” enlace1.com”>Enlace</ a>
  • </ u l>
    </div>

    <div id=”categoriaright”>
    <ul id=”categoriaright”>
    <l i><ahref=” enlace2.com”>Enlace 2</ a></l i>
    </u l>
    </div>

    [/quote]

    El Css que he utilizado es el siguiente:
    [quote]
    #categorialeft {
    font-size:13px;
    font-weight:bold;
    float: right;
    width: 165px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    display: inline;
    line-height:19px;
    }
    #categorialeft ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    #categorialeft ul li {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-bottom: 1px solid #CCCCCC;
    }

    #categorialeft ul ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;

    }

    #categorialeft ul li li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    }

    #categorialeft ul li ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

    #categoriaright {
    font-size:13px;
    font-weight:bold;
    float: right;
    width: 135px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 10px 0px;
    display: inline;
    line-height:19px;
    }
    #categoriaright ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    #categoriaright ul li {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    border-bottom: 1px solid #CCCCCC;
    }

    #categoriaright ul ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;

    }

    #categoriaright ul li li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

    }

    #categoriaright ul li ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    [/quote]

    Como se observa, no he utilizado ninguna función php para llamar las categorías sino que las he colocado el código html directamente en la plantilla.

    Por lo que veo tu theme tiene un sidebar muy similar al mío por lo que no tendrá problemas en adaptarlo.

    Saludos!

  • #24296

    imported_Fernando
    Participante

    ¡Ole! 😉

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

    Pin It on Pinterest

    Ir al contenido