Un utente ha chiesto informazioni su Fixing WordPress di Wordpress

Immagini di intestazione / logo non mostrate

Un utente ha chiesto 👇

Ciao. Non sono sicuro di aver modificato accidentalmente un’impostazione che ha causato ciò, ma quando carico un’immagine come intestazione o logo non viene più visualizzata sulla pagina. Sto usando il tema Ocean WP. Apprezzerei qualsiasi aiuto che qualcuno possa darmi. Grazie in anticipo!

(@gappiah)

2 anni fa

Ciao,

L’immagine viene visualizzata correttamente, ma è un’immagine enorme di 2000x1200px e solo la parte superiore (che è bianca / bianca) copre l’intestazione del tuo sito web … motivo per cui l’immagine non sembra essere visualizzata.

Ecco la tua immagine di intestazione corrente:
http://writingradish.com/wp-content/uploads/2019/01/header1.jpg

Ritaglia e modifica questa immagine con la funzione ESATTA suggerita per il tema caricato SOTTO.

Voglio sapere come va e sono qui per darti una guida extra se hai bisogno di ulteriore aiuto.

In bocca al lupo!

Lanciatore di thread

(@writingradish)

2 anni fa

Ciao George @gappiah,

Grazie per la risposta. Il mio tema suggeriva davvero la dimensione 2000x1200x, ma ho provato a cambiarlo in dimensioni molto più piccole e tuttavia non è visibile nulla. Come puoi vedere ormai, ho messo da parte l’immagine per piccoli spettacoli ma niente.

(@ mrtom414)

2 anni fa

Esiste ma non c’è niente nella tua intestazione. La dimensione dell’intestazione è di 0 altezza, quindi non viene visualizzato nulla Prova ad aggiungere alcune informazioni alla tua intestazione e dovresti vedere lo sfondo. Potresti aggiungere una regola come questa

header # location-header {
min-height: 700px;
} “

poi vedresti lo sfondo.

Questa risposta è stata modificata 2 anni fa da.

(@gappiah)

2 anni fa

Sembra che ci sia qualcos’altro da suonare qui, in realtà due cose:

1) Il div interno con la classe top-header-wrap C’è un’immagine di sfondo di esso #fff, coprendo efficacemente l’immagine di sfondo delle intestazioni principali.

2) Anche dopo averlo sistemato sopra, la parte superiore (sopra il menu) sarà ancora vuota a causa del problema che ho menzionato nel mio post precedente: BIANCO è la parte superiore dell’immagine di sfondo, che fa apparire se non c’è immagine di sfondo . OP può confermarlo caricando un’immagine che ha un colore diverso dal BIANCO in alto. (Infatti, se modifichi l’altezza come suggerito sopra, il logo apparirà al centro dello schermo, e non in alto – perché la parte superiore dell’immagine è BIANCA)

Lanciatore di thread

(@writingradish)

2 anni fa

Grazie ad entrambi per il vostro aiuto! L’intestazione ora mostra il che è fantastico, ma vorrei che fosse sopra il menu piuttosto che sotto e non vedo un’opzione per questo. Qualche idea su come potrei farlo?

(@ mrtom414)

2 anni fa

l’intestazione dalla testa nera ha una sovrapposizione con un livello alfa di 0,5 che significa 50%
una modifica trasparente a questa impostazione causerebbe il colore dell’immagine.

Per spostare l’intestazione e la barra di navigazione devi creare un tema figlio e modificare il file header.php.

(@gappiah)

2 anni fa

Ciao @writingradish,

Ho già menzionato il problema principale due volte prima, ma sembra che tu non stia ascoltando.

Dimostrami che mi sbaglio facendo questo semplice test:

Fai clic con il pulsante destro del mouse sull’immagine sottostante, scaricala sul tuo computer e caricala come immagine di intestazione per il tuo sito. Questo è solo temporaneo … per mostrare perché l’immagine dell’intestazione non “funziona”.

Dovresti vedere l’immagine (il colore “Rebecca Purple”) apparire nella parte superiore del tuo sito web.

Sto aspettando … fallo e fai rapporto.

Lanciatore di thread

(@writingradish)

2 anni fa

Ciao George,

Scusa se sembra che non ti stia ascoltando .. Sono appena nuovo di wordpress quindi sto ancora cercando di aggrapparmi. Ho fatto come mi hai suggerito e sì, vedo l’immagine nella parte superiore del sito.

(@gappiah)

2 anni fa

Guarda:

Ora ci sono molti modi per risolvere questo problema, ma il modo più semplice è correggere l’IMMAGINE stessa.

1) Ritaglia lo spazio bianco ridondante dalla parte superiore e inferiore dell’immagine!

2) Decidi quanto alta vuoi che sia questa parte HEADER del tuo sito web (qualsiasi valore compreso tra 100 e 200 px dovrebbe andare bene) e ridimensiona l’intera immagine in modo che l’ALTEZZA dell’immagine sia compatibile con l’ALTEZZA che vuoi che sia l’intestazione.

3) Carica questa nuova immagine di intestazione.

Dovremo apportare alcune modifiche CSS, ma prima fai quanto sopra e invia un rapporto in modo che io possa controllare e suggerire ulteriori modifiche.

Lanciatore di thread

(@writingradish)

2 anni fa

Grazie Giorgio, ho reso l’immagine molto più piccola e ora viene visualizzata sopra il menu, anche se non è corretta e vorrei che fosse un po ‘più grande se possibile. C’è un modo per aumentare lo spazio disponibile per l’immagine dell’intestazione? Grazie ancora.

(@gappiah)

2 anni fa

C’è un modo per aumentare lo spazio disponibile per l’immagine dell’intestazione?

Certo, quelle sono le “modifiche CSS” che ho menzionato nel mio post precedente 😀

Prova ad aggiungerlo al tuo CSS Extra:

#site-header.medium-header .top-header-wrap {
height: 134px; 
}

(Nota che l’altezza della tua immagine caricata più di recente è 134px sopra. Puoi aumentare l’altezza dell’immagine come desideri, ricaricarla e aumentare l’altezza del CSS sopra di conseguenza.)

Ancora in attesa qui per aiutare con ulteriori modifiche, se necessario.

Lanciatore di thread

(@writingradish)

2 anni fa

Vi ringrazio molto! Funzionerà perfettamente. 🙂 Scusa per il tuo tempo. Lo apprezzo.

(@gappiah)

2 anni fa

Prego!

Non sono un designer, ma …

Tieni presente che la sezione centrale nell’immagine sottostante è dove inizia e finisce il contenuto del tuo sito web.

Potresti voler cambiare leggermente il tuo logo a destra (lasciando uno spazio vuoto a sinistra)

Puoi farlo con TUTTI:

1) Aggiungi lo spazio bianco che desideri sul lato sinistro dell’immagine stessa prima di caricarlo (motivo per cui ti ho chiesto di ritagliare la parte superiore e inferiore della tua immagine, ma sembra che tu abbia tagliato anche la sinistra)

2) OPPURE Usa CSS per cambiare leggermente l’immagine di sfondo a destra.

In effetti, rimuoverei lo slogan dal logo e scriverei come testo in grassetto per il titolo del banner a destra del logo l qualcosa del genere:

(Come ho detto prima, non sono un designer … quindi fidati del tuo giudizio!)

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *