Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

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

Personalización de la página 404

¡Prueba gratis durante 10 días

nuestros 1291 cursos !

Prueba gratis Mostrar modalidades de suscripción
Vamos a trabajar ahora sobre otra página con una estructura especial: la página de no encontrado. En esta página de nuevo vamos a tener una plantilla muy especial, y veremos cómo se pueden añadir widgets fuera de los sidebars.

Transcripción

En este vídeo trabajaré con los resultados de página no encontrada, quiero decir, qué ocurre cuando yo escribo cualquier cosa aquí, una URL que no existe. Vemos que la estructura es bastante distinta a lo que hemos visto hasta ahora. De hecho, esta página también es muy interesante, y se pueden sacar muy buenas lecciones de ella. En principio aparece esto en inglés, habría que cambiarlo, esto también, aparece descolocado, y luego aparecen muchos widgets, pero realmente yo aquí no tengo ningún widget area, no tengo ningún sidebar. Vamos a ver un poco cómo está hecho el código. Va a ser bastante diferente de el template single. Me voy a ir a 404.php. Este es el template que se va a ocupar de esa página de resultados no encontrados. Hay elementos muy fáciles de localizar para poderlos cambiar, por ejemplo, el rótulo. Bueno, pues aquí en vez de poner "Oops!" tal, voy a poner: "No hemos encontrado tu página". Por otro lado, el texto que aparece debajo... Bien, pues aquí puedo poner: "Parece que la url que has escrito no aparece en nuestro sistema. ¿Quieres volver a intentarlo?". O, por ejemplo: "¿Quieres volver a buscar?" vale. En realidad, esto sería un poco lo de menos. Voy a guardar ese texto, recargo la página y, efectivamente, esto ya está correcto. Siguiente paso, quiero que aparezca un poco como utilizo en el resto de las páginas, o sea, justificado un poco más hacia la derecha, etcétera. Para ello puedo reutilizar cosas, aunque no solo eso. Por ejemplo, en principio yo tengo aquí el h1 este de "Oops! No hemos encontrado tu página". Aquí lo que haré será añadirle una clase page-result. Voy a guardarla, y me voy a mover hasta headings, y aquí dentro de headings, bueno mira, ya tenía esa clase, o sea que puedo utilizarla. A este h1 le voy a aplicar esa misma clase que ya había creado previamente. Esa es la clase que se utilizaba dentro de results-page, y gracias a ello, bueno, pues ya tengo de momento ese elemento un poco separado. Otra cosa que estoy haciendo es aplicar siempre una caja gris a todos los elementos que conforman un bloque. Para eso estoy utilizando article. Aquí con esta etiqueta pues estoy añadiendo ese color de fondo, con un poco de radio, etcétera. Así que ¿por qué no hacer lo mismo? Me vengo dentro de los contenidos. Aquí es donde se está escribiendo ese "Parece que la url que has utilizado..." y tal, bien, pues aquí, añado esa etiqueta article. Voy a cortar, y voy a pegar ese article, que envuelva a esta etiqueta p. Pero quiero más cosas, yo quiero hacer que el campo de búsqueda aparezca también justo debajo de este texto que he añadido, y aquí ya hay una cosa que es muy interesante, un método, get_search_form. Hace precisamente lo que dice, o sea, recupera el formulario de búsqueda, y metiéndolo dentro de este artículo, voy a conseguir ahora... Aquí lo vemos. El que aparezca esto así es debido a que en realidad es una función de php, así que tendré que meter esto dentro de esa etiqueta php. Lo guardo y lo intento de nuevo, y ahora tiene que aparecer bien. Aquí lo podemos ver. Y luego, ¿qué es todo esto que aparece debajo? Vuelvo otra vez atrás y me voy a mover un poco más hacia abajo. Otra cosa que tampoco hemos utilizado hasta ahora, the_widget. El método the_widget me devuelve un widget en concreto. Esto está muy bien, porque así puedo añadir widgets sin necesidad de poner sidebars. Si yo quiero utilizar un widget en concreto, pues utilizo the_widget, el identificador de ese widget, y lo coloco donde quiera. Entonces, es algo muy cómodo y muy práctico. Voy a añadir un nuevo article, y dentro de ese article voy a utilizar el widget que quiero usar, que es este Widget_Tag_Cloud. Lo voy a copiar, lo voy a meter aquí dentro, voy a eliminar todo lo que no es ese widget, y ahora voy a eliminar todo este resto de elementos, porque realmente no me interesan ni los widget categories ni nada parecido. Elimino el resto de contenidos, guardo esta plantilla 404, recargo para ver el resultado, y aquí tengo, por un lado, "No hemos encontrado tu página" y las etiquetas para poder hacer esa búsqueda; por otro lado, esta página me queda un poco coja, porque no tengo el sidebar en la parte de la derecha, entonces no estoy utilizando todo el espacio disponible correctamente. En realidad, lo que quiero es añadir ese sidebar. Si me voy a la parte del final, veo que tengo get_footer, pero no estoy añadiendo el sidebar, lo cual tiene una fácil solución. Puedo copiar de la plantilla single.php ese método, get_sidebar, pegarlo, lo guardo, y ahora al recargar me voy a encontrar con que tiene que aparecer ya ese sidebar; aquí lo tenemos. Bien, pues ya tengo mi página de "No hemos encontrado tu página" perfectamente hecha.

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.