WordPress sabit banner eklentisi, sitenizin sağ ve sol kenarında reklam alanı göstermek için pratik bir çözüm sunar. Özellikle oyun haber siteleri, Metin2 PVP server listeleri, bloglar, forumlar ve tanıtım sayfalarında sağ-sol sabit banner reklamları hâlâ oldukça kullanışlıdır. Bu yöntemle tema dosyalarına doğrudan müdahale etmeden, panelden yönetilebilen özel bir reklam sistemi kurabilirsiniz.

Bu rehberde sıfırdan basit ama işlevsel bir WordPress eklentisi oluşturacağız. Eklenti; sol banner görseli, sağ banner görseli, reklam linki, aktiflik durumu ve hangi sayfa ID’lerinde görüneceği gibi ayarları WordPress yönetim panelinden kontrol etmenizi sağlar. Ayrıca mobil ve dar ekranlarda bannerları otomatik gizleyerek kullanıcı deneyimini bozmaz.

WordPress Sabit Banner Eklentisi Ne İşe Yarar?

WordPress sabit banner eklentisi, sitenin sol ve sağ kenarına sabit reklam görselleri yerleştirmenizi sağlar. Kullanıcı sayfayı aşağı kaydırsa bile bannerlar ekranda aynı konumda kalır. Bu tarz reklam alanları özellikle geniş ekranlı masaüstü kullanıcılarında görünürlüğü yüksek olduğu için tercih edilir.

Bu sistemin en büyük avantajı, reklamları tema dosyalarına kod eklemeden yönetebilmenizdir. Eklenti aktif olduğunda WordPress panelinde Ayarlar altında özel bir menü oluşur. Buradan banner görsel URL’lerini, tıklanınca gidilecek reklam linkini ve hangi sayfalarda gösterileceğini yazabilirsiniz.

Eklenti Klasörünü ve Dosyasını Oluşturma

İlk olarak WordPress sitenizin dosya yöneticisine veya FTP alanına girin. Ardından eklenti klasörlerinin bulunduğu dizine ulaşın. Bu dizin genellikle aşağıdaki yoldadır:

wp-content/plugins/

Bu klasörün içine yeni bir klasör oluşturun. Klasör adını sade ve eklentiyle uyumlu tutmak iyi olur. Bu rehberde şu klasör adını kullanıyoruz:

mmooyun-side-banner

Ardından bu klasörün içine ana PHP eklenti dosyasını oluşturun:

mmooyun-side-banner.php

WordPress Sabit Banner Eklentisi PHP Kodu

Aşağıdaki kodları mmooyun-side-banner.php dosyasının içine tamamen yapıştırın. Kod; eklenti bilgilerini, ayarlar sayfasını, seçenek kayıt sistemini, footer banner çıktısını ve CSS stillerini içerir.

<?php /* Plugin Name: MMOoyun Side Banner Description: Sağ ve sol sabit banner reklamları seçilen sayfalarda gösterir. Version: 1.0 Author: MMOoyun */ if (!defined('ABSPATH')) { exit; } add_action('admin_menu', function () { add_options_page( 'MMOoyun Side Banner', 'Side Banner', 'manage_options', 'mmooyun-side-banner', 'mmooyun_banner_settings_page' ); }); add_action('admin_init', function () { register_setting('mmooyun_banner_group', 'mmooyun_banner_settings'); }); function mmooyun_banner_settings_page() { $options = get_option('mmooyun_banner_settings', []); ?> <div class="wrap"> <h1>MMOoyun Side Banner Ayarları</h1> <form method="post" action="options.php"> <?php settings_fields('mmooyun_banner_group'); ?> <table class="form-table"> <tr> <th>Aktif mi?</th> <td> <input type="checkbox" name="mmooyun_banner_settings[enabled]" value="1" <?php checked(1, $options['enabled'] ?? 0); ?>> </td> </tr> <tr> <th>Sol Banner Görsel URL</th> <td> <input type="text" name="mmooyun_banner_settings[left_image]" value="<?php echo esc_attr($options['left_image'] ?? ''); ?>" class="regular-text"> </td> </tr> <tr> <th>Sağ Banner Görsel URL</th> <td> <input type="text" name="mmooyun_banner_settings[right_image]" value="<?php echo esc_attr($options['right_image'] ?? ''); ?>" class="regular-text"> </td> </tr> <tr> <th>Banner Linki</th> <td> <input type="text" name="mmooyun_banner_settings[link]" value="<?php echo esc_attr($options['link'] ?? ''); ?>" class="regular-text"> </td> </tr> <tr> <th>Gösterilecek Sayfa ID</th> <td> <input type="text" name="mmooyun_banner_settings[page_ids]" value="<?php echo esc_attr($options['page_ids'] ?? ''); ?>" class="regular-text" placeholder="12,45,78"> <p class="description">Boş bırakırsanız tüm sayfalarda görünür.</p> </td> </tr> </table> <?php submit_button(); ?> </form> </div> <?php } add_action('wp_footer', function () { $options = get_option('mmooyun_banner_settings', []); if (empty($options['enabled'])) { return; } $left_image = $options['left_image'] ?? ''; $right_image = $options['right_image'] ?? ''; $link = $options['link'] ?? '#'; $page_ids = trim($options['page_ids'] ?? ''); if (empty($left_image) && empty($right_image)) { return; } if ($page_ids !== '') { $allowed_ids = array_map('intval', explode(',', $page_ids)); $current_id = get_queried_object_id(); if (!in_array($current_id, $allowed_ids, true)) { return; } } ?> <div class="mmooyun-side-banner-wrap"> <?php if (!empty($left_image)) : ?> <a href="<?php echo esc_url($link); ?>" class="mmooyun-side-banner mmooyun-left-banner" target="_blank" rel="nofollow sponsored noopener"> <img src="<?php echo esc_url($left_image); ?>" alt="Sol reklam banner"> </a> <?php endif; ?> <?php if (!empty($right_image)) : ?> <a href="<?php echo esc_url($link); ?>" class="mmooyun-side-banner mmooyun-right-banner" target="_blank" rel="nofollow sponsored noopener"> <img src="<?php echo esc_url($right_image); ?>" alt="Sağ reklam banner"> </a> <?php endif; ?> </div> <style> .mmooyun-side-banner { position: fixed; top: 220px; z-index: 99999; display: block; } .mmooyun-left-banner { left: 20px; } .mmooyun-right-banner { right: 20px; } .mmooyun-side-banner img { width: 160px; height: 600px; object-fit: cover; border-radius: 12px; box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18); } @media (max-width: 1400px) { .mmooyun-side-banner { display: none; } } </style> <?php });

