Un utente ha chiesto informazioni su Twenty Seventeen di Wordpress

il comportamento dell’immagine è stato evidente in ventisette anni: dove apparirà l’immagine !?

Un utente ha chiesto 👇

Ciao e buona giornata cara!

Mi piace molto questo tema e il modo in cui le immagini scorrono per apparire tra le parti della homepage (penso che l’animazione di parallasse sia ciò a cui mi riferisco)

vedi qui un esempio del tema dell’effetto di parallasse: https://www.walkervillevet.com.au/ e qui cfr: https://premium.wpmudev.org/blog/twenty-seventeen-wordpress-theme/

La prima cosa che devi fare è creare alcune pagine:
Crea una pagina che funga da home page statica.
Crea una pagina da utilizzare come blog o pagina di pubblicazione.

Passaggio 2: aggiungi un’immagine in primo piano a ciascuna pagina
Per ottenere un effetto di parallasse, immagino di dover aggiungere un’immagine grande visibile a ogni pagina che farà parte della tua prima pagina.
Probabilmente non vuoi aggiungere un’immagine in primo piano alla home page che hai creato nel passaggio precedente,

Nota: Ho potuto contribuire

– home page
– pagina di posta

ma poi devo aggiungere un’immagine visibile a ciascuno di questi due tipi di pagine.
Nota: per me – non è molto chiaro dove posso aggiungere l’immagine

come – quali sono i passaggi !?

Aspetto tue notizie

Questo argomento è stato modificato 1 anno, 2 mesi fa da.

Lanciatore di thread

(@Dì Dio)

1 anno, 2 mesi fa

Ciao

dopo aver provato qualcosa – finalmente sono riuscito a ottenere il trucco – in altre parole. ora so dove trovare il pulsante che mi permette di aggiungere la cosiddetta immagine visibile

ma penso di dover personalizzare – e sfruttare – tutto al momento (perché beta beta beta beta sembra piuttosto non configurato.

la dimensione – è troppo grande
e sì – è tutto beta – ho solo preso un’immagine che ho lasciato sulla macchina.

ma probabilmente puoi consigliarmi – dovrei abbassare la dimensione dell’immagine – dovrei !?

Aspetto tue notizie

saluti

Lanciatore di thread

(@Dì Dio)

1 anno, 2 mesi fa

Ciao gente buona giornata,

Ebbene, facendo una piccola ricerca su Google ho trovato quanto segue;
Stavo cercando in tutta la rete per trovare qualcosa di utile per la soluzione che posso applicare diverso (diverso) al ventiduesimo tema WordPress:

Bene, cosa è necessario e cosa è necessario: ho trovato un modo per cambiare l’immagine dell’intestazione del cosiddetto tema perché la sua strada è troppo grande. Nelle pagine del post in cui aggiungi un file
l’immagine visibile ha le dimensioni perfette su tutti i dispositivi, ma quando provo a mettere un’immagine visibile su una pagina normale anche la sua strada è fantastica.

vedi pagina: http://www.job-starter.com/

vedere immagini troppo grandi: le domande sono le seguenti:

– come posso regolare le dimensioni in modo da poter creare un’intestazione per le diverse pagine, dico che prenderò quanto segue: 800 x 175

– posso farlo incollando questo piccolo pezzo di testo alla fine del CSS – nel cosiddetto file CSS:


@media screen and (min-width: 48em) {
.panel-image {
height: 175px;
}}

ps – ho anche ricevuto un extra Come andare in questa direzione: cfr.

Come ridurre l’altezza dell’intestazione sulla prima pagina del tema diciassette https://medium.com/@bharatkaravadra/how-to-reduce-the-header-height-size-of-the-twenty-seventeen-theme-front-page-562f1230044c

osserva alcuni buoni punti validi;

L’immagine predefinita dell’intestazione della prima pagina di Twenty Seven utilizza l’altezza dello schermo intero ad eccezione del menu mostrato di seguito. Questa quantità di intestazione può essere modificata.

Immagine delle intestazioni ad altezza ridotta.

L’altezza dell’intestazione è stata ridotta del 50% in questo campione. Notare che l’altezza dell’intestazione include il menu di navigazione principale in modo che l’immagine sia visibile
poco meno del 50% in altezza.

Dove e come modificare l’altezza dell’intestazione.
In WordPress Admin> Aspetto> Modifica CSS.
Inserisci il codice CSS di seguito.
La prima parte è per lo schermo del PC / laptop.
La seconda parte è per tablet o schermi di telefoni.
Il terzo è lo stesso del primo solo per gli utenti che hanno effettuato l’accesso alla barra di amministrazione di WordPress.

Il codice CSS che potrebbe aiutare qui


/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 50vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh;
	/*width: 100%;*/
}

/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}

cosa ne pensi di questo !?

Grazie in anticipo.

Was this helpful?

0 / 0

Lascia un commento 0

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