XF 2.2 Eklenti Wordpress Konu Başlıkları

<style>
    .rss-widget ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-top: -10px;
    }
    .rss-widget li {
        margin-bottom: 15px;
    }
    .rss-widget li a {
        display: flex;
        align-items: center;
        text-decoration: none;
    }
    .rss-widget li i {
        margin-right: 5px;
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
    }
</style>
<div class="rss-widget">
    <ul id="rss-feed"></ul>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        const rssFeedUrl = "https://blog.teknokesif.com.tr/feed/"; // Rss linki
        const rssFeedContainer = document.getElementById("rss-feed");

        fetch(`https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(rssFeedUrl)}`)
            .then(response => response.json())
            .then(data => {
                if (data.status === 'ok') {
                    data.items.slice(0, 10).forEach(item => { // Konu gösterim Sayısı
                        const li = document.createElement("li");
                        const a = document.createElement("a");
                        const icon = document.createElement("i");
                        icon.className = "fa-solid fa-blog"; // Konu Başlığı ikonu
                        a.href = item.link;
                        a.textContent = item.title;
                        a.target = "_blank";
                        a.insertBefore(icon, a.firstChild);
                        li.appendChild(a);
                        rssFeedContainer.appendChild(li);
                    });
                }
            })
            .catch(error => console.log('Hata:', error));
    });
</script>