Kodda Neler Var?

Bu kod, WordPress’in standart eklenti yapısına uygun şekilde çalışır. En üstteki plugin bilgileri, WordPress’in eklentiyi tanımasını sağlar. admin_menu ile Ayarlar menüsüne yeni bir sayfa eklenir. register_setting ile panelden girilen veriler WordPress options tablosunda saklanır.

Footer tarafındaki kod ise sitenin ön yüzünde bannerları basar. Eğer eklenti pasifse, görsel URL boşsa veya sayfa ID filtresi mevcut sayfayla eşleşmiyorsa hiçbir şey gösterilmez. Bu sayede gereksiz HTML çıktısı azaltılır.

Eklentiyi ZIP Yapıp WordPress’e Yükleme

PHP dosyasını oluşturduktan sonra klasörü ZIP haline getirin. Dikkat etmeniz gereken nokta, ZIP dosyasının içinde doğrudan PHP dosyası değil, klasörün kendisi bulunmalıdır.

mmooyun-side-banner/ └── mmooyun-side-banner.php

Bu klasörü sıkıştırarak şu dosyayı oluşturun:

mmooyun-side-banner.zip

Sonrasında WordPress panelinden şu yolu izleyin:

Eklentiler > Yeni Ekle > Eklenti Yükle

ZIP dosyasını seçin, yükleyin ve ardından eklentiyi etkinleştirin. Etkinleştirme tamamlandıktan sonra panelde şu menü oluşur:

Ayarlar > Side Banner

Banner Ayarları Nasıl Yapılır?

WordPress sabit banner eklentisi etkinleştirildikten sonra Ayarlar > Side Banner sayfasına gidin. Buradan eklentiyi aktif edebilir, sol banner görsel URL’sini, sağ banner görsel URL’sini ve reklam linkini girebilirsiniz.

Gösterilecek Sayfa ID alanı boş bırakılırsa bannerlar tüm sayfalarda görünür. Sadece belirli sayfalarda göstermek istiyorsanız sayfa ID’lerini virgülle yazmanız gerekir.

12,45,78

Sayfa ID’sini öğrenmek için WordPress panelinde ilgili sayfayı düzenleyin. Tarayıcı adres çubuğunda genellikle şu tarz bir yapı görürsünüz:

post=123

Buradaki 123, sayfa veya yazı ID’sidir. Bu ID’yi eklenti ayarındaki sayfa ID alanına yazabilirsiniz.

Daha Düzenli Kullanım İçin Öneriler

Bu eklenti basit ve doğrudan çalışacak şekilde hazırlanmıştır. Ancak reklam alanlarını daha profesyonel yönetmek için birkaç detaya dikkat etmek gerekir. Görsellerin aynı ölçüde olması, sayfa hızına uygun sıkıştırılması ve reklam linklerinin doğru yönlendirme yapması önemlidir.

• Sol ve sağ banner görsellerini aynı boyutta hazırlayın.
• Önerilen görsel ölçüsü 160×600 olabilir.
• Görselleri gereksiz büyük dosya boyutuyla yüklemeyin.
• Banner linklerini mutlaka test edin.
• Mobil ve tablet görünümde bannerların gizlendiğini kontrol edin.
• Sadece reklam göstermek istediğiniz sayfaların ID’lerini girin.
• Canlı sitede kullanmadan önce test sayfasında deneyin.

Genel Değerlendirme

WordPress sabit banner eklentisi, sağ ve sol reklam alanlarını kolayca yönetmek isteyen site sahipleri için kullanışlı bir çözümdür. Özellikle oyun siteleri, server listeleri, haber siteleri ve bloglarda masaüstü kullanıcılarına görünür reklam alanı sunmak için idealdir.

Bu rehberdeki kod yapısı sade tutulduğu için kolayca geliştirilebilir. İsterseniz ileride ayrı link alanları, görsel yükleme butonu, kategori bazlı gösterim, zamanlayıcı veya reklam sayaç sistemi de eklenebilir. Başlangıç için ise bu eklenti, tema dosyalarına dokunmadan yönetilebilir ve profesyonel görünümlü sağ-sol sabit banner sistemi kurmak için yeterlidir.