Problema di visualizzazione delle immagini in evidenza

Risolto francescomas
(@francescomas)

5 anni, 6 mesi fa

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

La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]

Stai visualizzando 13 risposte - dal 1 al 13 (di 13 totali)

cinquemiglia
(@cinquemiglia)

5 anni, 6 mesi fa

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..

Chi ha creato la discussione francescomas
(@francescomas)

5 anni, 6 mesi fa

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

luca21
(@luca21)

5 anni, 6 mesi fa

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.
Chi ha creato la discussione francescomas
(@francescomas)

5 anni, 6 mesi fa
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 );
}
```
luca21
(@luca21)

5 anni, 6 mesi fa

Se guardi con un cellulare cosa succede?
Ciao.

Chi ha creato la discussione francescomas
(@francescomas)

5 anni, 6 mesi fa

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

Moderatore Cristiano Zanca
(@cristianozanca)

5 anni, 6 mesi fa

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

Chi ha creato la discussione francescomas
(@francescomas)

5 anni, 6 mesi fa

Sto usando la versione gratuita del tema.
_Y_Power
(@_y_power)

5 anni, 6 mesi fa
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 5 anni, 6 mesi fa da _Y_Power. Motivo: aggiunta opzione full thumbnail
Chi ha creato la discussione francescomas
(@francescomas)

5 anni, 6 mesi fa
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.
_Y_Power
(@_y_power)

5 anni, 6 mesi fa
@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 5 anni, 6 mesi fa da _Y_Power. Motivo: ampliato risposta
- Questa risposta è stata modificata 5 anni, 6 mesi fa da _Y_Power.
Chi ha creato la discussione francescomas
(@francescomas)

5 anni, 6 mesi fa

@_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!

_Y_Power
(@_y_power)

5 anni, 6 mesi fa

Ottimo, @francescomas! 😉

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