WordPress Özel 404 Sayfası Oluşturma ve Düzenleme

Hata sayfaları kullanıcılar için hiç hoş olmayan bir durumdur ve 404 sayfa şablonunuzu gerektiği gibi özelleştirmezseniz, bu durum kullanıcının siteden hemen ayrılmasına neden olur. Bu yazıda, eklentisiz ve eklenti ile özel 404 sayfası oluşturma ve özelleştirme konusuna değineceğiz. Ayrıca, web sitenizin özel bir 404 sayfasına sahip olmasının faydalarından bahsedeceğiz.

404 Sayfası Nedir ve Neden Önemlidir?

404 Hatası, sunucunun çeşitli nedenlerle yerine getiremediği bir web sayfası isteğine verilen standart bir HTTP yanıtıdır. Bir URL’yi yanlış yazmak, bozuk bir bağlantıya tıklamak vb. “404 Sayfa Bulunamadı” hatası ile karşılaşmanıza sebep olabilir. Bu durumu lehinize çevirmek ise özel bir 404 sayfası oluşturmak ve dilediğinizce özelleştirmekle gayet mümkün.

Sıradan 404 sayfaları genelde sitede gezinmeyi teşvik edici özelliklere sahip değildir. Ancak, kendi özel 404 sayfanızı yaparak ziyaretçinin siteyi terk etmeden önce başka sayfaları gezinmesini sağlayabilirsiniz. Etkileşimi arttırmak için 404 sayfanıza arama kutusu, son yayınlar, kullanıcının ulaşmaya çalışıp da bulamadığı içeriğe benzer içerikler veya popüler yayınlar eklemek önemlidir.

⭐ 404 sayfanıza ekleyeceğiniz bağlantılar kullanıcının siteden hemen çıkmasını önleyeceği gibi, markanızın prestijini ve güvenilirliğini artırır.

Doğru bir şekilde optimize edilen 404 sayfanızla ziyaretçilerinizi kaybetmez ve hatta ekstra kazançlar bile elde edebilirsiniz. Siz de daha iyi etkileşim sağlayan bir WordPress 404 sayfası nasıl oluşturulur diye merak ediyorsanız, aşağıdaki yöntemlerden faydalanabilirsiniz.

WordPress Site İçin 404 Sayfası Nasıl Oluşturulur?

404 sayfası oluşturmak için sıfırdan kodlama, hazır şablonlar kullanma, tema düzenleyiciden 404 sayfasını özelleştirme, sayfa oluşturucular kullanma ve eklentilerden faydalanma gibi farklı seçenekler mevcut. Bu makalede eklenti kullanmadan basit bir 404 sayfa tasarlama; Elementor gibi bir sayfa oluşturucudan faydalanma ve eklenti ile wp 404 sayfa düzenleme yaklaşımlarına odaklanacağız. Ancak bunun öncesinde ziyaretçileri doğru noktaya yönlendirmek için 404 sayfanızı nasıl kullanmanız ve neler bulundurmanız gerektiğine kısaca değinelim.

Etkili bir 404 sayfa oluşturmak ve özelleştirmek için aşağıdaki öğelerden bazılarını veya gerek duyduklarınızı eklemeniz büyük fayda sağlayacaktır:

• Çoğu kullanıcı “404”ün ne anlama geldiğini bilmez, bu nedenle aradıkları içeriği ya da tıkladıkları bağlantıyı neden göremediklerini açıklamak için mutlaka kullanıcı odaklı bir dille durumu kısaca açıklayan bir not eklemek önemlidir. Örneğin sıklıkla kullanılan bir ifade şudur: “Sayfa bulunamadı. Aradığınız sayfa silinmiş ya da taşınmış olabilir…“, “Üzgünüz, aradığınız sayfayı bulamadık. Sayfayı bulmak için lütfen yukarıdaki gezinme menüsünü kullanın.” vb.
• 404 sayfanızda, ziyaretçilerin aradıkları içeriği bulmalarına yardımcı olacak bir arama kutusu bulundurmanız da faydalı olacaktır.
• Sitenizin en önemli içeriğine bağlantılar veya bir navigasyon menüsü ziyaretçinin siteden hemen ayrılmasını önleyebilir.
• Mizah içeren ve aynı zamanda marka bilinci taşıyan 404 sayfası kullanımlarına mutlaka denk gelmişsinizdir. Bu tür sayfalar ziyaretçiyi sitede gezinmeye teşvik eder.

