css 在Genesis中向导航栏添加简单的社交图标。 http://sridharkatakam.com/adding-simple-social-icons-navigation-bar-gene

Posted 2021-05-13

genesis_register_sidebar( array(
	'id'          => 'nav-social-menu',
	'name'        => __( 'Nav Social Menu', 'your-theme-slug' ),
	'description' => __( 'This is the nav social menu section.', 'your-theme-slug' ),
) );

add_filter( 'genesis_nav_items', 'sws_social_icons', 10, 2 );
add_filter( 'wp_nav_menu_items', 'sws_social_icons', 10, 2 );

function sws_social_icons($menu, $args) {
	$args = (array)$args;
	if ( 'primary' !== $args['theme_location'] )
		return $menu;
	ob_start();
	genesis_widget_area('nav-social-menu');
	$social = ob_get_clean();
	return $menu . $social;
}

.genesis-nav-menu .widget {
    float: right;
}

.genesis-nav-menu .simple-social-icons ul li {
	margin-bottom: 0 !important;
	margin-top: 0.7rem !important;
}

.genesis-nav-menu .widget-area {
    float: right;
    padding-top: 2.2rem;
}

.genesis-nav-menu .widget-area {
    float: right;
    padding-top: 1.5rem;
}