Cree un área de widget para el encabezado central para un tema de génesis infantil

La mayoría de los temas de Génesis, incluido el tema de marco/muestra, vienen con un área de widget de “encabezado derecho”, que resuelve la mayor parte del encabezado, sin embargo, hay momentos en que un área de widget adicional puede ser útil, especialmente para 3 bloques de contenido distintos que requieren Un cliente al enseñar, debe administrar el contenido.

En el aspecto anterior, puede usar el área del widget a la derecha del encabezado para completar el trabajo, pero una serie de reglas CSS con flotadores y diferentes tamaños de consulta de medios, en su lugar podríamos agregar un área adicional de widget medio para controlar la declaración de la empresa mediana. El encabezado de la derecha alojaría el menú de las redes sociales y la información de contacto, y el.
Lo primero que debemos hacer es registrar el nuevo widget en el medio del encabezado. Registre el área de widget add_action (‘widgets_init’, ‘genesischild_extra_widgets’);
// Regístrese en nuevas áreas de widgets
Función genesischild_extra_widgets () {
Genesis_register_sidebar (Array (
‘id’ => ‘Header-Middle’,
‘Nombre’ => __ (‘Header Middle’, ‘Genesis’),
‘Descripción’ => __ (‘Este es el área central del encabezado’, ‘Génesis’),
));
} En su archivo Functions.php, registre el nuevo área de widgets, en la marca anterior, le di una ID de encabezado, ahora aparecerá en el área de widget del tablero de WordPress> Apariencia> Widgets.

Copie la marca del encabezado Genesis para colocar el nuevo área de widget en el encabezado, debemos recrear el encabezado original y colocar la nueva área en el encabezado central antes del encabezado derecho. El marcado del encabezado de Genesis original se puede encontrar dentro del/lib/estructura/heer.php entre las filas 885-915. la función Genesis_do_header () {Global $ wp_regisred_sideBars;
Genesis_markup (Matrix (
‘html5’ => ”,
‘xhtml’ => ‘
‘,
‘Context’ => ‘titlu’ área ‘,
));
do_action (‘title_site_geneza’);
do_action (‘description_site_genese’);
Echou ‘
‘;
if ((isset ($ wp_regisred
Genesis_markup (Matrix (
‘html5’ => ‘
‘. Genesis_sideBar_itle (‘Header-Right’),
‘xhtml’ => ‘
‘,
‘context’ => ‘Zone-Atet-Widget’,
));
do_action (‘Genesis_heer_right’);
add_filter (‘wp_nav_men_args’, ‘genesis_header_men_args’);
add_filter (‘wp_nav_men’, ‘genesis_heer_men_wrap’);
Dynamic_sidebar (‘Header-Raggs’);
Remove_filter (‘wp_nav_men_args’, ‘genesis_heer_men_args’);
Remove_filter (‘wp_nav_men’, ‘genesis_heer_men_wrap’);
Echou ‘
‘;
} Copie este código y péguelo a las funciones.php y ahora tenemos que editarlo y agregar el nuevo área de widget para encabezado.
Agregue a Newsis Middle Headle Remout_action widget (‘Genesis_header’, ‘Genesis
// Agregue el nuevo encabezado con el encabezado del widget en el medio
FUNC ThemePrefix
Global $ wp_regisred_sidebars;
Genesis_markup (Matrix (
‘html5’ => ”,
‘xhtml’ => ‘
‘,
‘Context’ => ‘titlu’ área ‘,
));
do_action (‘title_site_geneza’);
do_action (‘description_site_genese’);
Echou ‘
‘;
Genesis_widget_area (‘Header-Middle’, Array (
‘Antes’ => ‘
‘,
‘After’ => ‘
‘,
));
if ((isset ($ wp_regisred
Genesis_markup (Matrix (
‘html5’ => ‘
‘. Genesis_sideBar_itle (‘Header-Right’),
‘xhtml’ => ‘
‘,
‘context’ => ‘Zone-Atet-Widget’,
));
do_action (‘Genesis_heer_right’);
add_filter (‘wp_nav_men_args’, ‘genesis_header_men_args’);
add_filter (‘wp_nav_men’, ‘genesis_heer_men_wrap’);
Dynamic_sidebar (‘Header-Raggs’);
Remove_filter (‘wp_nav_men_args’, ‘genesis_heer_men_args’);
Remove_filter (‘wp_nav_men’, ‘genesis_heer_men_wrap’);
Echou ‘
‘;
}
}
Entonces, en el código ajustado anterior, el nuevo área de widget se coloca justo antes del encabezado derecho. El nuevo encabezado de Widget Middle tiene 3 clases de CSS asignadas, dos de ellas son comunes con el área de encabezado-derecha y uno es único para sí mismo. El medio encabezado en la parte inferior del código hay 2 acciones, el primero elimina el encabezado antiguo , y el segundo agrega el nuevo encabezado con el nuevo widget incluido. Además, la nueva función de encabezado debe tener un nombre único. Otra forma de hacer esto podría haber sido agregar una nueva acción al código y luego colocar el widget en ese gancho de acción, el beneficio es que podría conectar más contenido, pero para este ejemplo agregue widget-ul directamente en el encabezado. El widget está vacío, no se eliminará ningún código. Se requiere un ajuste CSS de una refinación CSS para las 2 áreas del widget del encabezado que se colocan uno al lado del otro. Debe agregarse a style.css
/*
* Edite el porcentaje de alineación y los valores para adaptarse, agregue atributos CSS como relleno

*/
.Se -Header .title -ear {
Ancho: 25%;
}
.Se-Header .HEADA-MIDDLE {
Ancho: 25%;
Text-Align: Center;
flota a la izquierda;
}
.Site-Header .Headader-Widget-Lare {
Ancho: 50%;
}
Pantalla solo @Media y (ancho máximo: 767 px) {
.Se -Header .Title -Area,
.Se-Header .HEADA-MIDDLE,
.Site-Header .Headader-Widget-Lare {
Ancho: 100%;
}
Elegí aquí para usar anchos porcentuales, con la suma de las 3 áreas de encabezado.
Hasta 768 px
767px y más pequeño