WordPress práctico: Creación básica de temas

Personalizar la página de resultados de búsqueda

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
La página de resultados de búsqueda es también muy interesante, no solo porque tiene una estructura HTML muy diferente a la del resto de plantillas, sino porque podemos utilizar algunas de las funciones que usa en otras partes, como aplicar resúmenes en la home.

Transcripción

Trabajaremos ahora un poco con la página de resultados. Cuando yo pongo cualquier cosa dentro del buscador, me sale una serie de resultados que están formateados bueno, pues, personalmente me gusta bastante, aunque tiene ciertas cosas que son mejorables, como, por ejemplo, este header que sale descolocado. Vamos a ver un poco, entonces, qué modificaciones podemos hacer utilizando esta página de resultados como está organizado y cómo podemos sacar partido de ella. En principio, hay una plantilla dentro de Underscores que es search.php. Este search.php es el que se ocupa de cargar los contenidos que va a mostrar y, en concreto, dentro del loop pues tenemos que me va a buscar el content search. Ese content search lo tenemos dentro de template-parts. Aquí tengo, efectivamente, esos contenidos que son los que están cargando y, en concreto, tenemos el título, la fecha de publicación me está pidiendo que escriba el resumen y luego, por último, pues está añadiendo un footer. Dentro de search también tenemos cosas que podemos cambiar, por ejemplo, este Search Results for, pues no me interesa que salga así, más bien debería de poner algo así como "Resultados para". Voy a empezar haciendo modificaciones sobre él. Vuelvo de nuevo al sitio. Me interesa que salga alineado con los rótulos que tengo aquí, así que, tendré que buscar alguna alternativa, alguna estrategia para conseguir que haga esto; hay muchas formas de hacerlo pero una, por ejemplo, podría ser el añadir aquí la clase results-page. Ahora, puedo irme a typography headings y aquí añadir un caso específico de h1 que se aplique sobre el h1 que tiene esa clase. Es una etiqueta h1, efectivamente, con esa clase, bien. Pues aquí añado margin-left de 35 píxeles. Lo guardo y ya está colocado ese Resultados para: post. Puedo hacer más cosas, podría hacer modificaciones sobre este content search y hacer que aquí saliesen o desapareciesen otros elementos, pero, en mi caso, voy a ser justo lo contrario. No me ha gustado nunca el que en una página como la que yo tengo en un sitio web como el que yo tengo, en la entrada me salgan todos estos contenidos desplegados, tantos contenidos, porque al final lo único que están haciendo es un poco despistarme, queda una home demasiado larga. Así que, voy a cambiar precisamente eso y me voy a aprovechar de lo que me ofrece el content search y, en concreto, voy a utilizar esta orden the excerpt. Este the excerpt sirve para añadir el resumen. ¿Y por qué no hago yo exactamente lo mismo dentro de content? Quiero decir, aquí dentro de content, donde se pintan los contenidos, pues lo que se está haciendo es añadirme the content entero, completamente, y luego, aparte pues una serie de links. Bien, pues voy a hacer que se pregunte si esta página es única o no es única. En caso de que sea single, en caso de que vaya a mostrarme solamente ese post, pues me parece bien que me muestre el contenido como lo está montando pero en caso contrario, voy a reutilizar este the excerpt lo voy a pegar, guardaré ese código, y ahora, cuando recargue la página de home estoy viendo esos contenidos; me añade también los comentarios que lleva y demás porque solo he colocado fuera de la condicional pero, efectivamente, ahora ya tengo una página de entrada que es mucho más pequeña y que luego pues siempre puedo irme ya al contenido y verlo desplegado. Bueno, pues, resumiendo un poco este vídeo; por un lado, vemos cómo podemos personalizar la página de resultados, cómo podemos aplicarle clases y todo lo que yo quiera en realidad para que se vean contenidos concretos diferentes y luego también vemos cómo en esta página de resultados me está añadiendo los resúmenes y cómo podemos añadir esos resúmenes a las páginas de listados de elementos en cualquier otra parte de la web.

WordPress práctico: Creación básica de temas

Aprende a dar un nuevo aspecto a tu página de WordPress, creando un tema desde cero usando como base las plantillas Underscore y dándole aspecto a nuestro gusto.

4:16 horas (48 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:11/08/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.