Imagen de Soragrit Wongsa en Unsplash

Hace unos días, uno de nuestros clientes nos pidió una nueva funcionalidad para su blog—quería mostrar una lista de entradas destacadas («featured posts») en su barra lateral. Se trata de una situación, creo yo, bastante común entre todos aquellos que tenemos un blog, ¿no?, con lo cual debería ser algo sencillo de hacer.

Hay muchos plugins para definir entradas destacadas (y muchos de ellos proporcionan un widget para añadirlos fácilmente en tu sidebar), pero la verdad es que no son nada fáciles de usar (por ejemplo, algunos te piden que busques primero el identificador interno de la entrada para poderla añadir como «featured») y están llenos de opciones que probablemente la mayoría de vosotros no va a necesitar jamás. Pueden ser plugins potentes pero desde luego no són nada usables, especialmente para la web de un cliente con poca experiencia en el mundo WordPress.

Como no hemos sabido encontrar una mejor solución, hemos decidido desarrollar un plugin de WordPress más simple y versátil que lo que ya hay por ahí, para que definir las entradas que se quieren destacar en una web sea rápido, sencillo y para todos los públicos: Nelio Featured Posts. Además el plugin es completamente gratuito.

Con nuestro plugin se puede definir fácilmente una colección de entradas a destacar para luego indicar donde deberían mostrarse gracias al widget que el plugin incluye.

Configuración de los posts destacados con el plugin Nelio Featured Posts
Configuración de las entradas destacadas con el plugin Nelio Featured Posts

El plugin es extremadamente simple, rápido y fiable . Para maximizar la eficiencia, el plugin alamcena la lista de entradas destacadas en una cache con lo que las llamadas a la base de datos se reducen al mínimo.

El widget de Nelio Features posts. Úsalo dónde y cuándo quieras
El widget de Nelio Features posts. Úsalo dónde y cuándo quieras

Así que ya sabes si necesitas una manera fácil e intuitiva de añadir una lista de entradas destacas en tu web, ¡no hace falta que busques más!. Probadlo y decidnos qué os parece (o qué otros métodos utilizáis vosotros).

Imagen destacada de Soragrit Wongsa on Unsplash.

