Home › Forum › Plugin e temi di WP › Immagine Logo più grande (nell'header)?
-
AutorePost
-
-
8 Luglio 2018 alle 16:39 #31744ricmanPartecipante
Scusate, ho cercato e ricercato ma non trovo la soluzione.
Ho installato WP 4.9.7 e Woocommerce (con tema di default storefront).
Ho un logo (.png) che vorrei mettere nell’header del tema. Niente di più semplice! Seguo la procedura standard (Aspetto->Personalizza->header…) e lo inserisco.
PERO’ è molto piccolo… molto più di quello che volevo.
Su goooogle ho trovato dei pezzi di css da inserire nel child theme ma non mi ingrandiscono la foto. Allora ho provato con dei plugin (ne ho trovati solo due) ma niente foto ingrandita!!
Probabilmente perché, a leggere il codice (da Ispeziona con Chrome), si vede che nell’html vengono forzate le misure width ed height sul tag img del logo…
Allora vi chiedo: dove posso agire per ingrandire un po’ il mio logo??
Grazie.
-
8 Luglio 2018 alle 18:11 #122278SteveAglAmministratore del forum
Caricando una immagine del logo delle dimensione giuste?
-
8 Luglio 2018 alle 19:58 #122279ricmanPartecipante
Caricando una immagine del logo delle dimensione giuste?
Sul mio hardisk la foto è larga 800px e alta 376px (anche troppo!!) ma viene messa alta 110px e larga non ricordo a memoria (ma in giusta proporzione).
C’è un metodo per caricare la foto con una larghezza o altezza a mia scelta?
-
9 Luglio 2018 alle 12:34 #122280TittiModeratore
800 px non sono misure adatte a un logo: un logo di per sé – di solito – occupa una piccola parte dell’intestazione, a lato. Con quelle misure direi che potrebbe trattarsi di qualcos’altro, non propriamente un logo.
Se tuttavia in quello spazio vuoi mettere un’immagine più grande (che, di nuovo, consiglio di poco superiore se dev’essere un logo), dovrai agire sul codice del rispettivo template del tema e/o sul CSS (occorre un child-theme), dipende dal tema, affinché l’immagine sia posizionata correttamente e con le misure giuste indicate che andranno a sovrascrivere l’originale per non causare ridimensionamento via browser.
-
9 Luglio 2018 alle 18:49 #122281ricmanPartecipante
800 px non sono misure adatte a un logo:
Lo so, ma ho messo una foto “estrema” per capire meglio quale fosse il problema (e dove).
Se tuttavia in quello spazio vuoi mettere un’immagine più grande dovrai agire sul codice del rispettivo template del tema e/o sul CSS (occorre un child-theme), dipende dal tema, affinché l’immagine sia posizionata correttamente e con le misure giuste indicate che andranno a sovrascrivere l’originale per non causare ridimensionamento via browser.
Esatto, sono d’accordo. E chiedo qui al forum dove cercare le porzioni di codice da modificare, visto che con le modifiche al css e coi plugin per ora mi è andata male.
Ripeto, se serve, il tema è Storefront che viene messo di default quando si installa Woocommerce.
-
9 Luglio 2018 alle 19:08 #122282TittiModeratore
Non occorrono plugin per fare cose del genere, mentre per quanto riguarda le “modifiche al css” non sappiamo quali e come le hai fatte quindi non è possibile capire cosa c’è di sbagliato tanto più senza vedere il sito e conoscere il tema.
Storefront, proprio perché è un tema fornito con WooCommerce, non è accessibile senza scaricare e installare il plugin, quindi devi rivolgerti all’autore e/o al supporto del tema, come dicevo previa creazione di child-theme.
-
9 Luglio 2018 alle 22:58 #122283ricmanPartecipante
Non occorrono plugin per fare cose del genere, mentre per quanto riguarda le “modifiche al css” non sappiamo quali e come le hai fatte quindi non è possibile capire cosa c’è di sbagliato tanto più senza vedere il sito e conoscere il tema
Quando carico il logo vengo mandato alla sezione Media di wp per selezionare la foto. E intanto vedo che c’è scritto questo messaggio: “Dimensioni suggerite per l’immagine: 470 per 110 pixel.”. Per me 110px di altezza sono pochi. Ma andando avanti con la procedura standard la foto viene ritagliata (faccio io il rettangolo di ritaglio) e poi ridimensionata come vuole wp.
Per questo dico che c’è qualcosa lato codice php … e non credo sia il tema Storefront, mi sembra l’interfaccia classica di wp a “sbagliare”.
Leggendo in giro ho trovato che per ingrandire la foto del logo “basta fare cosଔ nel css (una volta creato il child theme):
@media screen and (min-width: 768px) {
.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
width: 200%; /* Adjust this percentage up or down to make the logo larger or smaller. */
}
}Dove quel 200% è una mia prova… MA non cambia nulla!! Posso metterci pure 900% !!
Se vado ad Ispezionare il codice html sul logo c’è questo:
<i_m_g src="www_miosito_it/shop/wp-content/uploads/2018/07/cropped-logo-L-800.png" alt="mio sito" />
Dove si vede che le misure sono “forzate” dal codice. Potrebbe essere per questo che le modifiche ai css non danno risultato?
Se serve vedere il sito in fase di test è questo
-
10 Luglio 2018 alle 7:53 #122284TittiModeratore
A quel link non si vede nessun sito
-
10 Luglio 2018 alle 8:16 #122285TittiModeratore
Se ci sono suggerimenti per le dimensioni dell’immagine nell’header, è il tema a suggerirle, non WP.
Per il resto, quel CSS è quello consigliato nelle FAQ dal tema stesso, non “in giro”, e si riferisce alla visualizzazione su schermi superiori a 768px. Visto che ben conosceranno i selettori della loro testata non credo sia errato, ma non vedendo il sito non so che altro dirti.
Se non funziona, o stai guardando su uno schermo dalle dimensioni inferiori, o il tuo child-theme non funziona, o hai problemi di cache, o altro, e se non è nulla di tutto ciò allora devi rivolgerti al supporto del tema. Il tema mette anche a disposizione alcuni child-theme già pronti.
-
10 Luglio 2018 alle 12:19 #122286
-
10 Luglio 2018 alle 17:34 #122287TittiModeratore
Il selettore giusto è .custom-logo, ma usare quel metodo con la percentuale non mi sembra l’ideale, sgranerebbe l’immagine, puoi sempre provare comunque perché è la soluzione più immediata (spero però che il sito sia personale, e non per un cliente).
Ho scaricato Storefront da WordPress, ma pare diverso dal tuo anche se la versione corrisponde.
Comunque, prova con questo codice nel functions.php del child-theme, dovrebbe sovrascrivere le misure del logo (se cambiate):
/**
* Site logo
**/
add_theme_support( 'custom-logo', apply_filters( 'storefront_custom_logo_args', array(
'height' => 110,
'width' => 470,
'flex-width' => true,
) ) );Naturalmente alle misure inserirai quelle che ti servono, le stesse dell’immagine.
Se non funziona, rivolgiti al supporto del tema.
PS: e comunque l’immagine che hai inserito attualmente non è della misura consigliata, ma è 240 x 100, quindi l’hai inserita tu più piccola.
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.