Bu Sitedeki Sabit olan Banner'ı Nasıl Eklerim

Siteniz WordPress miş yeni gördüm aşağıdaki talimatları uygulayın.

functions.php Dosyasına aşağıdaki kodları yazın.

<?php
// BeratK - Fixed Logo Implementation
// Developer: BERAT K - R10

function BeratK_add_fixed_logo() {
    ?>
    <style>
    /* BeratK - Fixed Logo Styles */
    /* Developer: BERAT K - R10 */
    .BeratK-fixed-logo {
        position: fixed;
        bottom: 20px;
        left: 20px;
        z-index: 1000;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
    }
    
    .BeratK-fixed-logo:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    }
    
    .BeratK-fixed-logo img {
        display: block;
        width: 80px;
        height: auto;
        border-radius: 4px;
    }
    
    @media (max-width: 768px) {
        .BeratK-fixed-logo {
            bottom: 15px;
            left: 15px;
            padding: 8px;
        }
        .BeratK-fixed-logo img {
            width: 60px;
        }
    }
    </style>
    
    <div class="BeratK-fixed-logo">
        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" alt="<?php bloginfo('name'); ?>">
    </div>
    
    <script>
    // BeratK - Fixed Logo JavaScript
    // Developer: BERAT K - R10
    document.addEventListener('DOMContentLoaded', function() {
        const BeratK_logo = document.querySelector('.BeratK-fixed-logo');
        if (BeratK_logo) {
            BeratK_logo.addEventListener('click', function() {
                window.location.href = '<?php echo home_url(); ?>';
            });
        }
    });
    </script>
    <?php

Aşağıdaki CSS kodlarını temanızın style.css dosyasına ekleyin veya Admin Panel → Görünüm → Özelleştir → Ek CSS bölümüne CSS kodlarını ekleyin, ikisinide deneyin

/* BeratK - Fixed Logo Styles */
/* Developer: BERAT K - R10 */
.BeratK-fixed-logo {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.BeratK-fixed-logo:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.BeratK-fixed-logo img {
    display: block;
    width: 80px;
    height: auto;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .BeratK-fixed-logo {
        bottom: 15px;
        left: 15px;
        padding: 8px;
    }
    .BeratK-fixed-logo img {
        width: 60px;
    }
}

Aşağıdaki HTML kodunu footer.php dosyasına </body> etiketinden önce ekleyin.

<!-- BERAT K - R10 - Sabit Logo -->
<div class="BeratK-fixed-logo">
    <a href="<?php echo home_url(); ?>">
        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" alt="<?php bloginfo('name'); ?>">
    </a>
</div>

<script>
// BeratK - Fixed Logo JavaScript
// Developer: BERAT K - R10
document.addEventListener('DOMContentLoaded', function() {
    const BeratK_logo = document.querySelector('.BeratK-fixed-logo');
    if (BeratK_logo) {
        // BERAT K - R10 - Smooth scroll effect
        window.addEventListener('scroll', function() {
            const scrollY = window.scrollY;
            if (scrollY > 100) {
                BeratK_logo.style.opacity = '1';
            } else {
                BeratK_logo.style.opacity = '0.8';
            }
        });
    }
});
</script>

Kendi yüklediğin logo URL'sini kopyala Kodda logo.png yerineyapıştır.

Site bu sitedeki edimedyanın birebir aynısını nasıl eklerim kodlama veya eklenti olarak? Wordpress altyapıda