28 respuestas a «Cómo añadir una colección de entradas destacadas a tu WordPress»

  1. Avatar de heidy

    Lo instale en la página de home y dice que no hay ningún post destacado, no sé qué falta

    1. Avatar de David Aguilera

      ¡Hola! Es bastante raro lo que comentas… ¿Has añadido la lista de entradas destacadas en el apartado «Entradas»? Si lo has hecho, ¿has añadido el widget en una Sidebar que aparezca en la página principal?

  2. Avatar de Alberto
    Alberto

    sería perfecto si no fuera por que las letras aparecen excesivamente pequeñas =(

    1. Avatar de Antonio Villegas

      Siempre puedes modificar el estilo añadiendo reglas CSS en tu tema para conseguir la apariencia que necesites. Tenlo en cuenta.

  3. Avatar de ilithyia
    ilithyia

    hola que tal estoy intentado poner un menu en la parte de abajo que sea como tipo de historias o ideas asi pero no se como ponerlo hay un plugin o algo asi que pueda ayudarme o tengo que comprar un tema asi?

    1. Avatar de David Aguilera

      ¡Hola!

      No acabo de entender si quieres añadir menús en el pie de página o algún tipo de widget debajo del contenido de tus entradas… ¿qué necesitas exactamente?

      De todas formas, en ambos casos necesitarás que tu tema permita esa funcionalidad. Es decir, tanto para añadir menús como widgets adicionales en tu página, el tema tiene que definir una cierta «zona» de la página donde puedan meterse esos menús o widgets adicionales. Por suerte, una vez sepamos qué quieres hacer exactamente, es fácil modificar el tema para definir esas «zonas».

      Un saludo,
      David

  4. Avatar de Gianmarco
    Gianmarco

    ¿Se puede poner en una plantilla php y no en un sidebar a través de widget?

    1. Avatar de David Aguilera

      ¡Hola!

      Aunque nuestro plugin no ofrece ninguna función concreta para pintar la lista de entradas relacionadas fuera de una sidebar, es posible hacerlo con relativa facilidad. Para ello, simplemente necesitas poner el siguiente fragmento de código en donde quieras de tu plantilla:

      <?php
      if ( class_exists( 'NelioFP_Widget' ) ) {
        $widget = new NelioFP_Widget();
        $widget->widget(
          array(
            'before_widget' => '<div class="widget_neliofp_widget">',
            'after_widget'  => '</div>',
          ),
          array(
            'title'    => 'El título que tú quieras',
            'template' => 'nombre-plantilla', // Opcional.
          )
        );
      }
      ?>
      

      ¡Y ya está!

      Si vas a usarlo en más sitios, te recomiendo crearte una función que encapsule ese fragmento:

      function print_neliofp( $title, $template = '' ) {
        if ( ! class_exists( 'NelioFP_Widget' ) ) {
          return;
        }//end if
        $widget = new NelioFP_Widget();
        $widget->widget(
          array(
            'before_widget' => '<div class="widget_neliofp_widget">',
            'after_widget'  => '</div>',
          ),
          array(
            'title'    => $title,
            'template' => $template,
          )
        );
      }//end print_neliofp()
      }//end if
      

      de tal forma que únicamente tengas que invocarla así:

      <php print_neliofp( 'El título que tú quieres' ); ?>
      

      ¡Espero que te sea de ayuda!

      Un saludo,
      David

  5. Avatar de Angel
    Angel

    Habéis hecho un gran trabajo, me resulta fácil y resultón.

    A ver si me puedes echar una mano. He creado una zona de Widget para vuestro plugin y me gustaría incluir el widget dentro de un Visual Composer y no se me ocurre como hacer.
    Entiendo que el Visual Composer no es vuestro pero a lo mejor sabrías ayudarme.

    Muchas gracias y buen trabajo.

    1. Avatar de David Aguilera

      Hola Ángel,

      Muchas gracias por leernos y por querer usar nuestros plugins 🙂

      Para poder insertar un widget en Visual Composer, simplemente tienes que darle a Añadir Elemento y buscar una opción que (en inglés) se llama Widgetised Sidebar. Con ella podrás añadir una «sidebar» (las áreas donde meter widgets que tienes en Apariencia » Widgets) dentro de una página cualquiera, con lo que simplemente tendrás que seleccionar la sidebar que contenga el plugin de entradas relacionadas y listo.

      Un saludo,
      David

  6. Avatar de Giancarlo Corcuera
    Giancarlo Corcuera

    Hola:

    Estoy usando un template que se llama Trucking (lo compré en themeforest). Este template tiene un constructor de página bastante potente.

    Yo lo que necesito es poder mostrar 1 noticia destacada dentro de una página como contenido y no como sidebar. Hay alguna forma de llamar a tu plugin con un tag tipo [NelioFP idtag=XXX]? Esto lo he visto en plugins como Master Slider o Contact Form.

    Saludos

    1. Avatar de David Aguilera

      Hola Giancarlo,

      Ahora mismo, nuestro plugin no incluye ningún shortcode para poder insertar entradas destacadas. No obstante, y de forma parecida a como le comentaba a Ángel, si el constructor de páginas de Trucking permite añadir sidebars, lo único que tienes que hacer es crear una sidebar especial que sólo contenga un widget (nuestro plugin) y usar esa sidebar en tus páginas.

      ¿Te sirve esa solución?

      Un saludo,
      David

  7. Avatar de David
    David

    Gracias, me ha servido mucho y ha sido muy sencillo.

    1. Avatar de David Aguilera

      ¡Me alegro! Un saludo, David.

  8. Avatar de Miguel Pastor
    Miguel Pastor

    Hola
    Intento poner una template para el widget y no me funciona. ¿Hay que colocarlo en una carpeta llamada neliofp en el raiz del theme o dentro del mismo? ¿Qu´q pasa si tienes un childtheme?

    Gracias.

    1. Avatar de David Aguilera

      Hola,

      Tienes que crear el directorio neliofp dentro del directorio de tu tema (si es un tema hijo, de tu tema hijo). Por ejemplo, si tu tema está en wp-content/themes/mitema, la carpeta en cuestión tiene que ser wp-content/themes/mitema/neliofp/.

      Un saludo,
      David

  9. Avatar de David

    Buenas,

    Estoy editando los archivos .css pero no surge ningún efecto. Cabe añadir que en el editor del propio WordPress me pone al lado del nombre de la hoja «(inactivo)».

    Alguna solución para esto?

    Muchas gracias!

    1. Avatar de David Aguilera

      Hola David,

      No tengo ni idea de qué me estás hablando 🙁 ¿Puedes darnos un poco más de contexto?

      Un saludo,
      David

  10. Avatar de Olga

    Hola David!

    He instalado el plugin y me parece que habéis hecho muy buen trabajo. Es súper intuitivo, y cumple su función 🙂
    Quería preguntar si es posible aumentar el tamaño de la fuente, porque cuesta un pelín leer los títulos de los posts destacados…si es así, por favor indícame cómo se haría.
    Mil gracias de antemano, y gracias también por haber desarrollado el plugin! (y hacerlo gratuito) XD

    Un saludo,

    Olga

    1. Avatar de David Aguilera

      ¡Hola Olga!

      Efectivamente, intentamos hacer un plugin sencillo e intuitivo. Puedes cambiar tranquilamente el tamaño de la fuente; para ello, simplemente añade las reglas de estilo CSS que necesites en tu tema (si me pasas el enlace a tu blog te puedo indicar un ejemplo concreto).

      Un saludo,
      David

  11. Avatar de Christian Torres
    Christian Torres

    Hola Buen Día, me es de demasiada ayuda su aporte, muchas gracias, solo un pequeño detalle, yo necesito la imagen de un tamaño mayor y al momento de modificarla en css la imagen se me pixelea, entonces saber si me puedes guiar en que archivo se modifica esta propiedad en la que se valida la propiedad de este tamaño en la imagen, muchas gracias nuevamente espero contar con tu apoyo

    1. Avatar de David Aguilera

      Hola Christian,

      Si la imagen se pixela cuando la pones a un mayor tamaño es porque estás excediendo el tamaño original de la imagen. En general, escalar una imagen a un tamaño menor funciona; escalarla hacia arriba siempre acabará resultando en pixelado. Para solucionar esto, sube una imagen con mejor resolución.

      Un saludo,
      David

      1. Avatar de Christian Torres
        Christian Torres

        la imagen es de buena calidad el detalle esta en que get_the_post_thumbnail( $post->ID, ‘thumbnail’ ); esta llamando una imagen de 150px por eso

        1. Avatar de David Aguilera

          Pues no uses el tamaño 'thumbnail'; usa otro mayor (como 'medium', 'large' o 'full').

  12. Avatar de Tatiana
    Tatiana

    Buenas tardes! Quiero usar vuestro plugin en un tema que por defecto no permite sidebar en la home, he visto más arriba que añadiendo un código php se soluciona el problema, pero no se en que parte pegarlo exactamente, podríais ayudarme?

    1. Avatar de David Aguilera

      Hola, Tatiana. Crear una zona en la que meter widgets, que eso se muestre en la home y que se muestre de una forma bonita no es trivial… requiere bastantes conocimientos de PHP, CSS y HTML. Pero, si te ves valiente y con ganas, puedes seguir este tutorial. ¡Suerte!

  13. Avatar de Paola
    Paola

    Hola, que tal, estoy usando tu plugin me es muy útil por lo fácil de usar, solo quisiera saber si en vez de que se haga la lista, abra una forma de poner las entradas en forma grid?

    1. Avatar de David Aguilera

      Gracias, Paola. Si quieres mostrar las entradas en una parrilla, puedes hacerlo directamente añadiendo los estilos CSS necesarios en tu sitio web. Si me das la URL y me dices dónde está la lista de entradas, y me dices cómo querrías esa parrilla, puedo pasarte una primera aproximación con la que puedas empezar.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leído y acepto la política de privacidad de Nelio Software

Tus datos personales se almacenarán en SiteGround y serán usados por Nelio Software con el único objetivo de publicar tu comentario aquí. Con el envío de este comentario, nos das el consentimiento expreso para ello. Escríbenos para acceder, rectificar, limitar o eliminar tus datos personales.