Zerif Lite: ¿Cómo mostrar entradas de una categoría en especial en la sección “Últimas noticias”?

41 comentarios

¡Atención! Zelle Lite (ex Zerif) ya no se actualiza. Cambia a:

Hestia

Hestia

Multipropósito
Adaptable a todos los dispositivos
Fácil de configurar

Más opciones en Hestia Pro

Neve

Neve

Súper rápido
Compatible con AMP
Hecho para Elementor

Más opciones en Neve Pro

Tutoriales de Zerif Lite en español

Por: Caribdis.Net

Publicada: 8 de mayo de 2016

Seguimos engrosando el repertorio de tutoriales para el tema Zerif Lite, de ThemeIsle. Hoy, en el capítulo décimo sexto, vamos a tomar control sobre las entradas que se muestran en la sección Últimas noticias.

De manera predeterminada, Zerif Lite muestra en cuatro columnas las últimas publicaciones del blog, por orden cronológico (primero la más reciente), y no discrimina por categoría.

Zerif Lite muestra las últimas entradas del blog, por orden cronológico descendente, en cuatro columnas

Zerif Lite muestra las últimas entradas del blog, por orden cronológico descendente, en cuatro columnas

Zerif - Últimas noticias - Entradas WordPress

Las últimas cuatro entradas son las que quedan visibles en la página de inicio

En el caso de que necesitemos mostrar únicamente las entradas de una categoría en especial, podemos lograrlo mediante un tema hijo. Las instrucciones para crearlo se encuentran en esta entrada anterior.

Ahora nada más tenemos que copiar el archivo latest_news.php de la carpeta /sections/ del tema padre a una carpeta /sections/ del tema hijo. Lo abrimos con un editor de texto y buscamos la siguiente línea de código:

$zerif_latest_loop = new WP_Query( apply_filters( 'zerif_latest_news_parameters', array( 'post_type' => 'post', 'posts_per_page' => $zerif_total_posts, 'order' => 'DESC','ignore_sticky_posts' => true )) );

La reemplazamos por esta:

$zerif_latest_loop = new WP_Query( apply_filters( 'zerif_latest_news_parameters', array( 'post_type' => 'post', 'posts_per_page' => $zerif_total_posts, 'order' => 'DESC', 'category_name' => 'mi-categoria','ignore_sticky_posts' => true )) );

Obviamente, debemos reemplazar mi-categoria por el slug de la categoría que queremos mostrar y guardamos los cambios. ¿Qué es el slug? Es el “nombre amigable” que aparece en la URL (cuando usamos los Enlaces permanentes en Día y nombreNombre de la entrada).

Para comprobar el slug de la categoría, es suficiente con posar el mouse sobre el título y fijarnos en la barra inferior del navegador, que nos muestra las URL de destino de los enlaces. Para este ejemplo, mostraremos las entradas de la categoría Plantilla.

Zerif - Últimas noticias - Categoría

Nuestro código, entonces, debería quedar así:

$zerif_latest_loop = new WP_Query( apply_filters( 'zerif_latest_news_parameters', array( 'post_type' => 'post', 'posts_per_page' => $zerif_total_posts, 'order' => 'DESC', 'category_name' => 'plantilla-2','ignore_sticky_posts' => true )) );

Ahora solo veremos en nuestra página de inicio las entradas correspondientes a la categoría Plantilla únicamente.

Mostrar las últimas entradas de una categoría en especial

Mostrar las últimas entradas de una categoría en especial

Tutorial original en inglés: How to display posts from a specific category in the Latest News section in Zerif

Últimas entradas de Caribdis.Net (ver todo)

Se responden todas las dudas o consultas de los lectores acerca del contenido de esta publicación únicamente en su respectiva sección de comentarios, por lo general dentro de las 24/72 hs. Así que asegúrate de suscribirte a las respuestas para recibirlas en tu casilla de correo electrónico (podrás cancelar la suscripción cuando lo desees). Con la suscripción al blog, recibirás en tu correo únicamente las nuevas entradas que se publiquen.

Ten en cuenta que muchas de las preguntas ya fueron respondidas en distintas entradas; recuerda que puedes usar el buscador de la barra lateral, y Ctrl+F para buscar texto dentro de una página.

Esta u otras entradas pueden contener enlaces de afiliado. Esto significa que si usas un enlace para adquirir algún producto recomendado, recibiremos una comisión de afiliados, la cual no te generará ningún costo adicional.

