Un utente ha chiesto
Categoria: Sela di WordPress
Domanda: Layout della griglia e immagini in primo piano

Sul mio sito, voglio che il modello di griglia si colleghi alle pagine figlio, come qui: http://anniephillips.co.uk/Wordpress/product-range/, Ma:
a) le immagini mostrate sono quadrate e quindi voglio che lo spazio per le immagini nella griglia sia quadrato. Le immagini mostrate sono al quadrato 360px. Come puoi vedere con la prima immagine, la pagina principale taglia la parte superiore e inferiore. Come posso prevenire questo? e
b) Non voglio che l’immagine in primo piano venga visualizzata nelle pagine secondarie, quindi devo disattivare l’immagine in primo piano nelle pagine secondarie. So che c’è un modo per farlo, l’ho letto su un’altra query in questo mezzo ma non riesco a trovarlo ora. Grazie.

  • (@siobhyb)

    Ciao,

    Grazie per aver postato un argomento separato. 🙂

    a) le immagini mostrate sono quadrate e quindi voglio che lo spazio per le immagini nella griglia sia quadrato. Le immagini mostrate sono al quadrato 360px. Come puoi vedere con la prima immagine, la pagina principale taglia la parte superiore e quella inferiore. Come posso prevenire questo? e

    Sela è programmato per ritagliare le immagini a 360px per 242px per la pagina della griglia. Questo è definito nel sela_setup() funzione in tema funzioni.php deporre:

    // Grid child page thumbnail
    add_image_size( 'sela-grid-thumbnail', 360, 242, true );

    Apportare modifiche a questa funzione tramite il tema figlio richiederebbe PHP avanzato: dovrai sganciare la funzione esistente, quindi crearne una nuova.

    Se non hai familiarità con PHP, un’altra opzione è mantenere le dimensioni a cui sono ritagliate le tue immagini ma utilizzare un plug-in per controllarne il posizionamento. Ho sentito che gli utenti hanno già trovato utile a questo scopo il seguente plugin:

    https://wordpress.org/plugins/post-thumbnail-editor/

    b) Non voglio che l’immagine in primo piano venga visualizzata nelle pagine secondarie, quindi devo disattivare l’immagine in primo piano nelle pagine secondarie. So che c’è un modo per farlo, l’ho letto su un’altra query in questo mezzo ma non riesco a trovarlo ora. Grazie.

    Stai cercando di rimuovere le immagini mostrate su singole pagine figlio mantenendole nella stessa pagina della griglia? Se ho capito bene, il seguente frammento dovrebbe fare il trucco:

    .page-child .entry-thumbnail img {
        display: none;
    }

    Dimmi come stai!

    (@cyberium)

    Grazie. Per quanto riguarda il secondo punto, ha funzionato ed è stato risolto.
    Per quanto riguarda il primo punto, ho cambiato “242” in “360” in functions.php per la miniatura della pagina figlio di Grid, ma non ha fatto alcuna differenza. Penso di aver bisogno di chiedere aiuto in quanto questo è il limite delle mie capacità di php!

    (@siobhyb)

    Ciao @cyberium,

    Sono contento che il secondo punto sia risolto! 🙂

    Per quanto riguarda il tuo primo: le tue immagini non aggiorneranno le loro dimensioni subito dopo aver modificato il codice, dovrai invece ricaricare o rigenerare le tue miniature. Il seguente plugin gestirà la rigenerazione per te:

    https://wordpress.org/plugins/regenerate-thumbnails/

    Consiglio vivamente di non modificare direttamente i file del tema perché qualsiasi modifica apportata andrà persa quando si aggiorna il tema. Invece, le modifiche dovrebbero essere apportate tramite un tema figlio.

    Come ho notato, sostituire le funzioni tramite un tema figlio può essere complicato e richiede alcune conoscenze di codifica. Se decidi di andare, ti consiglio di fare riferimento al Rimuovi le funzioni dalle parentesi sezione della seguente guida:

    http://code.tutsplus.com/tutorials/a-guide-to-overriding-parent-theme-functions-in-your-child-theme–cms-22623

    Fammi sapere se sorgono domande.

    (@siobhyb)

    Ciao @cyberium,

    Ho parlato con il mio compagno di squadra e la soluzione non è così avanzata come pensavo inizialmente.

    Puoi sovrascrivere la funzione del tema principale aggiungendo quanto segue a funzioni.php file nel tuo tema figlio:

    function sela_child_featured() {
        add_image_size( 'sela-grid-thumbnail', '360', '360' );
    }
    add_action( 'after_setup_theme', 'sela_child_featured', 11 );

    Salva le tue modifiche, quindi usa il plugin a cui mi sono collegato in precedenza per rigenerare le tue miniature:

    https://wordpress.org/plugins/regenerate-thumbnails/

    Quindi ricarica le immagini mostrate nelle pagine dei tuoi figli.

    Fammi sapere come procedi con questi passaggi o se hai ulteriori domande mentre li esegui.

    (@cyberium)

    È fantastico, grazie mille. Lo proverò al più presto.

    (@cyberium)

    Va bene. E non avevo bisogno di rigenerare le miniature. Grazie.

    (@siobhyb)

    È bello sentire! 🙂

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *