Cómo añadir un widget “Full Width” a tu tema Genesis en WordPress

Si estás usando un tema de la Framework Genesis en WordPress, es posible que te interese esta entrada. Un método muy sencillo para crear un widget “full Width” que abarque toda la pantalla tanto en todas las entradas y páginas como solo en la página principal o “Home Page”. Vamos a añadir este widget a tu Child Theme de genesis, para que resista las actualizaciones.

Cómo añadir un widget “Full Width” a tu tema Genesis en WordPress

Solo tienes que añadir este código, sólo uno de los dos, en el archivo functions.php de tu tema (al final del archivo), y tienes que cambiar “themename” por el nombre de tu tema Genesis que estes usando en WordPress:

Widget Full Width en todas las páginas y post de WordPress

genesis_register_sidebar( array(
‘id’ => ‘welcome-text’,
‘name’ => __( ‘Welcome Text’, ‘genesis’ ),
‘description’ => __( ‘This is the welcome text widget.’, ‘themename’ ),
) );
add_action( ‘genesis_before_content_sidebar_wrap’, ‘custom_welcome_text’ );
function custom_welcome_text() {
genesis_widget_area( ‘welcome-text’, array(
‘before’ => ‘

<div class=”welcome-text widget-area”>’,
‘after’ => ‘</div>

‘,
) );
}

Widget Full Width solo en la página principal o inicial de WordPress

genesis_register_sidebar( array(
‘id’ => ‘welcome-text’,
‘name’ => __( ‘Welcome Text’, ‘genesis’ ),
‘description’ => __( ‘This is the welcome text widget.’, ‘themename’ ),
) );
add_action( ‘genesis_before_content_sidebar_wrap’, ‘custom_welcome_text’ );
function custom_welcome_text() {
if ( ! is_home() ) {
return;
}
genesis_widget_area( ‘welcome-text’, array(
‘before’ => ‘

<div class=”welcome-text widget-area”>’,
‘after’ => ‘</div>

‘,
) );
}

Fuente: cre8tivediva.com