Skip to content

bigwing/bigwing-social

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BigWing Social for WordPress

Social icons for WordPress

Description

BigWing Social allows you to use the built-in WordPress menu system to create social menus.

This plugin uses Social Logos by Automattic.

Usage

Step 1. Create the menu

create-menu

Step 2. Add Social Items

add-items

Step 3. Assign Menu

assign-menu

Step 4. Place the Menu via Code

Find where in your theme you would like the menu to go and use:

wp_nav_menu( 
	array( 
		'theme_location' => 'bw-social',
	)
);

Where bw-social is the slug for the new social menu.

Step 5. Adjust Settings Using the Customizer

screen shot 2017-05-22 at 2 54 44 pm

You can adjust the:

  • Icon size
  • Icon color (using pre-configured colors or selecting a custom one)

Customization

While this plugin tries to do the bulk of the hard work when it comes to social icons, there are things this plugin expects the themer to take care of:

  • List styles
  • Icon spacing
  • General look/appearance

Filters

bigwing/bigwing_social/icons

Filter the icon URLs should you need to add your own:

/**
 * Filter BW Social Icons.
 *
 * @since 1.0.0
 *
 * @param array $social_links_icons
 */
add_filter( 'bigwing/bigwing_social/icons', 'twentyten_bwsocial_icons' );
function twentyten_bwsocial_icons( $icons ) {
	$icons[ 'fb.com' ] = 'facebook';
	return $icons;
}

In the example above, we add fb.com and point it to use facebook.

bigwing/bigwing_social/sprite

Provide a custom SVG sprite to use:

/**
 * Filter BW Social Icons Sprite.
 *
 * @since 1.0.0
 *
 * @param string Absolute directory path to SVG sprite
 */
add_filter( 'bigwing/bigwing_social/sprite', 'twentyten_bwsocial_sprite' );
function twentyten_bwsocial_sprite( $sprite ) {
	return '/path/to/sprite.svg';
}