2014-01-14 3 views
0

Я настраиваю блог Tumblr, и я не могу найти хороший способ получить доступ ко всем сообщениям по дате. Tumblr позволяет вам отображать конкретную запись с одного дня, используя их Day Pages, но я хочу найти все сообщения и их даты, а затем отобразить их как список, разделенный на несколько месяцев и лет (на самом деле это похоже на боковую панель Wordpress по умолчанию) , См. Пример изображения здесь: http://i.stack.imgur.com/28gGH.pngБлог Tumblr: как добавить список всех сообщений, отсортированных по датам

Я просматривал Tumblr's Custom Theme Documentation, но не нашел способ генерировать эту информацию. Возможно, они предлагают это через свой API? Я еще ничего не нашел.

Я ценю любое направление здесь. Благодарю.

+0

Нет простого способа. Это страница предоставленного архива. – Ally

+0

Спасибо @Ally - так, чтобы реализовать его на домашней странице, например, образ, представленный мной, мне нужно было как-то вытащить эти данные из страницы архива? Я удивлен, что они не предлагают более простой вариант API. – jonkratz

ответ

2

Я нашел лучший способ сделать это, потянув его из собственной ленты RSS вашего блога. Добавьте этот код после того, как JQuery был включен:

<script> 
    $(function() { 
    var url = '/rss'; 
    var $list = $('#recent-posts'); 
    $.ajax({ 
     url: url, 
     type: 'GET', 
     dataType: 'xml', 
     success: function(data) {     
      var $items = $(data).find('item'); 
      $items.each(function() { 
       var $item = $(this); 
       var link = $item.children('link').text(); 
       var title = $item.children('title').text(); 
       if (link && title) { 
        $list.append($('<li><a href="' + link + '">' + title + '</a></li>')); 
       } 
      }); 
      } 
     }); 
    }); 
</script> 

Он будет выходить и составить список ВСЕХ постов в блоге, если вы хотите ограничить его так определенное количество сообщений, вы можете проверить значение индекса, передаваемого в $ items.each() функция: http://api.jquery.com/jquery.each/

Также не забудьте включить в список в боковой панели:

<!-- RECENT POSTS --> 
    <ul id="recent-posts"></ul> 
<!-- RECENT POSTS --> 

Примечание: список, вероятно, не появляется в режиме предварительного просмотра, только после сохранения изменений и перейдите в блог в реальном времени, он сможет вытащить из/rss

+0

Спасибо Стефан. Хотя я не тестировал ваш код в дикой природе, это отличный подход, и это заслуживает того, чтобы был отмечен правильный ответ. – jonkratz

Смежные вопросы