Larghezza del fluido H1 prima della larghezza normale / barra laterale

Un utente ha chiesto 👇

Ciao a tutti,

Sono curioso dell’approccio migliore all’utilizzo di genepress per emulare il design del tema flat bootstrap, in particolare, con h1 a tutta larghezza con un colore di sfondo specificato, quindi il resto del contenuto nella normale area dei contenuti con barra laterale:

Flat Bootstrap

Ciò sembrerebbe richiedere la fornitura di file modello aggiornati in un tema figlio: qualche idea sui passaggi migliori da eseguire per aggiornarli e quali file sono specifici per loro? Questo deve essere su ogni pagina (il sito non utilizzerà i tipi di contenuto “post”) – ma non ho problemi ad aggiornare tutti i tipi di contenuto se è facile.

Grazie in anticipo!

Autore del tema

(@ edge22)

1 anno, 2 mesi fa

Ciao,

Il nostro modulo Elements nella versione pro è il modo più semplice per farlo: https://docs.generatepress.com/article/header-element-overview/

Altrimenti, dovresti usare PHP per spostare il titolo in alto e CSS per modellare lo sfondo.

Fammi sapere se hai bisogno di una fascia con PHP, felice di aiutarti 🙂

Lanciatore di thread

(@lclem)

1 anno, 2 mesi fa

Ciao Tom, adoro la risposta!

Data la mia situazione, mi piacerebbe vedere un copricapo per quanto tempo posso costruirlo con PHP e senza il modulo, e cerchialo se necessario. Ho già lavorato su alcuni siti con temi genepress per bambini e sono a mio agio nello stile. È davvero come spostare l’intestazione (in modo sicuro e corretto) che mi incuriosisce.

Grazie ancora!

Autore del tema

(@ edge22)

1 anno, 2 mesi fa

Ciao,

Quindi faresti questo:

// Disable the default title
add_filter( 'generate_show_title', '__return_false' );

// Add a new title
add_action( 'generate_after_header', function() {
    if ( ! is_singular() ) {
        return;
    }

    printf(
        '<div class="hero-title">
            %s
        </div>',
        get_the_title()
    );
} );

Allora puoi .hero-title classe per aggiungere stile all’eroe.

Spero che questo aiuti 🙂

Lanciatore di thread

(@lclem)

1 anno, 1 mese fa

Ciao Tom,

Grazie ancora per il tuo aiuto qui. Sono stato in grado di implementarlo con successo aggiungendo php a functions.php, ma mi chiedevo se potevo / potevo spostare le briciole di pane sul fluido H1?

Di seguito è riportata la parte inferiore del file header.php nel tema figlio che contiene il codice del biscotto per il pane. Una cosa di cui non sono sicuro è che se sposto la funzione / funzione bread da header.php e nel mio file functions.php, o più in alto in header.php, i miei biscotti per il pane verranno visualizzati due volte e non ne sono sicuro perché, qualche idea?

bun bun header.php:

	do_action( 'generate_after_header' );
	?>

	<div id="page" class="hfeed site grid-container container grid-parent">
		<div id="content" class="site-content">
			<?php
			/**
			 * generate_inside_container hook.
			 *
			 * @since 0.1
			 */
			do_action( 'generate_inside_container' );
			add_action( 'generate_after_header', function() {
			    if ( function_exists('yoast_breadcrumb') ) {
			        yoast_breadcrumb( '<div class="grid-container grid-parent"><p id="breadcrumbs">','</p></div>' );
			    }
			} );

Questa risposta è stata modificata 1 anno, 1 mese fa da. Questa risposta è stata modificata 1 anno, 1 mese fa da. Questa risposta è stata modificata 1 anno, 1 mese fa da. Lanciatore di thread

(@lclem)

1 anno, 1 mese fa

Inoltre, sto commettendo un errore durante il tentativo di unire il nuovo PHP:
“Tutto l’output dovrebbe essere eseguito tramite una funzione di escape (vedere le sezioni sulla sicurezza nei manuali per gli sviluppatori di WordPress), trovata ‘get_the_title’ (WordPress.Security.EscapeOutput.OutputNotEscaped).”

Sapete quale sarebbe la sintassi corretta per eseguirlo attraverso una funzione di escape? Sono ancora nuovo, ma l’hosting con cui lavoro ha questi requisiti …

sarebbe ma … esc_html ( get_the_title () ) ?

Lanciatore di thread

(@lclem)

1 anno, 1 mese fa

lasciamo perdere la parte della funzione di fuga, che sembrava funzionare!

Autore del tema

(@ edge22)

1 anno, 1 mese fa

Ciao,

Potresti provare questo:

add_action( 'generate_after_header', function() {
    if ( function_exists('yoast_breadcrumb') ) {
        yoast_breadcrumb( '<div class="grid-container grid-parent"><p id="breadcrumbs">','</p></div>' );
    }
}, 5 );

Assicurati di aggiungerlo utilizzando uno di questi metodi: https://docs.generatepress.com/article/adding-php/

Was this helpful?

YesNo

0 / 0