Tab en sidebar o el home

Inicio Foros WordPress Plugins Tab en sidebar o el home

Etiquetado: 

Este debate contiene 6 respuestas, tiene 2 mensajes y lo actualizó  imported_fliberty hace 8 años, 4 meses.

  • Autor
    Publicaciones
  • #18185

    luchosar
    Participante

    <p>Plugin o script…<br />
    La idea es colocar un tab en la sidebar o el home de tal manera que en un tab abra las ultimas noticias de x categoria, en el segundo tab ultimos comentarios y un tercer tab que muesre la imagen del dia ..(son ejemplos)</p>
    <p>El Amigo Fliberty creo que nos puede ayudar con esto.
    </p>

  • #44218

    imported_fliberty
    Participante

    Que tal luchosar, en cuanto a la implementación de tabs, es prácticamente sencillo, lo que si tienes que buscar es el código que te muestre:
    Ultimas noticias, últimos comentarios, y código para imagen del día.

    [b]Fuente[/b]:
    La página de donde tome esta idea fue esta: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

    [b]Procedimiento[/b]:
    En un archivo al que llamaras por ejemplo: tabs.html insertar el siguiente código:

    El siguiente script lo tienes que insertar en el header del theme:

    Y el css, según el diseño de mi web sería este:

    Ahora si quieres incluir tu contenido lo tienes que hacer es reemplazar:

    Por:

    Si quieres cambiar los títulos de los enlaces del tab, en el caso de lo que deseas tendrías que modificar lo siguiente:

    Y también en:

    Y en el css:

    Ahora lo que te falta encontrar sería el código que te ordene las entradas o noticias por categorías, el código para comentarios y el código para mostrar la imagen del día; en mi caso para mostrar mis noticias recientes y comentarios utilizo el siguiente código:

    Por cierto el código que insertes para mostrar el contenido de los tabs, trata que estén en lista, o sea:

    Creo que eso sería todo, si hay alguna duda, solo hásmelo saber…

  • #44251

    luchosar
    Participante

    Bueno…este fin de semana me espera full trabajo con esta clase de Fliberty…mi buen amigo gracias por este tutorial…procedo y te comento.
    Gracias!

  • #44306

    luchosar
    Participante

    Amigo Fliberty a pesar de estar bien explicado no doy. Pero lo sigo intentando.

  • #44319

    imported_fliberty
    Participante

    Ok, inserta esto en el header.php

    Crea un archivo llamado tabs.php con el siguiente código:

    El css que corresponde a este bloque es el siguiente:

    Puedes insertar este bloque en el lugar que deseas solo insertando este código: <?php include(‘tabs.php’); ?>

  • #44327

    luchosar
    Participante

    Dos preguntas:
    1- El archivo tabs.html donde lo subo? al template o a la raiz de wp.
    2- Si deseo insertar estos tabs en el home puedo usar: <?php include(‘tabs.php’); ?>
    Gracias.

  • #44330

    imported_fliberty
    Participante

    El archivo tabs.php tiene que ir en la carpeta de tu theme, puedes insertar los tabs donde desees, en el home, sidebar, header, footer, etc… sólo tienes que utilizar el código de inclusión indicado.

    [b]Corrección[/b]: Anteriormente te dije que crearas un archivo tabs.html, pero me equivoqué con la extensión, debería ser tabs.php, aunque puedes utilizar el nombre que desees.

El foro ‘Plugins’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido