Wordpress 404 hata sayfası nasıl yapılır

WordPress 404 hata sayfası nasıl yapılır bir bakalım.

En kolaylardan biri aslında.  İki adet wordpress kodu ve bir dizi html kod ile kolayca halledilebiliyor. Gerisini wordpress yapıyor zaten. Gelelim nasıl yapılacağına.

WordPress 404 Hata Sayfası Nasıl Yapılır

Önce tema klasörümüze 404.php adında bir php dosyası oluşturalım. Daha sonra en üstüne;

<?php get_header(); ?>

Bu koddan sonra ise html kısmı geliyor sıraya.

Html kullanarak güzel bir hata sayfası tasarlıyoruz. html css bilgisi lazım biraz. eğer yapamam derseniz benim bloğumun hata sayfasını sizlerle paylaşıyorum.

<section class="section bgg">
           <div class="container">
               <div class="title-area">
                   <h2>404 Sayfası <small class="hidden-xs">Cennet mi? Tımarhane mi? </small></h2>
                   <div class="bread">
                       <ol class="breadcrumb">
                           <li><a href="https://delicenneti.com">Anasayfa</a></li>
                           <li class="active">404 Sayfası</li>
                       </ol>
                   </div>
               </div>
           </div>
       </section>
       <div class="container sitecontainer bgw">
           <div class="row">
               <div class="col-md-12 m22 single-post">
                   <div class="widget">
                       <div class="large-widget m30">
                           <div class="post-desc">
                               <div class="page-404-content">
                                   <div class="row">
                                       <div class="col-sm-6 hidden-xs">
                                           <img alt="404-page" src="<?php bloginfo('template_url'); ?>/images/image-404.jpg">
                                       </div>
                                       <div class="col-sm-6 col-xs-12">
                                           <h2>
                                           404
                                           <span>HATA!</span>
                                           </h2>
                                           <p>
                                           Üzgünüm sayfayı bulamadık. <br>Tüm tımarhaneye baktık ancak böyle bir sayfa yok 🙁
             <br>Geldiğin yere geri gitsen iyi olacak, buralar tekin değil !
                                           <a href="https://delicenneti.com">Anasayfa </a>
                                           </p>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>

Şimdi diyeceksiniz html tamam ama css leri nerede. İşte burada 🙂

.section {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.bgg {
    background-color: #f9f9f9;
}

#wrapper .sitecontainer {
    padding: 30px;
    margin: 0 auto !important;
}
.bgw {
    background-color: #ffffff;
}
.widget {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.m30 {
    margin-top: 30px;
}
.page-404-content {
    padding: 80px 90px;
}

İşte hepsi bu. WordPress adres satırındaki sayfası bulamaz ise otomatik olarak 404.php sayfasına yönlendirerek görevini yapacaktır.

 

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (1 Kişi oy verdi, 5 üzerinden ortalama puan: 5,00. Bu yazıya oy vermek ister misiniz?)
Burak Gezgin https://delicenneti.com

1987 Kırklareli doğumlu olup İstanbulda yaşıyor. Küçük yaştan beri bilgisayarlar ile haşır neşir. Şuan özel firmalarda Bilgi Teknolojileri Uzmanı olarak çalışıyor. 2013'te Yazılım Uzmanlığı kursunu bitirdi. Bir senedir aktif olarak Wordpress geliştiriciliği yapıyor. C#, Asp.Net, Sql, Php, Para kazanmaca...

Yazı hakkında görüşlerinizi belirtmek istermisiniz?


Bu yazıya 3 yorum yapılmış.


  • Hocam verdiğin kodlar içime yaradı çok sağol. ben sadece resim olan bir sayfa yapmak istiyorum üst ve altları olmasın istiyorum nasıl yapabilirim.

    • Merhaba Hüseyin, Yukarıdan < ?php get_header(); ?> ve aşağıdan < ?php get_footer(); ?> kodlarını bul ve sil. daha sonra tüm html i de sil ve arka planda ne çıkmasını istiyorsan onu body etiketleri içine koy (body background=”bgimage.jpg”) işlem tamam.

  • Bende bunu arıyodum 🙂