- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Modificare dimensioni immagini in evidenza
-
Modificare dimensioni immagini in evidenza
Come si possono modificare le dimensioni delle immagini inevidenza in WP?
1 Risposta
-
@newwebmaster se hai modo di mettere mano al codice, semplici istruzioni CSS inline, nel tag HTML dell'immagine oppure in un div che contiene l'immagine (la quale occupa il 100% del box div a cui hai assegnato le dimensioni). Ad esempio, come tag immagine semplicemente:
<img src="indirizzo" alt="descrizione" width="50%"> indica che l'mmagine va ad occupare il 50% del "contenitore totale" a cui si riferisce, es. la larghezza pagina. Per fare in modo che sia responsive, usa sempre percentuali e non valori fissi (es. 1200px) altrimenti vedresti proporzioni diverse a seconda del dispositivo, risoluzione schermo.
Se l'immagine in evidenza viene aggiunta semplicemente tramite plugin, Page Builder o simili, devi vedere se questo ti consente di avere qualche personalizzazione nella dimensione dell'immagine (alcuni lo fanno), oppure se hai modo comunque di mettere mano al codicecome ho detto. Altrimenti, in ogni caso tramite ispeziona elemento ricavi classe/ID dell'immagine in questione e puoi aggiungere una direttiva CSS (magari con un bel !important davanti al valore, in modo che se non hai pieno controllo su tutto, va comunque a sovrascrivere eventuali istruzioni che ti farebbero cambiare il rendering).
-
Ciao, la situazione è questa, non sto utilizzando un builder ma sto modificando il tema, le immagini in evidenza mi appaiono grandissime e io avrei ìlesigenza di cambiare la dimensione di tutte massivamente, quindi immagino dovrei farlo dal file single.php ma non vedo le proprietà che cerco, dovrei cambiare da large a medium o small credo, però c'è un altro problema, quando visualizzo la categoria, le immagini in anteprima sono grandi, vorrei ridurle solo li, non dentro ai singoli articoli che mi sta anche bene siano ben visibili, non riesco a capire quali file devo modificare per fare questa cosa.
-
@newwebmaster ok, se non trovi il giusto file CSS del tema per intervenire da lì, dato che avviene qualcosa nelle pagine di categoria, prova a fare ispeziona elemento da quella posizione, l'immagine in evidenza farà parte di una determinata classe (che poi appunto determina quel rendering). Anche se non è una "best practices", puoi inserire codice CSS personalizzato altrove, con !important, una volta che trovi la classe o sottoclasse in questione (NB se nella categoria l'anteprima è diversa rispetto agli articoli, ci sarà una sottoclasse di qualche tipo, su cui intervenire). Appunto se non trovi il file specifico in questione, almeno a livello temporaneo puoi benissimo intervenire come ho detto, quantomeno andrebbe a sovrascrivere un eventuale rendering diverso.
-
Si ho analizzato la pagina per vedere il codice Css, ho visto la sottoclasse relativa all'immagini in evidenza mostrate quando si mostra la categoria e l'ho modificata, ora quelle sono ridotte e dentro agli articoli sono grandi!
Ti chiedo anche una cosa, in un menu nell'header, lo spazio tra le voci del menu è una proprietà padding? Anche lo spazio tra una immagine di logo nel menu header e il bordo dello schermo è padding? O margin?
La stessa cosa anche per modificare la larghezza della sidebar? Si agisce sul padding, o c'è una proprietà width per la larghezza della sidebar?
Il problema è che non mi sembra di vederla, ma forse me la sono persa e cercando meglio c'è, ora riprovo!
-
@newwebmaster non te lo so dire con esattezza ma credo di sì, in genere penso debba riguardare il padding. Penso anche per la sidebar, al massimo fai qualche prova, una volta che conosci ID o classe dell'elemento e vedi subito il risultato.
-
Si sto facendo qualche prova, in pratica nella sidebar, alcuni elementi, come il box di un social, non vengono visualizzati per intero ma ne manca una parte orizzontalmente, per cui ho pensato fosse una questione di larghezza della sidebar.