***İlham olması açısından Canva’nın listelediği 404 sayfası örneklerine göz atabilir, ayrıca, Canva ile mükemmel 404 sayfaları tasarlayıp aşağıdaki yöntemlerden biri ile web sitenizde kullanabilirsiniz.

1. WordPress Eklentisiz 404 Sayfası Oluşturma

Her WordPress temasının bir 404.php şablonu bulunur. Ancak, bu şablonlar genellikle hem görsel açıdan hem de kullanıcıyı sitede tutma açısından yetersiz ve oldukça basit yapıdadır. Bu nedenle 404 sayfanıza kişisel dokunuşlar ekleyerek özelleştirmeniz oldukça önemlidir.

Peki, eklenti kullanmadan bir WordPress özel 404 sayfası oluşturmak için nasıl bir yapı izlenmeli, 404 sayfasında neler olmalı?

• Öncelikle yaratıcı, dikkat çekici bir görsel
• Arama çubuğu
• Kategoriler
• Son yayınlar ya da popüler yayınlar
• Arşivler
• İletişim seçenekleri vs.

Elbette yukarıdakilerin hepsini eklemenize gerek yok ama 404 sayfanızda bu seçeneklerden en az 2-3 tanesi mutlaka yer almalı. Şimdi wordpress eklentisiz özel 404 sayfa yapma aşamalarına geçelim.

Öncelikle WordPress 404.php sayfanızı açın ve ister var olan sayfa üzerinde değişiklikler yaparak özelleştirin, ister kodların tamamını silip (silmeden önce sitenizin bir yedeğini alın) aşağıdaki kodları olduğu gibi ekleyin.

Örnek WordPress özel 404 sayfa yapma kodu:

<?php get_header(); ?>
<div id="main-content">
<div class="container">
<div id="content-area" class="clearfix">
<div id="left-area">
<article id="post-0" <?php post_class( 'et_pb_post not_found' ); ?>>
<center><img src="Buraya istediğiniz bir 404 sayfa görseli url'sini ekleyin"></center>
<h1><?php esc_html_e('Sayfa Bulunamadı','WP Loop'); ?></h1>
<h2><?php esc_html_e('Üzgünüz! Aradığınız sayfa mevcut değil.'); ?></h2>
<?php get_search_form(); ?>
</article> <!-- .et_pb_post -->
</div> <!-- #left-area -->
<?php get_sidebar(); ?>
</div> <!-- #content-area -->
</div> <!-- .container -->
</div> <!-- #main-content -->
<?php get_footer(); ?>

WordPress 404 sayfa yapımı için bu kodlara başka kodlar da ekleyerek kullanıcıya daha fazla seçenek sunabilirsiniz.

Örneğin:

• Arşiv listesi eklemek için: <?php wp_get_archives('type=monthly'); ?>
• Kategori sayfası eklemek için : <?php wp_list_cats (); ?>
• Son yayınları göstermek için: <?php get_archives('postbypost', '10', 'custom', '<li>', '</li>'); ?>

Bu şekilde WordPress 404 sayfa oluştururken sayfada ne göstermek istiyorsanız onu eklemeniz mümkün.

2. WP 404 Sayfası Oluşturmak ve Düzenlemek için Eklenti Kullanma

Bir eklenti kullanmak, WordPress web sitenizdeki 404 sayfasını özelleştirmenin en hızlı ve en kolay yollarından biri olabilir. Tek yapmanız gereken eklentiyi kurmak ve birkaç değişiklik yapmak. 404 sayfasını düzenlemek için kullanabileceğiniz farklı özellikler sunan birçok eklenti var. Bu eklentileri incelemek için WordPress panelden Eklentiler>Yeni Ekle bölümüne gidip arama çubuğuna 404 Error Page gibi ifadeler yazmanız yeterli. Böylece mevcut tüm eklentilerin bir listesini göreceksiniz.

