Come aggiungere un messaggio di benvenuto Genesis theme

Come aggiungere un messaggio di benvenuto Genesis theme

Come aggiungere un messaggio di benvenuto prima del contenuto nella homepage del Tema Genesis.

Come sempre dobbiamo metter mano al codice, se non sei certo di poter eseguire questa procedura, fai un backup del file che andremo a modificare o contatta il tuo webmaster.

Inseriamo il codice seguente nel nostro functions.php (utilizzate come sempre il tema child)

// Come aggiungere un messaggio di benvenuto Genesis theme
add_action( 'genesis_before_loop', 'lab_welcome_message' );
function lab_welcome_message() {

	if ( ! is_home() || get_query_var( 'paged' ) >= 2 )
		return;

	genesis_widget_area( 'welcome-message', array(
		'before' => '<div class="welcome-message" class="widget-area">',
		'after'  => '</div>',
	) );

}

genesis_register_sidebar( array(
	'id'          => 'welcome-message',
	'name'        => __( 'Welcome Message', 'lab' ),
	'description' => __( 'This is the welcome message widget area.', 'lab' ),
) );

Procediamo con il css per dare uno stile al nostro box.

/* Welcome Widget on Blog Page
--------------------------------------------- */

.welcome-message {
        background-color: #ffffff;
	      border-bottom: 1px dotted #ddd;
        margin-bottom: 30px;
        margin-bottom: 2rem;
        padding: 30px 40px 20px;
        padding: 2rem 2.8rem 1.4rem;
}

.welcome-message .widget:last-child {
	margin-bottom: 0;
}

.welcome-message .widget-title {
	text-align: left;
	text-transform: none;
}

.welcome-message .widget-title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
        text-align: center;
}

.welcome-message p {
        font-size: 14px;
}

Adesso troverete un widget da utilizzare per inserire il vostro testo di benvenuto.

Buon lavoro!!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Torna in alto