• User Attivo

    Plugin per creare liste

    Ciao a tutti, sapete se esistono plugin per semplificare la creazione di liste come quella presente su questo sito?
    https://www.seventeen.com/life/g1558/best-halloween-movies/

    Al momento sono riuscito ad ottenere un risultato simile però facendo tutto manualmente tramite l'editor di testo wordpress. Quindi è necessario molto tempo e in caso di modifiche alla lista bisogna rifare gran parte del lavoro.
    Quindi mi chiedo se esiste qualcosa che permette di aggiungere gli elementi della lista come blocchi, dove poi si seleziona la foto e si può inserire il testo. E lui poi mostra tutto formattato correttamente con il numero corretto.


    g.lanzi 1 Risposta
  • Moderatore

    Ciao @darkf3d3,
    per risparmiare tempo potresti salvare i blocchi di Gutenberg tramite la funzione blocchi riutilizzabili.

    Non ho controllato il codice, ma secondo me ottieni un risultato analogo usando semplicemente il blocco di Gutenberg media+testo.
    Usare un plugin solo per quello è uno spreco è superfluo, secondo me.


  • User Attivo

    Usando sempre l'editor classico non avevo pensato ai blocchi di gutemberg.
    Provo a riattivarlo e smanettarci un po' per vedere se riesco ad ottenere quel risultato.
    Grazie


    g.lanzi 1 Risposta
  • Moderatore

    @darkf3d3
    Se non sei abituato a usarlo, è ovvio che non ti sia venuto in mente.

    Per me ha avuto un impatto molto positivo l'uso di Gutenberg, perché riesco a concentrarmi molto di più sul contenuto piuttosto che sulla sua forma.

    Datti qualche ora per testarlo 😉


  • User Attivo

    Sono riuscito a replicare il layout su desktop usando i blocchi di gutemberg, e sembra anche abbastanza comodo da usare, però non sembrerebbe essere fattibile ottenere lo stesso risultato su mobile.
    Infatti a differenza della visualizzazione da pc, dove c'è l'immagine a sinistra e tutto il testo a destra. Su mobile, la parte descrittiva deve andare dopo il testo (e fin qui funziona correttamente), però il numero della posizione in elenco e il titolo dovrebbe essere mostrato prima e questo non è fattibile.

    Per ottenere questo tipo di visualizzazione, il sito che ho linkato fa in questo modo:
    DIV Contenitore

    • DIV-1 Numero e titolo
    • DIV-2 Immagine
    • DIV-2 Descrizione
      Poi con il CSS:
      Float:left sulla DIV dell'immagine e float:right sulle 2 div con i testi.

    Il problema che con i blocchi di wordpress, tutti i testi (numero, titolo e descrizione) sono all'interno di una div dopo l'immagine. Quindi con il css non riesco a spostarli dove vorrei.


    shazarak 1 Risposta
  • User Attivo

    @darkf3d3 sei hai tempo/voglia/capacità di smanettare un po, una soluzione sarebbe creare un CPT

    telegraficamente crei un pct che rappresenti gli oggetti da elencare, se ti servono campi particolari da visualizzare usi ACF, poi o ti crei una template archivio cpt e ti inserisci il codice che recupera elenco dei "film" secondo l'ordine che decidi tu ( decine di modi diversi per farlo, con ordine del backend, con un custom field che compili tu ecc ecc) oppure invece che un template, ti crei uno shortcode ( con il loop che recupera e visualizza l'elenco) e lo piazzi nella pagina di riepilogo (archivio)

    poi dipende da che tema stai usando... con Elementor @g-lanzi ti suggerisce tutto , se usi invece temi vecchi,... mio parere personale : "auguri", se lavori con temi piu "recenti" come GeneratePress puoi usare funzionalità premium come gli Elementi, che diciamo ti facilitano la creazione di pagine personalizzate com codice ( invece che usare lo shortcode)

    qualche riferimento ( lo ho appena googolati non prendere per oro colato)
    https://www.easywebdesigntutorials.com/creating-a-movie-custom-post-type/
    https://www.b-fast.it/wordpress-custom-post-types-come-creare-i-tipi-di-post-personalizzati/


  • Moderatore

    @darkf3d3
    Creare un custom post type per questo effetto non è conveniente, prima di Gutenberg forse aveva senso usare i custom field ma con i blocchi si fa senza problemi, quindi no CPT e no ACF.

    Il trucco è partire dal layout mobile e poi fare quello desktop, non c'è neanche da impazzire con il CSS visto che lo puoi prendere dal sito dell'esempio che hai postato, hai un elemento contenitore e tre elementi figli, tutto qui.

    Fai una prova ed eventualmente posta qui l'HTML e il CSS se hai problemi dentro al tag code (c'è il pulsante </> qui nell'editor) che vediamo di aiutarti.


    shazarak 1 Risposta
  • User Attivo

    certo perfetto, ti crei un bel blocco personalizzato, te lo salvi come gruppo, poi come "da riutilizzare" e poi con 100 film, lo riutilizzi 100 volte
    oppure lo duplichi 99 volte.
    non hai voglia di lavorare sul css? ti installi un bel plugin tipo https://ultimategutenberg.com/ e con advanced colums o info box , o sections ti crei il "blocco" come ti pare
    https://ultimategutenberg.com/blocks/advanced-columns/
    https://ultimategutenberg.com/blocks/info-box/

    personalmente lo farei in flexbox senza dover installare nulla.

    ottimo, non serve ne CPT ne ACF.

    ora però ipotizziamo per un attimo che la richiesta fosse di avere un sistema che ti fa inserire ed aggiornare la lista senza dover andare a mettere le mani su 100 blocchi in una pagina
    come lo risolvi?

    1- crei un CPT "film" -> permette di aggiungere gli elementi della lista come blocchi
    2- usi gli standard field titolo + descrizione + immagine in evidenza, se ti bastano, altrimenti se ti servono altri campi che ne so usi ACF ....
    3- pubblichi la lista con il loop del cpt, con codice a mano, con shortcode, con blocchi custom , ecc ecc boh

    e se domani cambia tutta la lista e devi riordinare i numeri dei film pubblicati? perche 2 spariscono e 5 salgono di punteggio in classifica? che fate? riaprite la pagina pubblicata con dentro 100 blocchi per andare a cercare tutti quelli da eliminare , modificare, spostare ecc?

    oppure vai in backend e fai drag and drop della lista , elimini quelli da eliminare, e puff il gioco è fatto?

    forse tutto dipende da quanti oggetti devono avere queste liste, o con quale frequenza devono essere aggiornate..

    io ho letto nel primo post che parlava di un sistema per semplificare la creazione di liste, non di come mandare a capo il testo tra una immagine e l'altra col css

    allora la domanda a @darkf3d3 è : ti serve soltanto un modo piu facile per aggiornare una pagina che contiene X blocchi di "films" e quindi puoi lavorare sui blocchi di gutenberg
    oppure vorresti un sistema che non ti debba far mettere le mani alla pagina e che ti facesse aggiornare la lista con due semplici click?

    a seconda delle riposta sapete in che direzione andare


    overclokk 1 Risposta
  • Moderatore

    @shazarak Hai ragione, se i film sono tanti conviene un CPT ma i custom field si fanno senza ACF anche perché ne basterebbe solo 1, ora il problema però è @darkf3d3 quanto sei pratico con PHP? Perché in base a quello che riesci a fare si valuta se usare codice o plugin.


    shazarak 1 Risposta
  • User Attivo

    @overclokk scusami io non volevo aver ragione, volevo solo capire meglio quale è la richiesta, scusate il mio solito papiro


    overclokk 1 Risposta
  • Moderatore

    @shazarak ha detto in Plugin per creare liste:

    @overclokk scusami io non volevo aver ragione, volevo solo capire meglio quale è la richiesta, scusate il mio solito papiro

    Non ti devi scusare, inizialmente pensavo fosse solo per qualche box, non avevo valuto la situazione che hai evidenziato.


  • User Attivo

    Intanto grazie a tutti per l'aiuto.
    Alla fine sono riuscito a fare quello che mi serviva con ACF (che già utilizzavo per altro), non sapevo della possibilità di creare campi personalizzati ripetibili (versione pro).
    Ho quindi creato un gruppo ripetibile con all'interno tutti i campi richiesti (titolo, locandina, descrizione, ecc) e mostrato le liste sugli articoli con con l'aggiunta di qualche riga php.
    Provato già con un paio di liste ed è proprio quello che stavo cercando, in poco tempo posso creare e modificare una lista.


    marcopuccetti 1 Risposta
  • Moderatore

    Ciao @darkf3d3 io personalmente ho utilizzato listings, è un plugin che ti consente la creazione di liste dinamiche. È un po’ macchinoso da configurare, ma la funzionalità c’è.

    Marco