Conteggio dei post per Hashtag

Da **Niko** Dom 31 Ott 2021 - 17:47

Conteggio dei post per Hashtag

Con questa risorsa potrai visualizzare quando usi un hashtag, il numero di volte che è stato utilizzato nel forum!

Installazione Javascript

Andiamo verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicuriamoci che la gestione del codice Javascript sia attivata, e creiamo un nuovo codice con queste impostazioni:

Titolo: a tua scelta
Dove: in tutte le pagine
Codice:
Codice:
$(function(){ var hashtags = $('a[href*="/tags/"]'); hashtags.filter(function(){ var href = this.href; this.innerHTML = '<div class="hashtag-block"><div class="hashtag-link" style="display:inline-block">' + this.innerHTML + '</div></div>'; var hashtag_link = this.firstChild; $.get(href, function(d){ localStorage.hashtag_count = $('h1.page-title', d)[0].innerHTML.match(/\d+/)[0]; return true; }).done(function(){ var count = JSON.parse(localStorage.hashtag_count), div_count = document.createElement('DIV'); $(div_count).addClass("hashtag-count"); div_count.innerHTML = count; hashtag_link.append(div_count); }) }); });

Personalizzazione Javascript

Se vuoi che il contatore venga visualizzato prima del tag, cerca questa riga: hashtag_link.append(div_count); e cambiala in questo modo: hashtag_link.prepend(div_count);

Personalizzazione CSS

Utilizza .hashtag-block per il blocco hashtag completo
Usa .hashtag-link per la parte di collegamento (tag) predefinita
Usa .hashtag-count per la nuova parte di conteggio

Ecco un esempio, analogo a quello dell'anteprima iniziale

Codice:: /* Hashtag customization */ .hashtag-block { display: inline; padding: 0 4px; border-style: solid; border-width: 1px; border-color: #333333; border-radius: 3px; } .hashtag-count { background-color: #333333; border-radius: 3px; color: #ffffff !important; display: inline-block; font-size: 1.1rem; margin-left: 4px; padding: 0 4px; line-height: 1.3rem; }

Plug-in: Usalo anche con twitter!

Forse il tuo sito è molto basato su Twitter e vuoi che i tuoi hashtag reindirizzino alla ricerca su Twitter invece che alla ricerca interna del forum. Questo è ciò che fa questo piccolo Javascript. Puoi cercare i tag nel tuo forum come sempre, ma in particolare facendo clic su un tag verrai reindirizzato ai risultati di Twitter.

Titolo: a tua scelta
Dove: in tutte le pagine
Codice:
Codice:
$(function(){ var hashtags = $('a[href*="/tags/"]'); hashtags.filter(function(){ var name = this.href.match(/\/tags\/(.*)/)[1]; this.href = "https://twitter.com/hashtag/" + name; }); });