cara custom halaman error 404 CodeIgniter terbaru
pada kesempatan ini saya akan memberikan tutorial sederhana bagaimana custom atau mengganti tampilan error 404 Not Found pada CodeIgniter agar tampilan UI lebih menarik.
Dengan custom halaman 404 Not Found pada CodeIgniter, kita bisa buat lebih variatif dan menarik bisa menambahkan style css atau animasi dan gambar.
ok langsung saja ke tutorial custom page error 404 Not Found pada CodeIgniter, silahkan download firmware CodeIgniternya, kemudian setting konfigurasi dasar CodeIgniternya
baca :
Konfigurasi dasar CodeIgniter terbaru
untuk custom halaman 404 not found pada codeIgniter terletak pada path folder yaitu :
application/views/errors/html/error_404.php
pada file error_404.php bisa mengganti tampilan standar CodeIgniter dengan sesuai yang kita kehendaki. tapi pada bagian code awal html kita perlu menambahkan baris code seperti berikut :
Jika tidak menambahkan code diatas, maka akan terjadi error
Severity: Error
Message: Call to undefined function base_url()
Filename: html/error_404.php
Line Number: 19
Backtrace:
yaitu karena function base_url() untuk memanggil path css, js atau image tidak terbaca atau tidak bisa di akses di file error_404.php CodeIgniter.
Berikut halaman code error_404.php yang sudah saya custom menggunakan css bootstrap dengan hasil seperti gambar di atas.
ok, berikut cara simple untuk mengganti halaman 404 not found pada codeIgniter,
terima kasih semoga membantu, happy coding.. ^_^.
 |
| Custom page error 404 not found CodeIgniter |
Dengan custom halaman 404 Not Found pada CodeIgniter, kita bisa buat lebih variatif dan menarik bisa menambahkan style css atau animasi dan gambar.
ok langsung saja ke tutorial custom page error 404 Not Found pada CodeIgniter, silahkan download firmware CodeIgniternya, kemudian setting konfigurasi dasar CodeIgniternya
baca :
Konfigurasi dasar CodeIgniter terbaru
untuk custom halaman 404 not found pada codeIgniter terletak pada path folder yaitu :
application/views/errors/html/error_404.php
pada file error_404.php bisa mengganti tampilan standar CodeIgniter dengan sesuai yang kita kehendaki. tapi pada bagian code awal html kita perlu menambahkan baris code seperti berikut :
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<?php
$ci = new CI_Controller();
$ci =& get_instance();
$ci->load->helper('url');
?>
<!doctype html>
Jika tidak menambahkan code diatas, maka akan terjadi error
Severity: Error
Message: Call to undefined function base_url()
Filename: html/error_404.php
Line Number: 19
Backtrace:
yaitu karena function base_url() untuk memanggil path css, js atau image tidak terbaca atau tidak bisa di akses di file error_404.php CodeIgniter.
Berikut halaman code error_404.php yang sudah saya custom menggunakan css bootstrap dengan hasil seperti gambar di atas.
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<?php
$ci = new CI_Controller();
$ci =& get_instance();
$ci->load->helper('url');
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="">
<title>404 NOT FOUND</title>
<!-- Bootstrap core CSS -->
<link href="<?php echo base_url();?>assets/bs4/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="<?php echo base_url();?>assets/bs4/signin.css" rel="stylesheet">
</head>
<body class="text-center">
<img src="<?php echo base_url('assets/bs4/sad.png');?>" width="20%" class="mx-auto d-block">
<br>
<div class="mx-auto display-1">
<b>404 NOT FOUND</b></div>
</body>
</html>
ok, berikut cara simple untuk mengganti halaman 404 not found pada codeIgniter,
terima kasih semoga membantu, happy coding.. ^_^.
Comments
Post a Comment