41 Comentarios

  1. Sebas

    Hola Ana, vuelvo a escribirte porque necesito modificar la sección Últimas noticias (Latest News) que muestra las últimas entradas del blog.
    Estoy intentando lograr que la sección me aparezca ni bien entras a la página, en toda la franja inferior.
    Eso lo tengo más o menos bien, lo que me gustaría modificar es lo siguiente:
    1.- Que a las imágenes les pueda dar una medida personalizada, más pequeñas y rectangulares por ejemplo.
    2- Que pueda modificar los espacios entre el título y las mismas, quitando el subtítulo.
    3- Que en lugar de 4 aparezcan las que entren en el ancho de la pantalla
    Espero que me puedas ayudar, no sé si sigue activo este tema pero me sería de vital ayuda.
    Muchas gracias como siempre!

    • Caribdis Diseño Web

      Hola, Sebas.

      Como posible, es posible, pero por el nivel de edición que requiere, quizá lo más conveniente sería buscar un plugin que te permita agregar un código abreviado.

      Saludos.

      • Sebas

        Muchas gracias Ana, como siempre, por tu rápida respuesta. La verdad es que he probado más de 10 plugins y no hay ninguno gratuito con un diseño aceptable y que pueda elegir mostrar las entradas de una categoría específica. Te paso el link de la página para que te hagas una idea http://www.lmcars.es
        Si se te ocurre alguno o tienes alguna idea de como podría adaptar la sección te lo agradecería. Hacés un gran trabajo!

  2. Andrea

    Muchas gracias! Para evitar que estas publicaciones salgan en le blog? es decir quiero que solo salgan en las categorías? Leí en otra de tus respuestas que hay que hacerlo con una función pero donde va esa función?

    • Caribdis Diseño Web

      Hola, Andrea.

      Las funciones van en el archivo functions.php del tema hijo, a continuación del código que ya contiene y antes del cierre de la etiqueta ?> (si la hubiere).

      Saludos.

  3. Andrea

    Hola! Gracias por tus tutoriales, en caso de que quiera mostrar las noticias de todas las categorías, excepto algunas ¿Cómo haría?

    • Caribdis Diseño Web

      Hola, Andrea.

      Fijate en esta respuesta. Si querés excluir más de una categoría, separalas con comas. Ejemplo: 'cat' => '-234,-765'.

      Saludos.

      • Andrea

        Muchas gracias! Para evitar que estas publicaciones salgan en le blog? es decir quiero que solo salgan en las categorías? Leí en otra de tus respuestas que hay que hacerlo con una función pero donde va esa función?

  4. Andre

    Hola ante nada quiero agradecerte por toda la ayuda que nos brindas, gracias a ti he logrado hacer una página web profesional y muy bonita. Mi consulta es la siguiente, quiero que en la sección de entradas que se ve en el home en lugar de verse 4 entradas solo se vean 3 y que las imagenes se agranden un poco, intente editar el archivo latest_news.php especificamente en echo ”; colocando en lugar de “sm-3” “md-4” pero no me funcionó tienes alguna idea de como puedo realizar este cambio. Muchas gracias.

    • Caribdis Diseño Web

      Hola, Andre.

      Gracias por tu comentario.

      Cambiá también todas las líneas que contengan $i_latest_posts % 4 por $i_latest_posts % 3.

      Saludos.

  5. Alejandro

    Hola Ana,

    como siempre mil gracias por el aporte.

    Queria consultarte algo que me sucede y es un poco extraño, sigo todos tus pasos exactamente, y se me crea la nueva seccion con exito (basada en nuestro enfoque)

    Pero al escribir el texto que quiero en cada uno de los widgets este sale sumamente desordenado, me deja escribir solo una palabra por linea.por ende si escribo 10 palabras son 10 renglones, y logicamente se ve horrible, no entiendo pq pasa esto :(. Ademas los circulos salen un poco mas corridos hacia la derecha q la primera seccion. muy extraño

    agradezco si me puedes ayudar

    • Caribdis Diseño Web

      Sin verlo directamente, es difícil darte una respuesta. ¿Qué widgets estás agregando? ¿Y qué valor usaste para la clave 'before_widget' al registrar la barra lateral?

  6. María del Mar Padrón

    Hola, Ana, tus saberes me han solucionado un montón de situaciones. Y vuelvo a abusar de la confianza para pedirte ayuda. En nuestra web tenemos la sección de noticias dedicada a blog. Yo lo que quiero es poner en la web dos secciones: una con artículos y lecturas sobre nuestra área profesional (BLOG) y otra sección con noticias sobre nuestras actividades (NOTICIAS). Cómo podría hacerlo? Mil gracias por anticipado!

    • Caribdis Diseño Web

      Hola, Mar.

      Si te referís a mostrar en la página de inicio dos secciones de noticias con categorías diferentes, tendrías que crear un tema hijo, duplicar la sección Latest News y seguir las instrucciones que se detallan aquí.

      Otra alternativa sería buscar un plugin para mostrar entradas en un widget y agregarlo en alguna de las áreas disponibles.

      Saludos.

      • Mar Padrón

        Mil gracias de nuevo, Ana. Un saludo muy, muy cordial 🙂

  7. Héctor Suárez

    Buenas tardes! Consulta: hice una copia de la sección noticias, donde solo hay una categoría para mostrar, seguí tus tutoriales y salió genial, lo único malo es que en la sección agregada no corre el carrusel, solo se muestran las primeras 4 entradas. Te agradecería mucho me indiques como puedo hacer. Otra consulta mas! existe la posibilidad de bajar el numero de caracteres del excerpt de las entradas? para mi opinión son muchos caracteres. desearía bajarlo a 20 o 15. te agradecería me ayudes. Y felicitarte por tremendo blog! 100% didáctico todo y despeja toda duda. Mil Gracias saludos desde Perú.
    la web es:
    http://www.lateris.com.pe/

    • Caribdis Diseño Web

      Hola, Héctor.

      Gracias por tu comentario.

      El problema es que duplicaste la ID de los controles del carrusel. En el archivo de la nueva sección tendrías que reemplazar todos los #carousel-homepage-latestnews por #carousel-homepage-latestnews2 (por ejemplo; puede ser cualquier otro nombre que no esté en uso). Luego copiar de style.css del tema padre todos los códigos CSS que incluyan la ID carousel-homepage-latestnews, y pegarlos en la hoja de estilos del tema hijo con la ID carousel-homepage-latestnews2 (o el nombre que le hayas puesto en el archivo de la nueva sección). Por último, copiar el código de /themes/zerif-lite/js/zerif.js que corresponde a /* latest news */ y pegarlo en un archivo JS en la ruta correspondiente del tema hijo, que tenés que incluir desde functions.php (podés guiarte con este tutorial).

      Para lo segundo, fijate en esta respuesta.

      Saludos.

      • Caribdis Diseño Web

        Me olvidaba: también copiá los archivos left-arrow.png y right-arrow.png de la carpeta /themes/zerif-lite/images/ a una equivalente en el tema hijo.

      • Héctor Suárez

        Mil gracias por todo. Cabe acotar que también hay que pasar las dos imágenes de los botones de izquierda y derecha del carrusel (left-arrow.png y right-arrow.png) del tema padre al tema hijo! Muchas gracias enserio tu aporte es de gran ayuda para muchos.

  8. Toni

    Buenas, quisiera saber si se pueda cambiar la forma en que se presentan las notas (entradas) del blog ya que no me convence el titulo con la linea roja que aparece a la izquiera y me gustaria que parezcan mas profesional mis notas.

    Dejo un ejemplo
    http://www.submarinoatomico.com/2016/11/17/google-play-music-ya-mira-al-futuro/

      • Antonio Diez

        Muchas gracias por todas sus sugerencias. PEro ahora me sucede que actualicé el thme de Zerif lite y se rompio algo que ya no recuerdo como lo habia hecho.

        Necesitaría volver a lograr que en las ENTRADAS de mis posteos, vuelva a aprecer la opción de plantilla “Plantilla de ancho completo sin titulo” que es propia de las secciones de PAGINAS, pero no de ENTRADAS.

        Espero que se pueda volver a configurar.

        • Caribdis Diseño Web

          Hola, Antonio.

          Si no me equivoco, esta es la respuesta que te había dado en su momento. Recordá usar un tema hijo para incluir archivos nuevos o cambios de código, así no se pierden cuando actualices el tema.

          Saludos.

  9. Galvan

    Codial saludo

    Gracias por tus aportes; Me gustaría saber como modifico en la sección de ultimas noticias de la pagina principal que NO me aparezca los tres puntos […] y leer mas ya que agregue una recomendación que hacia en un post para personalizar pero me quedan los los tres puntos […] y leer mas
    Solo quiere que aparezca en las entradas tipo blog leer mas
    Quiero quitar de la sección ultimas noticias el titular y la fotogarafía

    De ante mano muchas Gracias

    • Galvan

      Corrijo
      Quiero DEJAR de la sección ultimas noticias de pagina principal SOLO el titular y la fotogarafía
      Quiero que me aparezca leer mas entradas del sitio
      Quiero quitar los […]
      Gracias

      • Caribdis Diseño Web

        Hola, Galván.

        Para ocultar el extracto, podés usar CSS:

        .latesnews-content p {
            display: none;
        }
        

        Y para el texto “Leer más”, tendrías que pegar lo siguiente en el archivo functions.php del tema hijo:

        function latest_news_read_more_link() {
            echo '<p><a href="' . esc_url( get_permalink( get_page_by_title( 'Blog' ) ) ) . '">Leer más entradas del sitio</a></p>';
        }
        add_action('zerif_bottom_latest_news', 'latest_news_read_more_link' );
        

        Usá el nombre exacto de la página que contenga las entradas del blog (reemplazando Blog en la parte get_page_by_title por el que corresponda).

        Saludos.

  10. Analia

    Hola! Gracias por dedicarle tiempo a los post. Tengo una consulta: estoy utilizando Zerif Lite, pero en mi pagina de Blog no me aparecen las categorias ordenadas para que el usuario seleccione cuál le interesa. Te paso el sitio para que lo veas: http://beepyme.com/blog/
    Saludos!

    • Caribdis Diseño Web

      Hola, Analía.

      Si te referís a la barra lateral, es porque la estás ocultando con CSS en línea (mediante algún plugin). Tendrías que eliminar los códigos de las clases .content-left-wrap y .sidebar-wrap.

      Saludos.

  11. Ana

    Hola!
    Mi pregunta es: cómo hago para que en la página principal en la sección ”últimas noticias” no aparezca tantísimo texto?

    Gracias por todo, saludos!

    • Caribdis Diseño Web

      Hola, Ana.

      Tendrías que crear un tema hijo, y en el archivo functions.php agregar el siguiente código:

      function custom_excerpt_length( $length ) {
          return 20;
      }
      add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
      

      Modificá el 20 por el número de palabras que quieras que tenga el extracto.

      Otra opción sería usar extractos manuales. En cada entrada, dentro del campo Extracto escribir el texto que querés que se muestre.

      Saludos.

  12. Carlos Machuca

    Excelentes post. Gracias por compartir. Mis felicitaciones a todo el equipo. Quisiera preguntarte lo siguiente. Tengo mi pagina web con este tema de Zerif lite y cuando ud observa la página de Blog puede percatarse de que los títulos de las entradas estan parcialmente subrayados. Como hago para subrayarlos completo o dejarlo de subrayar?. Por qué no se subrayan por completo??

    • Caribdis Diseño Web

      Hola, Carlos.

      Gracias por tu comentario.

      Lo de los títulos no es un subrayado, sino una línea separadora como seudoelemento :after.

      Para darle todo el ancho de la entrada (no el ancho del título) el código sería:

      .entry-title:after {
          width: 100%;
      }
      

      Para eliminarla:

      .entry-title:after {
          content: none;
      }
      

      Saludos.

      • Carlos Machuca

        Me supongo que es la solución pero no conozco nada de HTML. Podría entrar en Apariencia– Editor…y luego qué?? como lo introduzco??. Existe algun tutorial especifico para eso?. Dónde puedo obtener mayor información?. Agradecido de antemano por tu rerspuesta

  13. diego

    Hola una pregunta
    no me sale la foto de la entrada y me sale un recuadro gris, que estoy haciendo mal.
    Muchas gracias

    • Caribdis Diseño Web

      Hola, Diego.

      A cada entrada tenés que agregarle una imagen destacada. Esta respuesta que le di a otro usuario quizá te sirva.

      Saludos.

    • diego

      en imagen destacada, pero ahora el tema es cual es la medida correcta, Muchas gracias!

  14. agustin

    Estimado como lo hago para que en esta sección, detener el slider y que sólo me muestre las 4 ultimas entradas ??

    • Caribdis Diseño Web

      Hola, Agustín.

      Para eso tenés que ir a Ajustes > Lectura y en la opción Número máximo de entradas a mostrar en el sitio ingresar 4.

      Saludos.

  15. Luis Terrazas

    como le hago para que aparezcan mas de 4 entradas

    • Caribdis Diseño Web

      Hola, Luis.

      La sección “Últimas noticias” mostrará tantas entradas como tengas configuradas en Ajustes > Lectura > Número máximo de entradas a mostrar en el sitio. En el área visible aparecen cuatro, pero podés navegar entre las siguientes/anteriores con las flechas de ambos lados.

      Espero que te sirva.

      Saludos.

Los comentarios están cerrados. ¿Por qué?

Pin It en Pinterest

Compartir esto

Compartir es agradecer

Si esta publicación te resultó útil, puedes compartirla y ayudar a otros. ¡Gracias!