Cómo crear una página de error 404 personalizada en CodeIgniter

Una página de error 404 personalizada le permite mostrar una página bien diseñada cuando se produce un error de página no encontrada. Hace que una aplicación web sea fácil de usar y ayuda al usuario a navegar de regreso a su sitio web. Sin una página 404 personalizada, aparece un mensaje de error en la pantalla cuando el usuario hace clic en el enlace roto o en la URL inexistente. Los visitantes pueden abandonar su sitio por error de página no encontrada, para solucionar este problema, la página de error 404 personalizada brinda la oportunidad de mostrar una página de mensaje personalizada con un enlace de redireccionamiento de la página de inicio.
Hay muchas razones para tener una página 404 en CodeIgniter . Principalmente los enlaces rotos son responsables de mostrar una página de error 404. CodeIgniter muestra la página 404 predeterminada cuando se produjo un error 404. Puede personalizar fácilmente la página de error 404 (página no encontrada) según sus necesidades.
En este tutorial, le mostraremos una forma sencilla de crear una página de error 404 personalizada con el enlace de navegación en CodeIgniter. No es necesario crear ningún controlador ni modificar ninguna funcionalidad para eso.
Antes de seguir este tutorial, cree un HTML de su página de error 404. Básicamente, la página de error 404 es una página HTML simple con enlace de navegación para volver a la página de inicio.
Vaya al directorio de su aplicación web y abra el application/views/errors/html/error_404.phparchivo en un editor. Elimine el HTML existente e inserte su página de error 404 HTML.
Para usar base_url()o cualquier otra función de CodeIgniter, se debe inicializar la clase CI_Controller. En la siguiente página de error 404 de CodeIgniter, hemos colocado HTML de página de error 404 personalizado con el enlace de navegación Volver a Inicio . También la base_url()función se usa para agregar el enlace de la página de inicio y cargar la imagen de la carpeta de activos.
<? php defined ( 'BASEPATH' ) O exit ( 'No se permite el acceso directo al script' ); ?> 
<? php 
$ ci  = new  CI_Controller (); $ ci  = &  get_instance (); $ ci -> cargar -> ayudante ( 'url' ); ?> 
<! DOCTYPE html>
< html  lang = "en" >
< cabeza >
< meta  charset = "utf-8" >
< título > 404 Página no encontrada </ título >
< link  href = 'http://fonts.googleapis.com/css?family=Amarante'  rel = 'stylesheet'  type = 'text / css' >
< style  type = "text / css" >
 body {
     background : url ( <? php  echo  base_url ();  ?> asset / images / bg.png);
    margen : 0 ;
}
.wrap {
     margen : 0  auto ;
    ancho : 1000 px ;
}
.logo {
     text-align : center ;
}   
.logo  p  lapso {
     de color : verde claro ;
}   
.sub  a {
     color : blanco ;
    fondo : rgba ( 0,0,0,0.3 );
    texto-decoración : ninguno ;
    Relleno : 5 px  10 px ;
    tamaño de letra : 13 px ;
    Familia tipográfica :  arial , serif ;
    font-weight : negrita ;
}   
.footer {
     color : # 555 ;
    posición : absoluta ;
    derecha : 10 px ;
    parte inferior : 10 px ;
    font-weight : negrita ;
    Familia tipográfica : arial , serif ;
}   
.footer  a {
     font-size : 16 px ;
    color : # ff4800 ;
}   
</ estilo >
</ cabeza >
< cuerpo >
    < img  src = " <? php  echo  base_url ();  ?> asset / images / label.png" />
    < div  class = "wrap" >
       < div  class = "logo" >
           < img  src = " <? php  echo  base_url ();  ?> asset / images / woody-404.png" />
               < div  class = "sub" >
                 < P > < a  href = " <? Php?  Eco  base_url ();  ?> " > Volver a Inicio </ a > </ p >
               </ div >
        </ div >
     </ div >
</ cuerpo >
</ html >
Después de personalizar el application/views/errors/html/error_404.phparchivo, intente explorar la URL inexistente. Verás que la página 404 personalizada aparece como la siguiente.
codeigniter-custom-404-page-not-found-codexworld
¿Desea obtener ayuda para la implementación, o modificar o ampliar la funcionalidad de este script? Enviar solicitud de servicio pagado

Acerca de: Programator

Somos Instinto Programador

0 comentarios:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Con tecnología de Blogger.