Piastrelle in evidenza

Vorrei innanzitutto ringraziarvi per questo componente straordinario. Ha dato una spinta visiva al nostro forum e rappresenta un modo brillante per rivitalizzare i vecchi thread senza che lo staff debba spingerli in alto per mantenerli modificabili.

Tuttavia, ho una domanda: potrei non vedere una soluzione semplice, ma è possibile rimuovere l’avatar dell’OP dalla tessera… o, preferibilmente, semplicemente disabilitare la cliccabilità dell’avatar dell’OP?

Grazie per questo, David. Sto cercando di far funzionare display-on-categories e scope-to-category, ma riesco a visualizzare le tessere in evidenza solo nella home page di “Ultime” e “Categorie”, non nelle singole categorie. Hai qualche idea su cosa possa star sbagliando? Di seguito trovi le mie impostazioni. Ho provato con tutti gli altri TC disabilitati e in modalità sicura con i plugin non ufficiali disattivati. Non vedo nulla nella console o nei log relativo a questo problema.

Screenshot delle impostazioni

Inoltre, esiste un modo per aggiungere spazio tra le immagini?

1 Mi Piace

C’è un modo per mostrare 4 riquadri su desktop e solo 1 o 2 su mobile? Non sembra molto carino così. Grazie!

Hai argomenti con editors-pick in ogni singola categoria?

Sì, puoi farlo utilizzando il CSS. Qualcosa del genere:

.featured-tiles-container {
    gap: 1em;
}

Anche questo può essere fatto con il CSS. Per nascondere la 3ª, 4ª e 5ª tessera su mobile, puoi fare qualcosa del genere:

.mobile-view .featured-tiles-container > .featured-tile:nth-child(2) ~ .featured-tile {
    display: none;
}
3 Mi Piace

Sì, ho persino provato a impostarlo su una sola categoria in cui viene utilizzato il tag, ma non appare in quella categoria. Ho provato tag diversi che non fanno parte di gruppi di tag e una categoria senza tag limitati, ma nulla sembra funzionare. Ho anche provato un altro sito che ho, molto più semplice, senza TLP installato, ecc., e non funziona nemmeno lì. Ho persino provato a mettere in evidenza una categoria invece di un tag, ma non appare in nessuna categoria.

Questo funziona perfettamente in Firefox e Chrome, ma non in Safari. Qualche altra idea?

Inoltre, una piccola richiesta di funzionalità: aggiungere un titolo per le immagini in evidenza, perché come dovrebbero sapere le persone di cosa si tratta? Lo so, lo so, invia una PR, ma credimi, non vorresti che lo facessi io :grin: Qualcosa del genere:

1 Mi Piace

Anche nel mio caso. Sto provando il componente su una nuova istanza, quindi non c’è molto altro da disabilitare. Le tessere in evidenza vengono mostrate solo su Ultime e Categorie.

2 Mi Piace

Ciao @david

Nei miei test su alcuni argomenti esistenti, l’immagine non viene visualizzata. Sto utilizzando l’ultima versione test-passed.
Finora ho provato quanto segue:

  • inserire l’immagine nella prima riga del primo post
  • rigenerare l’HTML del primo post
  • rimuovere e riaggiungere il tag in evidenza
  • il problema persiste anche nell’anteprima del tema

Hai qualche idea?

Anche io ho esattamente lo stesso problema. Sei riuscito a risolverlo?

C’è qualche motivo per cui questo non appare nelle pagine delle categorie, anche se l’opzione è selezionata?

1 Mi Piace

Ho lo stesso problema: non viene visualizzato nelle pagine di categoria, anche quando è l’unico componente attivo. Puoi aiutarmi @david?

1 Mi Piace

Ho apportato un aggiornamento che dovrebbe risolvere questo problema per le pagine di categoria; provalo!

5 Mi Piace

Funziona Kris, sei fantastico!

1 Mi Piace

Qualcuno ha un’idea su come inserire del testo sopra questo componente o sotto .list-controls? Ho davvero bisogno di testo sopra per spiegare cosa sono queste immagini. La linea rossa nell’immagine qui sotto è dove ne ho bisogno. Grazie!

Per una soluzione rapida puoi sempre usare i selettori before o after per inserire contenuti sul tuo sito. Ad esempio:

.featured-tiles::before {
  content: "Ciao";
}
1 Mi Piace

Grazie Nolo, per ora andrà bene! Sarebbe bello aggiungere un URL, ma questo sarà sufficiente. Grazie per il tuo aiuto.

1 Mi Piace

Un sito MERAVIGLIOSO, @davidkingham!!! Stupendo!!!

1 Mi Piace

Sembra davvero bello… quando funziona.
Sul nostro sito Cloud Discourse funziona solo se si seleziona un solo tag. Mostra una riga vuota nel banner se vengono selezionati più tag.

Aggiornamento: a volte le immagini non vengono mostrate nella pagina principale, ma andare alla categoria con gli argomenti contrassegnati con il tag selezionato aiuta. Tornando alla pagina principale, le immagini vengono mostrate nel banner.

Qualcun altro può provare e confermare?

1 Mi Piace


Sì, ho lo stesso problema. Quelli senza immagini non hanno nemmeno il tag ‘in primo piano’

Richiesta di funzionalità

EDiT sembra funzionare come descrivo. :man_facepalming:

Tuttavia, sul tema Air è vuoto come sotto. Cosa sto sbagliando? Posso inviarti il link del sito se necessario.

Ho 2 argomenti con immagini nel primo post dell’OP. Le immagini sono all’inizio del post.

Ho recentemente installato il tuo componente tema e ho pensato che sarebbe stato fantastico se avessi aggiunto queste 2 funzionalità

  1. Pulsanti Avanti e Indietro
    Ho fatto riferimento a questo codice ma non so come aggiungerlo alle tue personalizzazioni

https://stackoverflow.com/questions/65833297/add-prev-next-buttons-to-scroll-container-with-css-and-jquery

  1. Consenti il caricamento di contenuti aggiuntivi dopo che l’utente ha visualizzato tutte le notizie precedenti

Ciò aiuta gli utenti ad avere un’esperienza ottimale sia su desktop che su mobile e allo stesso tempo a familiarizzare con le storie delle applicazioni sui social network, inoltre vedo molti articoli in cui Google è attualmente molto interessato ai contenuti delle storie.

Questa è la mia personalizzazione su desktop e mobile


Visualizza su https://businesslab.vn

3 Mi Piace