“404page – your smart custom 404 error page” ve “Colorlib 404 Customizer” eklentileri en çok tercih edilenlerdendir. Bu eklentilerin nasıl kullanıldığına kısaca değinelim.

# 404page – your smart custom 404 error page

• Tamamen ücretsiz olan bu eklentiyi WP eklenti deposundan indirip etkinleştirin. (WordPress Eklenti yükleme kılavuzumuza göz atabilirsiniz.)
• Ardından, özel 404 hata sayfanızı oluşturmak için Sayfalar>Yeni Ekle’ye gidin.
• Burada, özel 404 sayfanızda olmasını istediğiniz herhangi bir bilgi, resim veya metin mesajı ekleyebilirsiniz. Özellikle Gutenberg editör sayesinde ilgi çekici bir tasarım yaratabilirsiniz. İşiniz bitince sayfayı yayınlayın.
• Şimdi, eklentinin ayarlarını yönetmek için Görünüm > 404 Error Page bölümüne gidin.
• Açılır menüden yeni oluşturduğunuz 404 sayfanızı seçin.

• İşiniz bittiğinde Değişiklikleri Kaydet‘e tıklamayı unutmayın.
• Değişiklikler kaydedildikten sonra, test etmek için açılır menünün altında bulunan Test 404 Error düğmesine tıklayabilirsiniz. Ayrıca, Edit Page düğmesi, özel 404 hata sayfanızı doğrudan düzenlemenize olanak tanır.
• 404 sayfanız için bazı yararlı (ve güçlü) seçenekler içeren Gelişmiş (Advanced) sekmesine tıklayıp bazı ince ayarlar da yapabilirsiniz.

# WP 404 sayfasını Colorlib 404 eklentisi ile düzenleme/özelleştirme

Bu ücretsiz 404 sayfa oluşturma eklentisi, canlı önizleme ile yaptığınız değişiklikleri gerçek zamanlı olarak görmenize izin vermenin yanı sıra, web siteniz için 20 farklı hazır sayfa şablonuna erişmenize imkan sunar.

• Öncelikle eklentiyi WP eklenti deposundan kurup etkinleştirin.
• Eklenti etkinleştirildikten sonra Görünüm > Özelleştir‘e gidin. Colorlib 404 Özelleştirici Ayarları sekmesine gidin, burada üç seçenek göreceksiniz: Aktif Şablon, Genel seçenekler ve Özel CSS. Seçtiğiniz şablona bağlı olarak daha fazla seçenek de görebilirsiniz.
• İlk olarak Aktif Şablon için Değiştir butonuna tıklayarak 404 sayfanız için istediğiniz şablonu seçin. 20 farklı şablon arasından seçim yapabilirsiniz.
• Ardından, Genel seçenekleri seçin. Burada, özel 404 sayfasını görüntülemek için Colorlib 404 Özelleştiriciyi Etkinleştirmeniz gerekir. Bundan sonra, sayfanın ana içeriği için arka plan resmi ve metni ekleyebilir veya değiştirebilirsiniz. Ek olarak, sayfanın arka plan tekrarını, boyutunu ve rengini ayarlayabilirsiniz.
• Ziyaretçilerinizi 404 sayfasından başka bir yere yönlendirmek istiyorsanız metin ve bağlantı da ekleyebilirsiniz. Bu, kullanıcıları alakalı sayfalara götürmek ve sitenizde kalmalarını sağlamak için çok kullanışlı olabilir.
• Özel CSS seçenekleri ile sayfa tasarımını değiştirebilir ve 404 sayfanızı site tasarımınızla uyumlu hale getirebilirsiniz.
• Daha önce de belirtildiği gibi, özelleştiricinin canlı önizlemesi ile yaptığınız tüm değişiklikleri gerçek zamanlı olarak görüntüleyebilirsiniz. 404 sayfanızdaki tüm değişikliklerden memnun kaldığınızda, sayfayı güncellemek için Yayınla‘ya tıklayın.

3. Elementor ile Özel 404 Hata Sayfası Oluşturma / Düzenleme

Elementor ile bir 404 sayfası oluşturmak için bir Elementor Pro planına ihtiyacınız olacak. Elementor Pro, Elementor’un ücretsiz sürümünü gerektirir, bu nedenle önce ücretsiz sürümü yükleyin:

