Sihirli Fasulyeler
Yükleniyor...
404 Hata Sayfası Oluşturma (Cpanel)
 Web-Tasarım   1491   24.03.2018   0
404.jpg

Hata sayfaları kullanıcılara sunucuda veya istekte oluşan hataların ne olduğunu gösteren sayfalardır. En sık karşılaşılan hata sayfası 404'dür. Bu hata kodu ulaşılmak istenen sayfanın bulunamadığını gösterir. Yanlış yazılan web adresleri veya ulaşılmak istenen sayfanın taşınmış/silinmiş olması bu hatanın nedenleridir. Eğer herhangi bir değişiklik yapmamışsanız 404 sayfanız son derece sade ve basit olacaktır. Bu yazımda 404 sayfanızı kendinize göre nasıl düzenleyebilirsiniz konusuna değinmek istiyorum.

 

Şunu da belirtmek isterim ki bu yöntem ile sadece 404 sayfasını değil bütün hata sayfalarını istediğiniz gibi düzenleyebilirsiniz. Diğer hata kodlarını makalenin sonunda bulabilirsiniz.

 

1- Öncelikle CPanel'e giriş yapmamız gerekiyor. CPanel'in giriş ekranına site adresinizin sonuna /cpanel ifadesini ekleyerek ulaşabilirsiniz. Örneğin www.siteismi.com sitesinin CPanel kısmına www.siteismi.com/cpanel yazıp ulaşabilirsiniz. CPanel'e girdiğinizde hosting firmanızın size verdiği kullanıcı adı ve şifreyi kullanmanız gerekir.

  404 Hata Sayfası  

2- CPanel'e giriş yaptıkdan sonra gelişmiş (advanced) bölümünde hata sayfaları (error pages) seçeneğini seçiyoruz.

  404 Hata Sayfası  

3- ilk olarak eğer birden fazla alan adınız varsa hangisi için işlem yapacaksanız açılan penceredeki listeden onu seçmemiz gerekiyor. Daha sonra sayfanın aşağı kısmında (resimdeki Step 2 kısmı) hata kodlarından hangisini kendimize göre düzenlemek istiyorsanız ona tıklıyoruz. Konumuz için 404'ü seçelim.

  404 Hata Sayfası  

4- Açılan pencerede yazı yazacağımız bir alan var. Bu alana istediğimiz gibi metin, HTML ve CSS komutları yazabiliriz. Ayrıca yazı alanın hemen üstünde yer alan kısayollar ile oluşacak 404 sayfasına kullanıcı ip'si, kullanıcının tarayıcı bilgileri, ulaşılmak istenen sayfa, sunucu bilgilerini gibi detayları da ekleyebiliriz.

  404 Hata Sayfası  

5- Yazı alanına istediğimiz sayfayı oluşturacak komutları ve yazıları yazıyoruz.

  404 Hata Sayfası  

Sitem için 404 sayfasında kullandığım komutları aşağıdan inceleyebilirsiniz. Buraya tıklayarak oluşturduğum 404 sayfasını görebilirsiniz.

 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sihirli Fasulyeler - 404</title>
<link href="https://fonts.googleapis.com/css?family=Itim" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#464646">
<meta name="msapplication-navbutton-color" content="#464646">
<meta name="apple-mobile-web-app-status-bar-style" content="#464646">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<style>
	body{
	    overflow:hidden;
	    background: #1fa67a;
	}
	.wrapper{
	    width: 100vw;
	    height: 100vh;
	}
	.wrapper>h1{
	    font-family: 'Itim', cursive;
	    font-size: 190px;
	    margin: 0;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -50%);
	    color:#fff;
	}
	.back{
	    position: absolute;
	    width: 100%;
	    height: 100px;
	    background:#fff;
	    left:0;
	    top:0;
	}
	.back>a{
	    font-family: 'Itim', cursive;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -50%);
	    color:#1fa67a;
	    font-size: 30px;
	    text-decoration: none;
	}
</style>
</head>
<body>
	<div class="back">
		<a href="http://www.sihirlifasulyeler.com">Anasayfa</a>
	</div>
	<div class="wrapper">
		<h1>404</h1>
	</div>
</body>
</html>
 

5- Son olarak yaptığımız değişiklikleri sayfanın altındaki kaydet (Save) butonuna basarak kaydediyoruz.

  404 Hata Sayfası  

Bütün işlemlerimiz bu kadar. Bu yöntem dışında htaccess dosyasına bazı yönlendirme komutları yazarak da hata sayfalarını oluşturduğumuz sayfalara yönlendirebiliriz. Fakat htaccess yönteminde hem oluşturduğumuz sayfaları sunucuya atmamız gerekiyor hem de htaccess dosyasına yönlendirme komutlarını yazmamız gerekiyor. Bu nedenle CPanel yönteminin çok daha kolay bir yöntem olduğunu düşünüyorum.

 

Diğer Hata Kodları

400'lü kodlar istek hataları, 500'lü kodlar sunucu hatalarıdır

 
Hata Kodu Hata Anlamı
400 Bad Request Kötü İstek
401 Authorization required Yetki Gerekiyor
402 Payment Required Ödeme Gerekli
403 Forbidden Yasak
404 Not Found Sayfa bulunamadı
405 Method Not Allowed İzin verilmeyen Metod
406 Not Acceptable Kabul Edilemez
407 Proxy authentication required Proxy onayı gerekiyor
408 Request timeout İstek zaman aşımına uğradı
400 Bad Request Kötü İstek
409 Conflict Çakışma Oluştu
410 Gone Gitti
411 Length Required İstek için uzunluk gerekiyor
412 Precondition Failed Ön şart sağlanamadı.
413 Request Entity Too Large İstek çok uzun
414 Request-URI Too Long İstek linki çok uzun
415 Unsupported Media Type Desteklenmeyen medya türü
416 Requested range unsatifiable İstek aralığı sağlanamaz.
417 Expectation failed Beklenti başarısız oldu
422 Unprocessable entity İşlenemez veri
423 Locked Kilitli
424 Method failure Metod hatası
500 Internal Server Error İç Sunucu Hatası
501 Not Implemented Uygulanmamış
502 Bad gateway Geçersiz Ağ Geçidi
503 Service unavailable İç Sunucu Hatası
504 Gateway Timeout Zaman aşımı
505 HTTP Version not supported HTTP versiyonu desteklenmiyor
506 Variant also negotiates Değişken araştırıyor
507 Insufficient storage Yetersiz alan
510 Not extended Uzatılmamış
 

 

 Bu konuyu paylaş

 

 Konuyu geliştirmemize yardımcı ol, konuyu değerlendir.
 İlk Sen Değerlendir

 

 Yorum yaz, soru sor, geliştirme öner
E-Posta adresiniz yayınlanmayacak.

 

 İlk Yorumu Sen Yap