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
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 nombre o Nombre 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.
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
Tutorial original en inglés: How to display posts from a specific category in the Latest News section in Zerif
Técnica en electromecánica, periodista, entusiasta de los idiomas y enamorada de WordPress. Amante del mate, la lectura, la música y las series de sci-fi. Mamá de una vizsla loca.
- Guía para WordPress 6.6 disponible - 22 de septiembre de 2024
- Guía para WordPress 6.5 disponible - 13 de junio de 2024
- Guía para WordPress 6.4 disponible - 5 de diciembre de 2023
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!
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.
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!
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?
Hola, Andrea.
Las funciones van en el archivo
functions.phpdel tema hijo, a continuación del código que ya contiene y antes del cierre de la etiqueta?>(si la hubiere).Saludos.
Hola! Gracias por tus tutoriales, en caso de que quiera mostrar las noticias de todas las categorías, excepto algunas ¿Cómo haría?
Hola, Andrea.
Fijate en esta respuesta. Si querés excluir más de una categoría, separalas con comas. Ejemplo:
'cat' => '-234,-765'.Saludos.
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?
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.
Hola, Andre.
Gracias por tu comentario.
Cambiá también todas las líneas que contengan
$i_latest_posts % 4por$i_latest_posts % 3.Saludos.
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
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?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!
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.
Mil gracias de nuevo, Ana. Un saludo muy, muy cordial 🙂
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/
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-latestnewspor#carousel-homepage-latestnews2(por ejemplo; puede ser cualquier otro nombre que no esté en uso). Luego copiar destyle.cssdel tema padre todos los códigos CSS que incluyan la IDcarousel-homepage-latestnews, y pegarlos en la hoja de estilos del tema hijo con la IDcarousel-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.jsque corresponde a/* latest news */y pegarlo en un archivo JS en la ruta correspondiente del tema hijo, que tenés que incluir desdefunctions.php(podés guiarte con este tutorial).Para lo segundo, fijate en esta respuesta.
Saludos.
Me olvidaba: también copiá los archivos
left-arrow.pngyright-arrow.pngde la carpeta/themes/zerif-lite/images/a una equivalente en el tema hijo.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.
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/
Hola, Toni.
Tendrías que probar con algún plugin constructor de páginas.
Saludos.
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.
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.
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
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
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.phpdel 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
Blogen la parteget_page_by_titlepor el que corresponda).Saludos.
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!
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-wrapy.sidebar-wrap.Saludos.
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!
Hola, Ana.
Tendrías que crear un tema hijo, y en el archivo
functions.phpagregar el siguiente código:function custom_excerpt_length( $length ) { return 20; } add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );Modificá el
20por 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.
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??
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.
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
Hola, Carlos.
Te recomiendo que veas todos los tutoriales publicados. Está explicado cómo crear un tema hijo, o cómo agregar estilos personalizados con un plugin, entre otras cosas.
Saludos.
Hola una pregunta
no me sale la foto de la entrada y me sale un recuadro gris, que estoy haciendo mal.
Muchas gracias
Hola, Diego.
A cada entrada tenés que agregarle una imagen destacada. Esta respuesta que le di a otro usuario quizá te sirva.
Saludos.
en imagen destacada, pero ahora el tema es cual es la medida correcta, Muchas gracias!
Estimado como lo hago para que en esta sección, detener el slider y que sólo me muestre las 4 ultimas entradas ??
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.
como le hago para que aparezcan mas de 4 entradas
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.