• WordPress sol menüden, Eklentiler>Yeni Ekle‘ye gidin.
• Arama çubuğuna Elementor yazın.
• Eklentiyi yükleyip etkinleştirin.

Elementor Pro’ya yükseltmek için:

• Öncelikle bir Elementor Pro planı satın alın.
• Daha sonra satın alma onayı e-postanızda bulunan ayrıntıları kullanarak Elementor hesabınıza giriş yapın.
• Hesabınız üzerinden Eklentiyi indir öğesine tıklayın. Böylece Elementor Pro bir ZIP dosyası olarak bilgisayarınıza inecek.
• Şimdi WordPress panelinizden Eklentiler>Yeni Ekle bölümüne gidin.
• Sol üstteki Eklenti Yükle düğmesine tıklayın.
• Şimdi Dosya Seç‘e tıklayıp cihazınıza indirdiğiniz Elementor Zip dosyasını yükleyin ve Şimdi Kur‘a tıklayın.
• Şimdi lisans anahtarınızı etkinleştirmenizi isteyen bir mesaj görmelisiniz; Bağlan ve Etkinleştir’e tıklayın.
• Elementor hesabınızda oturum açmanız istenirse, satın alma işlemindeki e-posta hesabınızla otum açın.

Böylece Elementor Pro hesabınız kullanıma hazır hale gelmiş oldu! Şimdi Elementor ile 404 sayfanızı tasarlamaya başlayabilirsiniz.

# Elementor Hazır Şablonlarla 404 Sayfası Oluşturma / Düzenleme

Elementor, WordPress sayfalarınız için temel olarak kullanabileceğiniz çeşitli hazır şablonlar sunar. Bu şablonlar sayesinde minimum çabayla bir 404 hata sayfasına sahip olabilirsiniz. Üstelik bu şablonları dilediğinizce zevkinize göre özelleştirebilirsiniz.

Elementor pro ile bir 404 sayfası oluşturmak için aşağıdaki adımları takip edin:

• WordPress sol menüden Şablonlar → Tema Oluşturucu → Yeni Ekle seçeneğine gidin.
• Şablon türü için açılır menüden Error 404 seçeneğini seçin.
• Şablonunuz için bir isim belirleyin. WordPress kalıcı bağlantılarında sorunlara neden olabileceği için şablonunuzun adında “404” kullanmayın. Bunun yerine “Hata Sayfası” gibi bir ad verebilirsiniz.
• Şimdi Şablon Oluştur‘a tıklayın.

• Şimdi 404 sayfa şablonlarının bir listesini göreceksiniz. Başlamanın en kolay yolu, bu şablonlardan birini seçip ihtiyaçlarınıza göre özelleştirmek.
• Buradan gereksinimlerinizi karşılayan bir şablon seçin.

• Fare imlecinizi şablon üzerinde hareket ettirdiğinizde önizleme için “+” simgesini göreceksiniz. Artı simgesine tıklayıp şablonu daha detaylı inceleyebilirsiniz.
• Kullanmak istediğiniz şablona karar verdiğinizde “Ekle” butonuna tıklayın.
• Şimdi hazır şablondaki alanları özelleştirebilirsiniz.
• Ayrıca sıfırdan bir 404 sayfası oluşturmak isterseniz şablon listesini kapatabilir ve boş bir sayfayı dilediğinizce özelleştirip özel bir şablon oluşturabilirsiniz.

İster hazır bir şablon seçin, ister tasarımınızı sıfırdan oluşturun, her durumda da Elementor arayüzünü ve tüm widget’ları kullanabilirsiniz. Örneğin, 404 sayfanıza bir arama kutusu eklemek için tek yapmanız gereken sol panelden Arama Formu widget’ını eklemektir.

• Şablonunuzu özelleştirdikten sonra Yayınla butonuna tıklayın.
• Yeni bir açılır pencere açılacak, INCLUDE (DAHİL ET) menüsünde 404 sayfasının seçili olduğundan emin olun.
• Ardından, yapılandırma işlemini tamamlamak için Kaydet ve Kapat düğmesine tıklayın. Tebrikler, Elementor ile bir 404 hata sayfası oluşturdunuz.