• 22-06-2021, 22:00:57
    #1
    backlinkmatik.com
    Arkadaşlar merhaba

    html bir sayfada, farklı bir wordpress sitesindeki son 5 gönderiyi listelemek istiyorum widget şeklinde. Bunu hazır sağlayan siteler var ama farklı kaynakların js kodunu çalıştırmak istemiyorum, manuel ekleyebileceğim bir kod var mı?
  • 22-06-2021, 22:07:46
    #2
    Rest API ile yapılabilir sanırsam.
  • 22-06-2021, 22:26:17
    #3
    WP-JSON'daki içerikleri yakalayacaksınız.
    http://siteadiniz.com/wp-json/wp/v2/posts

    JSON'ı da jQuery ile parse edebilirsiniz HTML dosyanıza.
  • 22-06-2021, 22:28:24
    #4
    backlinkmatik.com
    FSahin adlı üyeden alıntı: mesajı görüntüle
    WP-JSON'daki içerikleri yakalayacaksınız.
    http://siteadiniz.com/wp-json/wp/v2/posts

    JSON'ı da jQuery ile parse edebilirsiniz HTML dosyanıza.
    EnesCanturk adlı üyeden alıntı: mesajı görüntüle
    Rest API ile yapılabilir sanırsam.
    Teşekkürler arkadaşlar yardımlarınız için. Ancak yapılmış hazır bir yapı var ise onu arıyorum, bahsettikleriniz yapacak düzeyde kod bilgim yok
  • 22-06-2021, 22:42:25
    #5
    jQuery:
                var URL = "http://siteadiniz.com/wp-json/wp/v2/posts";
    
                $.getJSON(URL, function(data) {
                    $.each(data, function(key, val) {
                        $('.list').append('<li><a href="'+val.link+'">' + val.title.rendered + '</a></li>');
                    })
                });
    HTML
        <ul class="list"></ul>
    Düzeltme:

    Son 5 yazıyı göstermek için jQuery'e bu şekilde ekleme yapabilirsiniz.

                var URL = "http://siteadiniz.com/wp-json/wp/v2/posts";
    
                $.getJSON(URL, function(data) {
                    $.each(data.slice(0,5), function(key, val) {
                        $('.list').append('<li><a href="'+val.link+'">' + val.title.rendered + '</a></li>');
                    })
                });
    Demo:
    https://prnt.sc/16czfyj
  • 22-06-2021, 23:34:30
    #6
    backlinkmatik.com
    FSahin adlı üyeden alıntı: mesajı görüntüle
    jQuery:
                var URL = "http://siteadiniz.com/wp-json/wp/v2/posts";
    
                $.getJSON(URL, function(data) {
                    $.each(data, function(key, val) {
                        $('.list').append('<li><a href="'+val.link+'">' + val.title.rendered + '</a></li>');
                    })
                });
    HTML
        <ul class="list"></ul>
    Düzeltme:

    Son 5 yazıyı göstermek için jQuery'e bu şekilde ekleme yapabilirsiniz.

                var URL = "http://siteadiniz.com/wp-json/wp/v2/posts";
    
                $.getJSON(URL, function(data) {
                    $.each(data.slice(0,5), function(key, val) {
                        $('.list').append('<li><a href="'+val.link+'">' + val.title.rendered + '</a></li>');
                    })
                });
    Demo:
    https://prnt.sc/16czfyj
    tam olarak aradığım şey buydu, saolasın hocam eksik olma