Supporto » Aspetto = Temi » Problema di visualizzazione delle immagini in evidenza

  • Risolto francescomas

    (@francescomas)



    Ciao,

    vorrei un aiuto per il mio sito personale http://www.francescomastrorizzi.it, dove utilizzo il tema ElegantWriting di SuperbThemes.

    Il problema riguarda le immagini in evidenza ed è questo: all’interno di ogni singolo post del blog, nonostante la larghezza dell’immagine visualizzata sia di 900px, viene utilizzata una thumbnail che ha la larghezza di 768px (con conseguente sgranatura dovuta al suo ingrandimento). La stessa cosa invece non avviene nel loop del blog, dove invece viene prelevata e visualizzata l’immagine originale. Vorrei che in entrambi i casi fosse utilizzata l’immagine originale o perlomeno una thumbnail superiore a 900px.

    Spero di essere stato abbastanza chiaro e che mi riusciate ad aiutare.

    Grazie

    Francesco

    Pagina di aiuto: [devi essere connesso per vedere il link]

Stai vedendo 13 repliche - dal 1 al 13 (di 13 totali)
  • Ciao Francesco, scusami io le vedo tutte a 900px le immagini, anche all’interno di ogni post..del blog

    Poi non so, magari mi son perso qualcosa..

    Se apri l’immagine del post in una nuova scheda, vedrai che le dimensioni sono di 768x***.

    Ciao,
    mi sembra che le immagini e molto altro siano contenute in un `<div id=”primary” class=”content-area container”>
    con ampiezza fissa width=900px;`
    lo stile è qui: https://www.francescomastrorizzi.it/wp-content/themes/elegantwriting/style.css?ver=4.9.8
    e copre le impostazioni html di <img width="768" ecc. ecc.>
    Le ampiezze fisse > 300px rendono il sito non completamente responsive.
    Se cambi lo stile del div, ad esempio width=”100%;” cambia tutto. Per la modifica c’è l’editor css della dashboard.

    Grazie luca21,

    ma il tuo suggerimento non ha funzionato. Inserendo il seguente codice, il comportamento delle immagini non è cambiato. Pur visualizzandosi a tutto schermo, viene comunque utilizzata la thumb di 768px.

    .container {
        width: 100%;
    }

    Eppure nel file functions.php è contenuto questo codice:

    function wpse_setup_theme() {
    	add_theme_support( 'post-thumbnails' );
    	add_image_size( 'elegantwriting-full-thumb', 900, 0, true );
    }

    Se guardi con un cellulare cosa succede?
    Ciao.

    Su mobile il sito è responsive, non ci sono problemi. La questione è tutt’altra.

    Moderatore Cristiano Zanca

    (@cristianozanca)

    Ciao @francescomas,

    Se stai usando un tema o un plugin a pagamento e hai bisogno di aiuto ti suggeriamo di visitare i canali di supporto ufficiali del prodotto.

    https://superbthemes.com/help-contact/

    Al fine di essere una buona guida della comunità di WordPress e incoraggiare innovazione e crescita, crediamo sia importante indirizzare le persone verso i canali ufficiali di supporto 🙂

    Noi non abbiamo accesso ai prodotti a pagamento, quindi non possiamo sapere perché il tuo tema o plugin non stanno funzionando correttamente, questa è la ragione per cui ti stiamo reindirizzando verso i canali ufficiali del venditore, il quale è l’unico responsabile del funzionamento del proprio prodotto.

    La domanda resterà aperta a chiunque abbia già risolto lo stesso problema e riesca ad essere d’aiuto

    Ecco un chiarimento su le policy del forum: https://it.wordpress.org/support/lineeguida#Prodotti_a_pagamento

    Sto usando la versione gratuita del tema.

    Ciao @francescomas,

    credo tu abbia modificato la dimensione originale dei thumbnail con taglia ‘elegantwriting-full-thumb’ dal tuo tema (768) lasciando l’opzione crop a true mentre mi sembra che il Codex consigli nel tuo caso di settarla a false (no crop), rigenerare le thumbnails (tramite plugin o WP-CLI – o eventualmente anche cancellarle e ricaricarle) ed eventualmente anche impostare un valore per l’altezza.

    In caso avessi ancora problemi, sarebbe utile farci sapere l’output di questo codice ( da inserire nel tuo tema in /template-parts/content.php ):

    <?php
    $attachment_id = get_post_thumbnail_id( $post->ID ); 
    $img_src = wp_get_attachment_image_url( $attachment_id, 'elegantwriting-full-thumb' ); 
    $img_srcset = wp_get_attachment_image_srcset( $attachment_id, 'elegantwriting-full-thumb' );
    ?>

    Altra opzione potrebbe essere quella di sostituire, nello stesso file, il codice
    <?php the_post_thumbnail('elegantwriting-full-thumb'); ?>
    con
    <?php the_post_thumbnail('full'); ?>
    ma non te la cosiglierei perché obbligherebbe tutti i dispositivi a scaricare immagini potenzialmente enormi per ogni singolo articolo.

    Spero tu abbia inoltre creato un tema Child, altrimenti, con il prossimo aggiornamento del tema, perderai tutte le modifiche apportate! 😉

    Facci sapere.

    • Questa risposta è stata modificata 2 mesi, 1 settimana fa da  _Y_Power. Ragione: aggiunta opzione full thumbnail

    Ciao @_y_power,

    grazie per i tuoi consigli. Innanzitutto sì, sto usando un tema Child ed è lì, all’interno del file functions.php, che avevo inserito il seguente codice:

    function wpse_setup_theme() {
    	add_theme_support( 'post-thumbnails' );
    	add_image_size( 'elegantwriting-full-thumb', 900, 0, true );
    }

    Però ieri mi sono accorto che questo codice è errato, poiché nel file del tema originale viene usato quest’altro:

    function elegantwriting_setup() {
    	add_theme_support( 'post-thumbnails' );
    	add_image_size( 'elegantwriting-full-thumb', 768, 0, true );
    }

    Allora ho modificato il valore da 768 a 900 e l’ho inserito nel functions.php del tema Child ed il mio problema si è risolto, tutte le immagini in evidenza ora hanno una larghezza di 900px.

    Tuttavia è scomparso il titolo delle pagine e degli articoli dalla barra del browser. Probabilmente non l’ho inserito in una posizione corretta oppure manca qualche elemento.

    @francescomas,

    hai ragione, non avevo notato che il nome della funzione fosse differente! 🙂

    A questo punto credo sia sufficiente copiare nel tuo tema Child l’intera funzione

    elegantwriting_setup

    (fino alla riga 69) e modificare solo il parametro che ti interessa (riga 44, da 768 a 900): il supporto per il titolo si trova infatti alla riga 36 e, se non copi anche il resto, penso che andresti a perdere anche molte altre funzionalità del tema originale.

    Aggiornaci.

    PS: piccola precisazione per il futuro: il tema da te utilizzato é di Theme Everest e non di SuperbThemes… 😉

    • Questa risposta è stata modificata 2 mesi, 1 settimana fa da  _Y_Power. Ragione: ampliato risposta
    • Questa risposta è stata modificata 2 mesi, 1 settimana fa da  _Y_Power.

    @_y_power,

    ho copiato, come mi hai suggerito, l’intera funzione nel mio tema Child, modificando solo il parametro che mi interessava, e apparentemente non riscontro più problemi.

    Grazie mille per il tuo aiuto!

    Ottimo, @francescomas! 😉

    Ti prego allora di marcare il topic come risolto e di aprirne un altro qualora avessi altre domande.

Stai vedendo 13 repliche - dal 1 al 13 (di 13 totali)
  • Devi essere collegato per rispondere a questo topic.