Error 404 – Ajustes finales

Buee, no se como empezar, luego de casi un mes sin escribir algo me siento raro, pero debo decir que tenía el diseño final de la página de error desde hace 20 días :S.

Ahora, este es el post final sobre la creación de la página de Error 404, podemos decir que ya hicimos todo lo difícil, ahora sólo nos falta mejorar un poco nuestro primer intento con un poco de CSS e imaginación ;)

Habíamos dicho que la página de error llevaría los últimos posts y suscripción al feed, eso es algo simple de hacer.

Para los últimos posts ya hemos visto varios ejemplos de como hacerlo, el más estable y seguro de usar en WordPress es este, que usa funciones nativas de WP para funcionar, pero en el ejemplo voy a usar el método con FeedBurner, fue más simple y además el diseño lo tengo hecho en una plantilla HTML básica.

En el post sobre FeedBurner se explica claramente como encontrar el código para usarlo (las imágenes ya no están por problemas de hosting, pero voy a intentar arreglarlas), se trata de un simple javaScript que obtiene los últimos posts, en mi caso elegí que se mostraran 7.

Lo hacemos de esta forma:

Seguir Leyendo esta Entrada

Error 404 – Primer intento

Como hablabamos en el post anterior, la página de Error 404 debe ser muy simple y funcional, evitando sobrecargarla para que sea fácil la navegación y uso de la misma.

Ahora haremos nuetro primer intento creando una y, como dijimos en el otro post, sólo incluíremos el logo, un texto de aviso y una caja de busqueda. El diseño de la misma la veremos en otro post, por ahora me baso en los colores de mi blog (no son muy bonitos, pero vamos, es el primer intento ;) ).

Para hacer una caja de busqueda, podemos basarnos en la que trae nuestro theme, que se encuentra, normalmente, en el archivo searchform.php. Copiamos el contenido en nuestro archivo 404.php, que debería ser algo así:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="Buscar" name="s" id="s" onfocus="if(this.value=='Buscar')this.value=''" onblur="if(this.value=='')this.value='Buscar'" />
</form>

Ahora ya tenemos nuestro buscador hecho. Este paso es muy importante (todos lo son), ya que con el buscador estamos invitando a los usuarios a mantenerse dentro de nuestra página cuando se encuentren con este error.

Entonces sólo nos falta darle estilos a nuestra página. Para eso abriremos nuestro archivo style.css y usaremos los siguientes divs:

body
.logo
.buscador

Seguir Leyendo esta Entrada

¿Qué es HTML?

HTML

El código HTML es el que interpretan los Buscadores para mostrar una Página Web, pero solo si esta bien estructurado.

El HTML fue creado cerca de los años 90 con el objetivo de facilitar la comunicación entre científicos. El creador fue Tim Berners-Lee.

Para ver el código HTML de una página puedes hacer esto:

  • Presionar el Botón "Ver" de la barra de Herramientas de tu Buscador.
  • Presionar "Código Fuente" y se abrirá una nueva ventana con todo el código de la página que estás viendo.

El codigo HTML puede parecer complicado para alguien que no lo ha profundizado, pero con un poco de tiempo se vuelve muy simple y fácil de entender.

Seguir Leyendo esta Entrada

Post Similares