Sélectionnez un seul article "vedette" dans Tumblr?

Question

Je voudrais que ma page d'accueil Tumblr affiche un seul poste de questions/réponses sélectionné par une balise 'vedette', ou plutôt en étant le poste de questions/réponses le plus récent étiqueté 'vedette'. Je ne vois pas de balises Tumblr intégrées qui le feront.

Answer 1

Qu'est-ce que vous demandez est pas un paramètre natif de tumblr, autrement dit il n'y a pas de réglage de préférence, vous pouvez simplement vérifier.

Afin de faire ce que vous décrit ci-dessus, vous devrez soit modifier votre code thème actuel ou le code d'un nouveau thème à partir de zéro.

Afin de montrer seulement 1 poste de question, en haut, avec une étiquette de fonctionnalités, vous devrez travailler avec le jQuery/Javascript et l'API Tumblr.

Il est assez complexe codage, mais si vous êtes pour elle, tête vers le Tumblr API Codex.

Answer 2

Ceci est un peu en retard, mais dans le cas où il est de toute aide: Notre libre Un thème unique a la fonction post-collant intégré Il est le premier (et seulement) le thème de l'avoir tumblr.. Vous pouvez l'obtenir ici: http://www.tumblr.com/theme/28638 ou en savoir plus à ce sujet ici: http://singleatheme.tumblr.com/. J'espère que cela t'aides!

Answer 3

J'utilise jQuery pour obtenir le poste en vedette (n nombre d'entre eux) d'une catégorie « en vedette » par défaut. Je l'ai mis en œuvre cette solution à mon thème - Purely

Voici un écran-shot (affichage trois vedette messages) Ajouter cette section méta de ligne

<meta name='text:Featured Tag' content='featured' /> 

Ajouter la bibliothèque jQuery dans

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 

Ajoutez ces lignes à l'endroit où vous souhaitez afficher le post vedette

{block:IndexPage} 
{block:IfFeaturedTag} 
    <h1 class="featured-subhead"> 
    Featured Posts <a href="/tagged/{text:Featured Tag}"> + </a> 
    </h1> 
{/block:IfFeaturedTag} 
{/block:IndexPage} 

Ajoutez ces lignes juste avant la balise de fermeture

{block:IndexPage}{block:IfFeaturedTag} 
<script> 
    var rssurl = '/tagged/{text:Featured Tag}/rss'; 
    $.get(rssurl, function(data) { 
    $('.featured-subhead').append('<div class="featured-posts">'); 
    var $xml = $(data); 
    var vari = 0; 
    $xml.find("item").each(function() { 
     var $this = $(this), 
      item = { 
       title: $this.find("title").text(), 
       link: $this.find("link").text(), 
       description: $this.find("description").text(), 
       pubDate: $this.find("pubDate").text(), 
       author: $this.find("author").text() 
     } 
     vari = vari +1; 
     if(vari <4){ 
     $('.featured-subhead').append('<div class="featured-post" style="overflow:hidden;"><h2 class="featured-title"><a href="' + item.link + '">' + item.title + '</a></h2><div class="featured-post-description' + vari + '">' + item.description + '</div><div class="featured-post-link"><a href="' + item.link + '">Read More</a></div></div>'); 
     //Do something with item here... 
     } 
    }); 
    $('.featured-subhead').append('</div>'); 
}); 
{/block:IndexPage}{/block:IfFeaturedTag} 

Vous pouvez modifier si (vari < 4) {ligne selon le nombre de messages que vous souhaitez afficher en vedette. Par exemple, pour afficher un article unique, ce serait if (vari < 2) {.

J'ai également ajouté quelques classes CSS pour concevoir la sortie. Cela peut être déclaré dans le segment

h1.featured-subhead 
{ 
/* Heading of featured post */ 
} 
.featured-posts 
{ 
/* Outer box of all featured posts */ 
} 
.featured-post 
{ 
/* Inner box of each featured post */ 
} 
h2.featured-title 
{ 
/* Heading of each featured post */ 
} 
.featured-post-description 
{ 
/* Description or body of each featured post */ 
} 
.featured-post-link 
{ 
/* Link to Permalink page of each featured post */ 
} 

Ici, seule la classe de sous-en-tête est nécessaire. Cela doit être ajouté à l'en-tête du poste vedette. jQuery ajoutera les publications en vedette après cela.

Comment ça marche? Pas de surprises ici. Tumblr génère une page de tag RSS pour chaque page. En utilisant javascript, j'obtiens cette page de tag spécifique et affiche 'n' nombre d'éléments à partir des éléments XML. Parfois, Tumblr prend un peu plus de temps (je ne sais pas pourquoi) pour générer la page RSS des tags nouvellement ajoutés. Soyez patient et essayez de parcourir la page your-blog.tumblr.com/tagged/featured/rss pour vérifier si elle est générée ou non.